* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "General Sans", sans-serif;
}
html {
margin-top: 0px !important; }
:root {
--btn-color: #08559f;
--btn-text-color: #fff;
--primary-Text-color: #01101d;
--head-blue: #021a30;
--light--blue: #153858;
--dark-blue: #05335F;
--para-text: #666666;
--products-bg-color: #f5f5f7;
--lightGray:#fbfbfb;
--gray: #c2c2c2;
--purple:#673AB7;
--dark-gray:#333333;
--cc-purple: #371377;
--cc-btn: #673AB7;
}
body{
color: var(--primary-Text-color);
overflow-x: initial;
}
.margin-class {margin: auto 0;}
h1{font-size: 78px; font-weight: 600; color: var(--primary-Text-color);}
h2{font-size: 54px; font-weight: 600; color: var(--primary-Text-color);}
h3{font-size: 48px; font-weight: 600; color: var(--btn-color);}
h4{font-size: 40px; font-weight: 600; color: var(--primary-Text-color);}
h5{font-size: 32px; font-weight: 600; color: var(--btn-color);}
h6{font-size: 24px; font-weight: 400; line-height: 1.3;}
p{font-size: 28px; font-weight: 400; color: var(--para-text);}
h6 span{color: var(--purple); font-weight: 500;}
p span{font-size: 20px;}
a{font-size: 24px; font-weight: 400; color: var(--para-text); color: var(--btn-color);}
li{font-size: 28px; color: var(--primary-Text-color);}
.p-70{padding: 70px;}
.padding-section{padding: 60px 80px 60px 80px;}
.spacing-property{padding: 13% 6%;}
.py-70{padding-top: 70px; padding-bottom: 70px;}
.element-center{display: flex; justify-content: center; align-items: center;}
.why-medication .card-title{color: var(--primary-Text-color); font-weight: 600;}
h2 span{color: var(--btn-color);}
.spacingRight{padding-right: 50px;}
.spacingLeft{padding-left: 50px;}
.card-text{color: var(--para-text); font-size: 24px;}
.card-title{font-size: 28px;}
.card-title span{display: block; font-size: 28px;}
ul {list-style: none; padding: 0;}
ul li{position: relative; padding-left: 35px; line-height: 1.8;}
.gray-para-text{color: var(--para-text);}
.blue-text{
color: var(--btn-color);
}
.black-text{
color: var(--primary-Text-color) !important;
}
.dark-blue-text{
color: var(--dark-blue) !important;
}
.font-400{
font-weight: 400 !important;
}
.font-500{
font-weight: 500 !important;
}
.font-600{
font-weight: 600 !important;
}
.font-700{
font-weight: 700;
}
.experience-innovation ul li:before {
content: '';
position: absolute;
left: 0;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 25px; 
height: 25px;
background: url(https://dosepacker.com/wp-content/uploads/2025/04/ic_round-check.png) no-repeat center / contain;
}
.btn-border-utility{
border: 3px solid var(--btn-color);
}
.mobile-variant-image{
display: none;
}
label{
color: var(--btn-color);
font-size: 32px;
font-weight: 600;
}
.home-carousel{position: relative;}
.solid-btn a{color: var(--primary-Text-color);}
.solid-btn a:hover{border: 3px solid var(--btn-text-color); color: var(--btn-text-color);}
.carousel-content{width: 55%;}
.carousel-content h1, .carousel-content h5{color: var(--btn-text-color);}
.carousel-content h5{font-weight: 400; margin: 40px 0 70px 0;}
.solid-btn .transparent-btn{
border: 3px solid transparent;
border-radius: 8px;
outline: 0;
margin-top: 20px;
padding: 14px 24px;
background-color: transparent;
transition: background-color 0.4s ease-out;
text-decoration: none;
color: var(--btn-text-color);
margin-left: 20px;
}
.solid-btn .transparent-btn:hover{transition: border 2s ease-out;}
.What-makes-us-col2 h4{font-size: 28px;}
.solid-btn a {font-weight: 600;}
.What-makes-us-col1 h4{color: var(--btn-color);}
.testimonial_slider label{color: var(--primary-Text-color); font-size:28px;} .blog-page .gray-p{color: var(--para-text);}
.blog-listing h2{color: var(--btn-text-color);}
.blog-listing h3{color: var(--btn-text-color);}
.blog-listing h6{color: var(--btn-text-color);} .blog-listing .gray-h3{color: var(--para-text); opacity: 50%; font-weight: 500;}
.blog-page a{text-decoration: none; color: var(--primary-Text-color);}
.blog-page .blue-h6{color: var(--btn-color); font-weight: 500;}  .blogs-and-articles-section a{text-decoration: none;}
.products-btn {
border: 3px solid var(--btn-color);
border-radius: 8px;
outline: 0;
margin-top: 20px;
padding: 14px 24px;
background-color: var(--btn-color);
transition: background-color 0.4s ease-out;
}
.white-btn{
border: 3px solid var(--btn-text-color);
border-radius: 8px;
outline: 0;
margin-top: 20px;
padding: 14px 20px;
background-color: var(--btn-text-color);
transition: background-color 0.4s ease-out;
color: var(--btn-color);
text-decoration: none;
font-size: clamp(1.125rem, 1.0959rem + 0.2326vw, 1.375rem);
font-weight: 700;
}
.white-border-btn:hover{
color: var(--btn-text-color) !important;
}
.white-border-btn{
border: 3px solid var(--btn-text-color);
border-radius: 8px;
outline: 0;
margin-top: 20px;
padding: 14px 20px;
background-color: transparent;
transition: background-color 0.4s ease-out;
color: var(--btn-text-color);
text-decoration: none;
font-size: clamp(1.125rem, 1.0959rem + 0.2326vw, 1.375rem);
font-weight: 700;
}
.tabs-btn{
border: 2px solid #C1C7CD;
outline: 0;
margin-top: 20px;
padding: 7px 20px;
background-color: transparent;
transition: background-color 0.4s ease-out;
font-size: 1.2rem;
border-radius: 24px;
cursor: pointer;
}
.privacy-policy-banner{
background-color: #e0eaf5;
}
.privacy-body-content ul {
list-style: revert;
padding: revert;
}
.privacy-body-content ul li {
position: relative;
padding-left: 0;
line-height: 1.8;
}
.privacy-body-content p, .privacy-body-content li,.privacy-body-content a{
font-size:20px !important;
}
.privacy-body-content h4{
font-size:24px !important;
}
.privacy-policy-banner .breadcrumb {
justify-content: center;
}
.tabs-btn.active-tab{
border: 2px solid var(--btn-color) !important;
background-color: var(--btn-color);
color: var(--btn-text-color);
}
.tabs-btn.passive-tab{
border: 2px solid #C1C7CD !important;
background-color: transparent !important;
color: var(--primary-Text-color) !important;
}
.tabs-btn:focus{
border: 2px solid var(--btn-color);
background-color: var(--btn-color);
color: var(--btn-text-color);
}
.tabs-btn:hover{
border: 2px solid var(--btn-color);
background-color: var(--btn-color);
color: var(--btn-text-color);
}
.border-left-utils{
border: none !important;
border-left: 4px solid var(--btn-color) !important;
}
.btn-type2{font-weight: 600; font-size: 28px; text-decoration: none;}
.first-btn{padding-right: 100px;}
.pharmacy-btn-container{
margin-top: 2rem;
display: flex;
gap: 20px; align-items: start;
}
.pharmacy-btn-container.justify-middle{
justify-content: center;
}
.f-48{font-size: 48px; color: var(--head-blue);}
.para p{font-size: 16px !important; line-height: 1.4;}
.head h5{font-size: 23px; color: var(--primary-Text-color); line-height: 1.3;}
.link{font-size: 18px; color: var(--blue);  text-decoration: none;  font-weight: 500;}
.head-blue{color: var(--head-blue);}
.hidden {display: none;}
.right-padding{padding-right: 150px;}
.left-padding{padding-left: 150px;} .navbar{
padding: 1.5rem 3rem;
}
.nav-item {
font-size: 24px;
font-weight: 400;
}
.nav-link {
padding: 0 25px !important;
color: black !important;
}
.topFixed{
position: sticky !important;
top: 0;
right: 0;
left: 0;
z-index: 1030;
} 
.navbar-nav button {
font-size: 24px;
font-weight: 500;
padding: 5px 35px;
}
.nav-item .nav-link .fa {
font-weight: lighter !important;
}
.desktop_logo img{width: 300px;}
.footer-hr-divider{
height: 1px;
background-color:#B7B7B7;
width: 100%;
}
.stats-content2 .card{border: none;}
.stats-mobile-img{margin-top: 80px;} .googlemap-iframe{
width: 100%;
height: 512px;
}
.slide {
margin: 0;
padding: 0;
width: 100%;
height: 90vh;
overflow-x: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: opacity 1s ease-in-out; } #newsletter-Forom-box #email-a6722fdc-33a5-4e2c-ad3f-034fd6c2958a {
position: relative !important;
}
#newsletter-Forom-box .hs-button {
position: absolute !important;
top: 0 !important;
right: 0 !important;
}  .insurance-slider{
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
height: 30vh;
}
.slider-wrapper {    
width: 100%;
height: 100px;
padding: 20px 0;
display: flex;
align-items: center;
position: absolute;
overflow: hidden;
}
.slider-inner {  
position: absolute;
top: 0;
left: -10px;
display: flex;
pointer-events: none;
transition: .4s ease-out;
}
.slider-item {
margin: 0 15px;
width: 250px;
height: 100px;
}
.desktop_content{
display: block;
}
.mobile-restricted{
display: none;
}
.slider-item img {
width: 90%;
height: 90%;
border-radius: 12px;
}
.slider-wrapper .prev,
.slider-wrapper .next {
position: absolute;
z-index: 1;
width: 30px;
height: 30px;
line-height: 26px;
border-radius: 50%;
color: black;
font-size: 15px;
cursor: pointer;
display: none;
}
.slider-wrapper .prev {
left: 10px;
}
.slider-wrapper .next {
right: 10px;
}
.background-property{
background-position: center;
padding: 100px 0;
background-size: cover;
background-repeat: no-repeat;
}
.home-banner{margin-top: 103px;}
.slide1 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner.png);
background-position: center;
color: white;
}
.slide2 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner4.png);
background-position: center;
color: white;
}
.slide3 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner2.png);
background-position: top;
color: white;
}
.slide4 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner6.png);
background-position: center;
color: white;
}
.slide5 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner5.png);
background-position: center;
color: white;
}
.slide6 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner3.png);
background-position: top;
color: white;
}
.arrow {
cursor: pointer !important;
position: absolute;
bottom: 10%;
width: 0;
height: 0;
font-size: 40px;
color: white;
z-index: 3;
}
#arrowLeft {left: calc(90% - 10px);  margin-left: 20px;}
.arrow:hover{background-color: var(--btn-text-color);}
#arrowRight {right: 100px;} .blue_background{
padding: 140px 0px;
background-color: var(--btn-color);
}
.testimonial_sections {
font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
min-height: 30vh;
display: flex;
justify-content: center;
align-items: center;
margin-top: -220px;
}
.client_review{
font-weight: 600;
font-size: 18px;
}
.animationstyle {
animation: slide_up 2.4s ease;
}
.testimonial-draggable img { width: 100%;}
.testimonial-draggable h1 {margin: 0.5rem 0;}
.testimonial-draggable p{font-size: 17px;} .testimonial-draggable {
position: relative;
width: 1199px;
height: 560px;
overflow: hidden;
cursor: grab; }
.productdetails{
height: 115px;
}
.testimonial-draggable .cards {
position: absolute;
top: 0;
left: 0;
display: grid;
grid-template-columns: repeat(6, 400px);
grid-gap: 50px;
pointer-events: none; }
.testimonial-draggable .card {
border: none;
border-radius: 1rem;
overflow: hidden;
box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, 0.1);
}
.testimonial_section img{border-radius: 16px;}
.card__content {
color: #4e4e4e;
padding: 1rem;
}
.product_image img{width: 80%;}
.pharmacy_product_image img{width: 70%;}
.pharmacy-description{padding-top: 4rem;} .solution-heading{padding-bottom: 60px;}
.our-solution-section .rounded-3 {border-radius: 15px !important;}
.arrow-icon{text-align: end;}
.product_card {padding: 1rem; background-color: var(--lightGray);}
.product_card{border: 1px solid #C2C2C2; border-radius: 20px;} .mobile_content_banner, .mobile_content, .mobile-content-box{display: none;}
hr {
color: white;
opacity: 1 !important;
}
.home-banner .container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;
}
.content {
position: absolute;
bottom: 0px;
text-align: left;
min-width: 100%;
z-index: 2;
}
.content h1 {
color: white;
padding-left: 50px !important;
border-bottom: 5px solid white;
line-height: 0.69;
}
.why-choose-dosepacker .cardWithIcon .card{
height: 42vh !important;
}
.content h3 {
padding-left: 50px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
font-size: 28px !important;
width: 60%;
font-weight: normal !important;
height: 100px;
color: var(--btn-text-color);
} .partner_carousel{
justify-content: center;
}
.our-partners{padding: 80px 80px 40px;}
.wrapper {
padding: 15px 0;
position: relative;
overflow-x: hidden;
max-width: 100%;
background: #fff;
border-radius: 13px;
}
.wrapper ul{padding-left: 0;}
.wrapper .icon {
position: absolute;
top: 0;
height: 100%;
width: 120px;
display: flex;
align-items: center;
} @keyframes partners_slide {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.partners {
overflow: hidden;
background: white;
white-space: nowrap;
position: relative;
}
.partners:before,
.partners:after {
position: absolute;
top: 0;
width: 250px;
height: 100%;
content: "";
z-index: 2;
}
.partners:before {
left: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}
.partners:after {
right: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}
.partners:hover .partners-slide {
animation-play-state: paused;
}
.partners-slide {
display: inline-block;
animation: 25s partners_slide infinite linear;
}
.partners-slide img {
height: 80px;
margin: 0 40px;
}
.icon:first-child {
left: 0;
display: none;
background: linear-gradient(90deg, #fff 70%, transparent);
}
.icon:last-child {
right: 0;
justify-content: flex-end;
background: linear-gradient(-90deg, #fff 70%, transparent);
}
.icon i {
width: 55px;
height: 55px;
cursor: pointer;
font-size: 1.2rem;
text-align: center;
line-height: 55px;
border-radius: 50%;
}
.icon:first-child i {margin-left: 15px;} 
.icon:last-child i {margin-right: 15px;} 
.wrapper .tabs-box {
display: flex;
gap: 12px;
list-style: none;
overflow-x: hidden;
scroll-behavior: smooth;
}
.tabs-box.dragging {
scroll-behavior: auto;
cursor: grab;
}
.tabs-box .tab {
cursor: pointer;
font-size: 1.18rem;
white-space: nowrap; padding: 13px 40px;  }
.tabs-box .tab img{width: 217px;height: 75px;}
.tabs-box.dragging .tab {
user-select: none;
pointer-events: none;
}
.scroller__inner img{width: 217px;height: 75px;}
.scroller {
max-width: 100%;
}
.scroller__inner {
padding-block: 1rem;
display: flex;
flex-wrap: wrap;
gap: 3rem;
}
.scroller[data-animated="true"] {
overflow: hidden;
-webkit-mask: linear-gradient(
90deg,
transparent,
white 20%,
white 80%,
transparent
);
mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.scroller[data-animated="true"] .scroller__inner {
width: max-content;
flex-wrap: nowrap;
animation: scroll var(--_animation-duration, 40s)
var(--_animation-direction, forwards) linear infinite;
}
.scroller[data-direction="left"] {
--_animation-direction: reverse;
}
.scroller[data-speed="fast"] {
--_animation-duration: 20s;
}
@keyframes scroll {
to {
transform: translate(calc(-50% - 0.5rem));
}
}
.tag-list {
margin: 0;
padding-inline: 0;
list-style: none;
}
.tag-list li {
padding: 1rem;
background: var(--clr-primary-400);
border-radius: 0.5rem;
box-shadow: 0 0.5rem 1rem -0.25rem var(--clr-primary-900);
} .test {
background: red !important;
}
.What-makes-us-section {
padding: 80px;
}
.What-makes-us-col1 {
padding-right: 60px !important;
}
.What-makes-us-section p{
font-size: 24px;
font-weight: 400;
}
.What-makes-us-col1 p {
padding-top: 10PX;
}
.What-makes-us-col2 {
padding-left: 40px !important;
}
.What-makes-us-section h3 {
padding-bottom: 10px !important;
}
.What-makes-us-section .card {
border: 0px !important;
}
.What-makes-us-section img {
height: auto;
width: 100%;
border-radius: 20px;
margin-bottom: 30px;
} .Whats-New {
background-color: #e0eaf5;
padding: 40px 80px 80px 80px;
}
.Second-container hr{
color: var(--dark-blue);
width: 75%;
height: 2px;
}
.zoomSwiperSection .slider-section .swiper-wrapper{
overflow: visible;
align-items:center;
}
.zoomSwiperSection .slider-section .shadow-holder{
border-radius: 24px;
background: #F5F5F5;
transform:scale(0.85);
padding:2%;
transition:all 0.3s linear;
}
.zoomSwiperSection .slider-section .shadow-holder.zoomed-slide{
border-radius: 24px;
border: 2px solid rgba(8, 85, 159, 0.20);
background: #FFF;
transform:scale(1);
}
.Whats-New .bg-img {
background: url(//dosepacker.com/wp-content/themes/dosepacker/img/Form_Image.png);
background-repeat: no-repeat;
background-position: left;
background-size: cover;
padding: 0 40px;
border-radius: 16px;
}
.form-control.border-bottom-only {
border: none;
border-bottom: 1px solid #ced4da; background-color: transparent; border-radius: 0; } .form-control.border-bottom-only:focus {
box-shadow: none;
}
.form-select.border-bottom-only {
border: none;
border-bottom: 1px solid #ced4da; background-color: transparent; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form-select.border-bottom-only:focus {
box-shadow: none;
}
.col-form-label{
color: var(--btn-color);
font-weight: 500;
font-size: 24px;
}
.form-control::placeholder { color: #8C8C8C;
opacity: 1; }
.Second-container .form-select{color: #8C8C8C;}
.Whats-New button,.Whats-New-mobile button {
padding: 8px 32px;
border-radius: 10px;
font-size: 20px;
font-weight: 400;
background-color: var(--btn-color);
color: white;
}
.Whats-New button:hover , .Whats-New-mobile button:hover {
background-color: var(--btn-color);
color: white;
}
.Whats-New .Second-container {
padding: 0 20px;
}
.Whats-New .sub-container1 {
position: relative;
height: 100%;
padding: 40px;
}
.Whats-New .sub-container2 {
background-color: #021a30;
padding: 40px;
border-radius: 40px;
height: auto;
}
.Whats-New .col1-content-container {
position: absolute;
bottom: 30px;
}
.Whats-New .main-container {
padding: 0 20px;
padding-right: 100px;
}
.whoWeServeSlides .swiper-container .swiper-slide {
margin: 0;
} .Whats-New .bg-img1 {
background: url(//dosepacker.com/wp-content/themes/dosepacker/img/SB_525_How.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 20px;
}
.Whats-New .bg-img2 {
background: url(//dosepacker.com/wp-content/themes/dosepacker/img/Benefits_of_Automated_Care.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 20px;
}
.Whats-New .bg-img3 {
background: url(//dosepacker.com/wp-content/themes/dosepacker/img/Blister_pack.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 20px;
}
.Whats-New h4 {
font-size: 26px;
color: white;
}
.Whats-New p {
font-size: 16px;
color: white;
} .testimonial-content {
background-color: #e0eaf5;
padding: 2rem;
}
.testimonial-content h2 {
color: #153858;
padding-bottom: 2rem;
font-size: 50px;
}
.item {
border-radius: 10px;
background-color: white;
padding: 1.5rem;
min-height: 30em;
}
.item .row {
position: absolute;
left: 20px;
bottom: 20px;
}
.circle {
text-align: left;
}
.circle-content {
padding-left: 5rem;
padding-top: 0.5rem;
text-align: left;
}
.candy {
height: 5rem;
width: 5rem;
background-color: #eddfae;
border-radius: 50%;
display: inline-block;
text-align: center;
padding: 0.2rem;
color: white;
font-size: 50px;
}
.candy strong {
font-size: 50px;
}
.jordyn {
height: 5rem;
width: 5rem;
background-color: #d1edae;
border-radius: 50%;
display: inline-block;
text-align: center;
padding: 0.2rem;
color: white;
font-size: 50px;
}
.jordyn strong {
font-size: 50px;
}
.mansoor {
height: 5rem;
width: 5rem;
background-color: #aed6ed;
border-radius: 50%;
display: inline-block;
text-align: center;
padding: 0.2rem;
color: white;
font-size: 50px;
}
.mansoor strong {
font-size: 50px;
}
.ernest {
height: 5rem;
width: 5rem;
background-color: #f4c7c8;
border-radius: 50%;
display: inline-block;
text-align: center;
padding: 0.2rem;
color: white;
font-size: 50px;
}
.ernest strong {
font-size: 50px;
}
.owl-nav {
text-align: center;
font-size: 3rem;
color: white;
}
.controller{cursor: pointer; width: 60px; height: 25px; padding-left: 20px;}
.testimonial_arrow {display: flex;  float: inline-end;} .customer_testimonial{background-color: #e0eaf5; padding: 80px;
background: linear-gradient(180deg, #FFF 0%, #E0EAF5 73.47%);}
.what-customer-saying{
background-color: white;
border-radius: 50px;
padding: 50px 50px 0px;
}
.customer_testimonial .testimonial_content{
padding: 40px 0 0 0;
} .pharmacy-faq-section .box {
width: 500px;
height: 460px;
padding: 40px;
background-color: #f2f8ff;
border-radius: 16px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.pharmacy-faq-section .col-md-5 .box p{
text-align: center;
}
.pharmacy-faq-section .col-md-5 .box .bold {
font-weight: 500;
color: #000000;
}
.pharmacy-faq-section .col-md-5 .box button {
margin-top: 30px !important;
}
.pharmacy-faq-section .col-md-5 .box a { }
.box p{
font-size: 20px;
font-weight: 400;
color: #666666;
}
.pharmacy-faq-section .accordion-header{
padding-left: 0;
padding-bottom: 0;
}
.pharmacy-faq-section .accordion-button:not(.collapsed)::after {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/down-arrow-ph.png) !important;
transform: rotate(-180deg);
}
.pharmacy-faq-section .accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/down-arrow-ph.png) !important;
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
} #vl {
border-right: 1px solid black;
} .footer {
padding: 30px 100px; 
background: #E0EAF5;
}
.footer a {font-size: 22px; color:#666666; text-decoration: none;  font-weight: 400;}
.footer p {margin-bottom: 7px; font-size: 22px; font-weight: 400; color: #666666;}
.footer-logo {
padding-top: 10px;
}
.footer-logo p{
margin-bottom: 0;
}
.footer-logo-img {
width: 320px;
margin-bottom: 30px;
}
.footer-links {
text-align: right;
text-decoration: none;
padding-top: 10px;
}
.footer .social-container{
margin-top: 15px;
}
.social-container img{padding-right: 5px;}
.footer-links a {
font-size: 18px;
font-weight: 400;
padding-right: 10px;
text-decoration: none;
color: var(--primary-Text-color);
}
.footer h4{
color:#01101D;
font-size: 22px;
font-weight: 600px;
padding-bottom: 10px;
}
.social-container img{width: 30px; margin-right: 15px;}
.bottom-footer{margin-top: 15px;}
.bottom-footer p{color: var(--primary-Text-color); font-size: 18px;} 
@keyframes slide_up{
0%{
transform: translateY(250px);
}
100%{
transform: translateY(0);
}
} .testimonial_slider p{
font-size: 24px;
font-weight: 400;
}
.testimonial_slider label{
padding-bottom: 16px;
}
.testimonial_slider h6{font-size: 20px;}
.slide-container{
position: relative;
width: 100%;
height: 61vh; }
.slide-container .slides_customers{
width: 100%;
height: calc(100% - 40px);
position: relative;
overflow: hidden;
}
.slide-container .slides_customers img{
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
}
.slide-container .slides_customers img:not(.active){
top: 0;
left: -100%;
}
.slide-container .slides_customers .testimonial_slider{
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
}
.slide-container .slides_customers .testimonial_slider:not(.active){
top: 0;
left: -100%;
}
span.next_customer, span.prev_customer{
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 14px;
color: #eee;
font-size: 24px;
font-weight: bold;
transition: 0.5s;
border-radius: 3px;
user-select: none;
cursor: pointer;
z-index: 1;
}
span.next_customer{
right: 20px;
}
span.prev_customer{
left: 20px;
}
span.next_customer:hover, span.prev_customer:hover{
background-color: #ede6d6;
opacity: 0.8;
color: #222;
} 
.dotsContainer{
position: absolute;
bottom: 5px;
z-index: 3;
left: 50%;
transform: translateX(-50%);
}
.dotsContainer .dot{
width: 15px;
height: 15px;
margin: 0px 2px;
border: 3px solid #bbb;
border-radius: 50%;
display: inline-block;
cursor: pointer;
transition: background-color 0.6s ease;
}
.dotsContainer .active{
background-color: #555;
}
@keyframes next1{
from{
left: 0%
}
to{
left: -100%;
}
}
@keyframes next2{
from{
left: 100%
}
to{
left: 0%;
}
}
@keyframes prev1{
from{
left: 0%
}
to{
left: 100%;
}
}
@keyframes prev2{
from{
left: -100%
}
to{
left: 0%;
}
}  .contentsolution {
height: 85px;
overflow: hidden;
position: relative;
}
.para, .head {
position: absolute;
width: 100%;
transition: transform 0.9s ease-in-out;
}
.para {
transform: translateY(120px); }
.head {
transform: translateY(0); }
.contentsolution.enter .para {
transform: translateY(0); }
.contentsolution.enter .head {
transform: translateY(-120px); }
.contentsolution.leave .para {
transform: translateY(120px); }
.contentsolution.leave .head {
transform: translateY(0); }
.solid-btn-hover a:hover{border: 3px solid var(--btn-color);} .form-control, .form-select{font-size: 1.5rem;}
.products-pad {padding: 100px 60px;}
.products-btn a, .products-btn{
font-size: 24px;
color: var(--btn-text-color);
text-decoration: none;
font-weight: 600;
}
.products-btn:hover { border: 3px solid var(--btn-color);  background-color: transparent;}
.products-btn:hover a {color: var(--btn-color);font-weight: 600;}
.products-btn-secondary {border-radius: 8px; border: solid 3px var(--btn-color);
outline: 0;
margin-top: 20px;
padding: 14px 24px;
transition: background-color 0.4s ease-out; }
.products-btn-secondary a, .products-btn-secondary {
font-size: 24px;
color: var(--btn-color);
background-color: transparent;
text-decoration: none;
font-weight: 600;
}
.products-btn-secondary:hover {
background-color: var(--btn-color);
color:var(--btn-text-color);
}
.products-btn-secondary:hover a {color: var(--btn-text-color);}
.products-btn-secondary:hover {color: var(--btn-text-color);}
.products-icon-img {
width: 80px;
height: 80px;
margin-bottom: 20px;
}
.products-images {
width: 80%;
height: auto;
float: right;
}
.products-para{ margin-top: 20px; font-size: 24px;}
.link-para {
font-size: 28px;
color: var(--btn-color);
font-weight: 400;
line-height: 1.2em;
margin-top: 20px;
text-decoration: underline;
}
.heading-para {
font-size: 32px;
color: var(--btn-color);
line-height: 1.2em;
margin-top: 20px;
margin-bottom: 5px;
font-weight: 600;
}
.products-images .left-align {float: left;}
.a-list-tools-banner-section {
background: linear-gradient(to bottom, #e0eaf5, #fbfbfb);
padding: 140px 60px;
}
.a-list-tools-banner-section .breadcrumb a,
.active {
color: var(--para-text);
text-decoration: none;
font-weight: 500;
}
.compliance-packaging-product {
padding: 0px 0px 0px 60px;
background-color: #fafafa;
}
.compliance-packaging-product .content-col {
padding: 60px 60px 60px 0px;
}
.compliance-packaging-product .img-col {
display: grid;
align-self: end;
justify-items: end;
padding: 0;
}
.vial-packging-product {
background-color: var(--products-bg-color);
}
.vial-packging-product .content-col {
margin: auto 0;
}
.vial-packging-product .img-col img {float: left;}
.vial-packging-product .img-col {position: relative;}
.integrated-mobile-product .content-col {padding: 40px 0px;}
.vial-contact span a{font-size: 20px; color: var(--btn-text-color); text-decoration: none;}
.medication-administration .content-box{
display: flex;
padding-left: 50px;
}
.medication-administration .card{
border-radius: 12px; 
border: 1px solid rgba(174, 155, 209, 0.50); 
padding: clamp(1.875rem, 1.5461rem + 1.3158vw, 3.125rem) clamp(1.875rem, 0.5416rem + 2.1529vw, 3.125rem);
}
.administration-experience-img{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/administration-experience.png);
border-radius: 12px;
}
.cp-administration-img{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/05/cp-Book-demo.jpg);
}
.medication-administration .buttonGroup {margin-top: 110px;} .heading-h2{margin-bottom: clamp(1.75rem, 1.7117rem + 0.1361vw, 1.875rem);} .product-h3{font-size: 28px; font-weight: 600; color: var(--primary-Text-color);}
.product-gray-h3{font-size: 28px; font-weight: 500; color: var(--dark-gray);}
.product-blue-h3{font-size: 28px; font-weight: 600; color: var(--btn-color)} .product-background-property {
padding: 100px 150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.Sustainability .card{border-radius: 16px; border: 2px solid #c2c2c2;}
.pharmacy-faq-section{padding-top: 0;} .integrated-mobile-product {
font-size: clamp(1.875rem, -0.1591rem + 3.2841vw, 3.125rem);
}
.integrated-mobile-product .img-col {
display: flex;
}
.integrated-mobile-product .img-col {
display: grid;
align-self: end;
justify-items: end;
padding: 0;
} .blogs-and-articles-section{
padding: 60px 80px 0 80px;
}
.blogs-and-articles-section .bg-image{
padding: 40px;
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner2.png);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
border-radius: 20px;
padding-top: 640px;
}
.blogs-and-articles-section .read-more-container{
display: flex;
justify-content: right;
align-items: flex-end;
}
.latest-blogs-section{
padding: 20px 60px;
}
.latest-blogs-section .filter-section ul{
display: flex;
justify-content: left;
align-items: center;
gap: 20px;
list-style: none;
padding: 0;
margin-bottom: 0;
}
.latest-blogs-section .filter-section ul li{
padding:10px 20px;
border-radius: 5px;
border: none;
}
.latest-blogs-section .filter-section ul li:hover{
background-color: rgba(8, 85, 159, 0.2);
}
.latest-blogs-section .filter-section ul .selected{
background-color: var(--btn-color);
color: var(--btn-text-color);
}
.latest-blogs-section .search-bar-div{
display: flex;
justify-content: right;
}
.latest-blogs-section .search-bar-div .fa-search{
margin: auto;
}
.latest-blogs-section .search-bar-div .form-control, 
.latest-blogs-section .search-bar-div .form-control:focus {
border: none; 
outline: none; 
}
.latest-blogs-section .search-bar-div .form-control:focus {
box-shadow: none;
}
.latest-blogs-section .search-bar-div .input-group{
padding-left: 15px;
width: 220px;
}
.latest-blogs-section .search-bar-div .input-group:hover ,
.latest-blogs-section .search-bar-div .input-group:focus{
border-bottom: 2px solid var(--primary-Text-color);
}
.latest-blogs-section .second-container .bg-image-container{
padding: 0 150px 30px 40px;
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner2.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
border-radius: 20px;
padding-top: 500px;
}
.latest-blogs-section .second-container .sidebar-wrapper .bg-image-container{
padding: 200px 60px 15px 20px;
}
.more-blogs-section{
padding: 20px 60px;
}
.more-blogs-section .black-h3{
font-weight: 600;
}
.more-blogs-section .bg-image-container{
padding: 0 50px 15px 20px;
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner2.png);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
border-radius: 20px;
padding-top: 240px;
}
.newsletter-sign-up-section{
padding: 60px 100px;
background: linear-gradient(180deg, #FFFFFF 0%, #E0EAF5 50%);
}
.newsletter-sign-up-section .newsletter{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px;
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Newsletter-pattern-bg-1.png);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
border-radius: 15px;
}
.newsletter-sign-up-section .newsletter-form{
display: flex;
justify-content: center;
gap: 40px;
border-bottom: solid 2px var(--gray);
padding: 10px 5px;
}
.newsletter-sign-up-section .newsletter-form .btn{
padding: 0;
font-size: 20px;
font-weight: 600;
color: var(--btn-color);
}
.newsletter-sign-up-section .newsletter-form .email-input{
margin: auto;
}
.newsletter-sign-up-section .newsletter-form input::placeholder{
font-size: 20px;
font-weight: 200;
}
.newsletter-sign-up-section .newsletter-form input,
.newsletter-sign-up-section .newsletter-form input:focus,
.newsletter-sign-up-section .newsletter-form button:focus{ 
border: none;
outline: 0;
box-shadow: none;
}
.medication-management .medication-image{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/medication-management-solution.jpg);
}
.adherence-image{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/adherence-solutions-hero-image.jpg);
}
.storage-image{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Medication-storage-solutions-Hero-section.jpg);
}
.reminder-image{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Medication-Reminder-solution-hero-section.jpg);
}
.solution-content{padding: 60px 40px}
.common-property{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.medication-card img{max-width: 120px; width: 100%; margin: 0 auto;}
.adherence-card img{max-width: 100px; width: 100%;}
.medication-card .card{padding: 50px 10px; border-radius: 10px; 
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/solution/Card-bakcground.png); 
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.adherence-card .card{padding: 10px 50px 10px 10px; border: none; text-align: left;}
.medication-card .card-body{padding: 0;}
.medication-card h4{padding: 10px 0;}
.experience-innovation .row{
display: flex;
justify-content: center;
align-items: center;
}
.experience-innovation img, .product-packaging img{width: 90%;}
.pharmacy-our-blogs .multi-blog-col .blogListing {
border-radius: 15px;
padding: 30px;
background: #bacad64d;
}
.blogListing p{font-size: 18px; font-weight: 500;}
.blogListing span{font-size: 18px; color: var(--btn-color); font-weight: 500;}
.blogListing h6{font-weight: 600;}
.pharmacy-our-blogs .multi-blog-col .blogListing img {
width: 100%;
height: auto;
border-radius: 12px;
}
.pharmacy-our-blogs {
background: linear-gradient(180deg, #ffffff 0%, #e0eaf5 50%);
}   .pharmacy-our-blogs .relative-col {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Blog-BG-Img.png);
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 20px;
}
.pharmacy-our-blogs .latestBlog .latestBlogContent {     color: var(--primary-Text-color);
padding-top: 20px;
}
.latestBlogImage img{border-radius: 20px;}
.latestBlogContent p, .latestBlogContent span{color: var(--primary-Text-color); margin-bottom: 5px;}
.latestBlogContent span{font-size: 20px; font-weight: 500;}
.latestBlog .latestBlogPara{font-size: 20px;}
.latestBlog .latestBlogHeading{font-weight: 700; line-height: 1.3;}
.latestBlog a, .multi-blog-content a{text-decoration: none;}
.blog-content-section .blog-content-col{text-align: left; padding-top: 0;}
.our-smart-product{
padding-top: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.our-smart-product-swiper{
padding-top: 2rem;
padding-bottom: 2rem;
}
.our-smart-product-swiper .smart-product{
margin: 0;
}
.smart-card-swiper{padding: 0 4rem;}
.our-smart-product-swiper{
overflow-x: hidden;
overflow-y: hidden;
}
.our-smart-product img{margin-top: 20px; margin-bottom: 30px;}
.smart-product{
margin: 20px 30px;
padding: 30px 30px;
border-radius: 24px;
background: #F5F5F5;
width: 30%;
}
.smart-product h4{color: var(--para-text);}
.hover-smart-product{
padding: 40px;
border-radius: 24px;
border: 2px solid rgba(8, 85, 159, 0.20);
background: #FFF;
width: 40%;
font-size: 24px;
}
.card-margin .hover-smart-product{
margin: 0 20px;
}
.hover-smart-product h4, .visible-product h3{
color: var(--btn-color);  
font-weight: 600;
}
.heading-content{padding-right: 40px;} .product-packaging {
display: flex; align-items: center; justify-content: center; padding-top: 40px;
}
.packaging-solution-swiper {
width: 100%;
padding: 20px 0;
}.packaging-solution-swiper .swiper-slide {
display: flex !important;
justify-content: center;
align-items: center;
width: 100%;
}
.packaging-solution {
width: 100%;
margin: 0;
}
.packaging-solution img {
width: 80%;
max-width: 100%;
height: auto;
border-radius: 16px;
}
.spacer{
padding-right: 8rem;
} .video-container {
position: relative;
display: grid; 
place-items: center;
overflow: hidden; 
right: 0;
bottom: 0;
}
#myVideo {
max-width: 100%; 
max-height: 100%;
} .vial-content {
position: absolute;
text-align: center;
color: var(--btn-text-color);
opacity: 0;
animation: slideUp 2s ease-out 4s forwards; transform: translateY(100px); }
.vial-content h1,
.vial-content p {
color: var(--btn-text-color);
}
.vial-content p {
font-size: 24px;
} @keyframes slideUp {
0% {
opacity: 0;
transform: translateY(200px); }
100% {
opacity: 1;
transform: translateY(0); }
}
.dynamic-range{
background-image: url(https://dosepacker.com/wp-content/themes/dosepacker/img/vials-section2.png);
padding: 80px 10px 450px 10px;
background-position: center bottom;
}
.easy-use{
display: flex;
align-items: flex-start;
justify-content: end;
padding-left: 180px;
}
.easeUse-Video{
max-width: 70%;
}
.easyUse-content{
padding-top: 100px;
}
.easyUse-heading{padding-bottom: 3rem;}
.easyUse-content .card{
border: none;
}
.secure-locks{
background-image: url(https://dosepacker.com/wp-content/themes/dosepacker/img/child-safety-4.png);
padding: 100px 150px 450px 150px;
}
.vial-faq {margin-bottom: 100px;}
.easyUse-content .card-title{color: var(--btn-color);}
.easyUse-content .card-body{padding: 0rem 1rem;}
.Sustainability{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/sustainability-scaled.png);
}
.dropdown-item {
color: var(--blue);
}
.dropdown .dropdown-menu {
display: none;
background: #f3f3f3;
color: var(--blue);
}
.dropdown:hover>.dropdown-menu, 
.dropend:hover>.dropdown-menu {
display: block;
margin-top: .1em;
margin-left: .1em;
}
.dropdown:hover>.dropdown-menu, 
.dropstart:hover>.dropdown-menu {
display: block;
margin-top: .1em;
margin-left: .1em;
}
.dropdown:hover>.two-col {
display: flex !important;
margin-top: .1em;
margin-left: .1em;
}
.two-col{display: flex;}
.career-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Career-banner.png);
}
.career-search input{  
border-radius: 50px;  
padding: 20px;
}
.career-search form{
display: flex;
align-items: center;
position: relative; 
}
.career-search button{
position: absolute; 
right: 45px;
background-color: var(--btn-color) !important;
color: white;
border-radius: 25px;
padding: 8px 25px;
}
.career-search button:hover{
color: white;
}
.section-padding{
padding: 120px 60px;
}
.searchBy .card{
padding: 10px;
border-radius: 20px;
}
.job_search{background: linear-gradient(180deg, white 0%, #E0EAF5 50%);}
.job_search label{font-size: 22px; font-weight: 400;}
.job_location{padding-bottom: 50px; color: var(--primary-Text-color); font-weight: 500;}
.left-border{border-right: 1px solid #C1C7CD;}
.right-border{padding-left: 50px;}
.searchBy span{color: var(--btn-color); font-size: 20px; font-weight: 500;}
.refer-patient-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/06/Refer-Patient-scaled.png);
}
.refer-form{padding: 0 60px;}
.referral-form{padding-left: 50px;}
.request-from-section .form-content{
background-color: var(--btn-text-color);
}
.consentText{font-size: 18px;} .scroll-container {
height: 80vh; overflow: hidden;
}
.mobile-compatible-product{display: none;}
.image-wrapper {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
gap: 100px;
}
.image-wrapper img {
max-width: 1200px;
height: auto;
border-radius: 8px;
}
.CareOsBanner {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.CareOsBanner video {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform 0.3s ease-out;
}
.CareOsBanner .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center; color: white;
text-align: center;
font-size: 2rem;
}
.CareOscontent {
padding: 50px;
text-align: center;
font-size: 1.5rem;
background: #f4f4f4;
}
.cc-right-padding{padding-right: 50px;}
.cc-left-padding{padding-left: 50px;}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > [class*="col"] {
padding-right: 0;
padding-left: 0;
}
.careCommunity-banner label {
color: var(--cc-purple);
font-size: 40px;
font-weight: 500;
}
.careCommunity-banner h5{
color: var(--para-text);
font-weight: 400;
}
.careCommunity-banner.show {
opacity: 1;
transform: translateY(0); } .stats-col1 {
position: relative;
min-height: 100vh;
} .col-left{width: 33%; float: left;}
.col-right{width: 60%; float: right; padding-top: 100px;}
.careCommunity-banner img{margin-bottom: 60px;}
.careCommunity-banner h1{
background: linear-gradient(to right, #371377, #4D17AF, #7E50D0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.feature-heading{padding-top: 70px;}
.feature-heading .heading-h2{margin-bottom: 0;}
.featureSwiper{display: none;}
.careCommunity-banner .buttonGroup a{font-size: 28px;}
.careCommunity-banner h4{color: var(--purple);}
.careCommunity-banner h3{font-weight: 400; color: var(--para-text);}
.stats-overview .card{border: none;}
.cp-stats-overview.stats-overview .card h2{font-size: 75px; color: var(--btn-color);}
.stats-overview .card h2{font-size: 108px; color: var(--purple);}
.cp-stats-overview .card h2{color: var(--btn-color);}
.stats-overview .card h5{color: var(--para-text);}
.profile-ease{display: flex; align-items: center;}
.profile-ease h2{padding-bottom: 20px;}
.resident-profiles .card{background-color: #F0F0F0; border-radius: 32px;}
.resident-profiles h3{font-size: 48px; color: var(--primary-Text-color);}
.carecommunity-purple{color: var(--cc-purple);}
.resident-profiles h3 span, .profile-ease h2 span{color: var(--purple);}
.resident-profiles .card{padding: 3rem;}
.resident-profiles .card .card-img-top{width: 65% !important; margin: 20px auto;}
.dosepacker-slot .slot1, .dosepacker-slot .slot2{height: 800px; width: auto;}
.col-height{position: relative;  padding: 50px; border-radius: 12px; border: 1px rgba(174, 155, 209, 0.50) solid;}
.col-height a{position: absolute; bottom: 50px; background-color: var(--purple); border-color: var(--purple);}
.col-height a:hover{border-color: var(--purple);}
.scroll-section {background-color: #f0f0f0;}
.safe-n-secure h3{color: var(--primary-Text-color);}
.safe-n-secure h3 span, .profile-ease h2 span{color: var(--btn-color);}
.box {
width: 90%;
border-radius: 10px;
margin: 0 auto;
height: 100%; 
background-color: steelblue;
color: var(--primary-Text-color);
font-size: 16px;
transition: width 0.3s ease; 
}
.improve-section .no-right-padding{padding-right: 0;}
.box img{margin-bottom: 40px;}
.box h6{font-weight: 500;}
.horizontal-scrolling{overflow-x: hidden; margin: 0;}
#page2{height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
#page4{height: 100vh; width: 100%; background-color: white;
display: flex;
justify-content: center;
align-items: center;
}
#page2 h1{font-size: 50rem; white-space: nowrap;}
.image-container {
display: flex;
gap: 20px;
justify-content: flex-start;
align-items: center;
width: fit-content;
position: absolute;
left: 10%; }
.image-container img {
width: 100%;
height: 81vh;
transition: transform 0.5s ease-out;
}
.care-product {
height: 100%;
width: 90%;
margin: 0 auto;
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Compatible-Products-scaled.png);
background-size: cover;
background-repeat: no-repeat;            
transition: width 0.8s ease-out;  
position: relative;
border-radius: 20px;
}
.care-product .part-1 img{position: absolute; bottom: 88px;}
.care-product .part-2 img{position: absolute; top: 150px;}
.care-product .part-3 .circle6{position: absolute; bottom: 32vh;}
.care-product .part-1 .hoverBox{bottom: 120px;}
.care-product .part-2 .hoverBox{top: -5px;}
.care-product .part-3 .hoverBox{bottom: 185px;}
.hoverBox {
display: none;
position: absolute;
background: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
text-align: center;
z-index: 10;
transform: translateX(-50%);
} .part-1 .circle1:hover + .hoverBox,
.part-1 .circle2:hover + .hoverBox,
.part-1 .circle3:hover + .hoverBox,
.part-1 .circle4:hover + .hoverBox,
.part-2 .circle5:hover + .hoverBox,
.part-3 .circle6:hover + .hoverBox {
display: block;
} .product-description .card{border: 3px solid #D6C6F1 !important;}
.tooltip-container {
position: relative;
display: inline-block;
height: 100vh;
}
.tooltip-box {
background: white;
padding: 10px 14px;
width: 320px;
border-radius: 12px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border: 3px solid #ffffff;
position: absolute;
left: 20px;
display: none;
border: 1px solid var(--btn-color);
}
.circle1{ bottom: 25vh;}
.circle2{bottom: 19vh;}
.circle3{bottom: 14vh;}
.circle4{bottom: 12vh;}
.circle5{top: 30vh;}
.box-1{bottom: 28vh;}
.box-2{bottom: 22vh;}
.box-3{bottom: 17vh;}
.box-4{bottom: 15vh;}
.box-5{bottom: 68vh;}
.box-6{bottom: 35vh; left: 20px;}
.tooltip-box .title {
color: #002f6c; 
font-size: 1.2rem;
font-weight: bold;
}
.tooltip-box p {
font-size: 0.95rem;
color: #333;
margin-top: 5px;
}
.tooltip-circle {
width: 30px;
height: 30px;
background: #5226c3; 
border-radius: 50%;
border: 3px solid white;
cursor: pointer;
position: absolute; left: 45px;
z-index: 99999;
} .tooltip-container:hover .tooltip-box {
display: block;
}
.dosepacker-slot .slot2 {
transition: transform 1.5s ease-out;
}
.mobile-packaging-content1, .mobile-packaging-content2{display: none;}
.packaging-content1, .packaging-content2 {
position: absolute; text-align: left;
display: flex;
flex-direction: column;
align-items: top;
}
.packaging-content1 {
opacity: 1;
transform: translateY(-100%);
}
.packaging-content2 {
opacity: 0;
transform: translateY(-200%); 
} .assisted-living{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Assisted-living-bg.jpg);
}
.card-align .card{
display: flex; flex-direction: row; align-items: flex-start;
border: none; margin-bottom: 25px;
}
.card-align .card img{width: 90px; padding-top: 15px; padding-right: 10px;}
.moveUp{display: none;} .product-details .hover-smart-product{border: 1px solid #C1C7CD;}
.data-difference .col{padding: 50px;}
.data-difference .card{border-radius: 24px; background-color: var(--lightGray); padding: 40px 10px;} 
.data-difference .card h2{font-size: 80px; color: var(--btn-color);}
.data-difference .card h5{padding-bottom: 15px; color: var(--primary-Text-color);}
.swiper-container{
position: relative;
overflow: hidden;
}
.swiper-button-prev,
.swiper-button-next {
color: var(--btn-color);
background: rgba(255, 255, 255, 0.8); 
border-radius: 50%; 
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
position: absolute;
top: 50%;
transform: translateY(-50%); 
z-index: 10;
}
.swiper-button-next:after, .swiper-button-prev:after{
font-size: 24px; font-weight: bold;
} .swiper-button-prev {left: -50px; }
.swiper-button-next {right: -50px; }
.swiper-container .swipper-img{height: auto;}
.swipper-img img{width: 95%;}
.swipper-section .content-box h4{padding-top: 30px; padding-bottom: 20px; color: var(--btn-color);} .independentLiving-section{
background: linear-gradient(180deg, #E0EBF6 0%, white 100%);
}
.cardWithIcon{
padding: 80px 0;
}
.cardWithIcon .col{padding: 0 50px;}
.cardWithIcon .card{
position: relative;
padding: 70px 55px 50px 55px;
background-color: #f2f8ff;
border-radius: 16px;
border: none;
display: flex;
justify-content: center;
}
.cardWithIcon h5{
color: var(--primary-Text-color);
padding-bottom: 15px;
}
.cardWithIcon img{
position: absolute;
top: -58px;
left: 50%;
transform: translateX(-50%);
}
.data-difference .data-card{
border-radius: 0;
padding: 10px 15px;
border: none;
border-left: 4px solid var(--btn-color);
background-color: transparent;
}
.independentSolution-section .row{
display: flex;
justify-content: center;
align-items: center;
height: 90vh;
} .independentSolution-section .swiper-container2 {
overflow: hidden;
}
.independentSolution-section .swiper-wrapper {
align-items: center !important;
justify-content: center !important;
}
.independentSolution-section .swiper-slide {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
font-size: 24px;
background: #ddd;
transition: all 0.5s ease-in-out;
position: relative;
padding: 25px;
border-radius: 15px;
box-sizing: border-box;
width: 20% !important;
}
.independentSolution-section .content-holder { display: flex;
flex-direction: column;
align-items: start;
justify-content: flex-start;
gap: 15px;
}
.swiper-slide .sub-content-holder {
height: 0;
opacity: 0;
transform: translateY(-20px);
transition: 0.5s all linear; }
.swiper-slide.zoomedInCol .sub-content-holder {
height: auto;
opacity: 1;
transform: translateY(0);
transition-delay: 0.5s;
}
.swiper-slide.zoomedOutCol .sub-content-holder {
height: 0;
opacity: 0;
transform: translateY(20px);
transition-delay: 0s;
}
.swiper-slide.zoomedInCol .sub-content-holder p{
margin-bottom: 2rem !important;
} .independentSolution-section .swiper-slide {
height: 60vh;
border: 1px solid #C1C7CD; margin-left:0 !important;
position: relative;
border-radius: 24px;
padding: 20px;
overflow: hidden;
}
.productImg img{ width: 85%;
float: left; }
.swiper-slide.zoomedInCol img{bottom: 10px;}
.swiper-slide.zoomedOutCol {
width: 20% !important;
height: 60vh;
border: 1px solid #C1C7CD; position: relative;
border-radius: 24px;
padding: 20px;
}
.swiper-slide.zoomedOutCol img{
bottom: 10px;
}
.swiper-slide.zoomedOut-title{display: none;}
.swiper-slide.zoomedOutCol .zoomedOut-title {
display: block;
}
.swiper-slide.zoomedInCol .productImg img{width: 70%;}
.swiper-slide.zoomedOutCol .IndependentContent{display: none;}
.IndependentContent a{margin-left: 0;}
.IndependentContent p{padding: 10px 0 25px 0;} .swiper-pagination-bullet {
background-color: #ccc;
width: 12px;
height: 12px;
opacity: 1;
}
.swiper-pagination {
margin-top: 25px;
display: flex;
justify-content: center;
position: static !important;
}
.swiper-pagination-bullet-active {
background-color: #007bff; }
.swiper-slide.zoomedInCol {
width: 30% !important;
height: 78vh;
background: #f0f0f4;
padding: 20px;
margin: 0 15px;
}
.IndependentContent {
opacity: 0;
transform: translateY(10px); 
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.swiper-slide.zoomedInCol .IndependentContent {
opacity: 1;
transform: translateY(0);
transition-delay: 0.3s; }
.swiper-slide.zoomedOutCol .IndependentContent {
opacity: 0;
transform: translateY(0);
transition-delay: 0s; }
.residents-families{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Residents-Families-bg.jpg);
}
.who-we-serve-banner{
background: linear-gradient(#E0EAF5, #FFFFFF);
}
.stats-bg{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/stats_bg.png);
padding: 0;
}
.stats-bg .data-difference .col{padding: 20px 0;}
.stats-bg .data-difference .data-card{
padding: 0px 15px;
border-left: 0;
}
.senior-living{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Senior-Living-Communities-bg.jpg);
}
.pharmacy-faq-section .accordion-button {
color: var(--primary-Text-color);
font-size: 28px;
text-align: left;
padding: 1rem 0;
font-weight: 500;
}
.pharmacy-faq-section .accordion-button:not(.collapsed) {
color: var(--primary-Text-color);
font-size: 28px;
font-weight: 500;
background-color: transparent;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.product-faq .accordion-button:not(.collapsed){
box-shadow: none;
}
.background {
width: 100vw;
height: 100vh;
z-index: -1;
}
.background img {
position: absolute;
left: 0;
width: 100%;  
height: 100vh; 
object-fit: cover; 
opacity: 0;
transition: opacity 2s ease-in-out;
animation: fadeEffect 15s infinite;
}
.background img:nth-child(1) { animation-delay: 0s; }
.background img:nth-child(2) { animation-delay: 3s; }
.background img:nth-child(3) { animation-delay: 6s; }
.background img:nth-child(4) { animation-delay: 9s; }
.background img:nth-child(5) { animation-delay: 12s; }
@keyframes fadeEffect {
0% { opacity: 0; }
20% { opacity: 1; }
40% { opacity: 1; }
60% { opacity: 0; }
100% { opacity: 0; }
} .carousel-content {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.solid-btn a {
border: 3px solid var(--btn-text-color);
border-radius: 8px;
outline: 0;
margin-top: 20px;
padding: 14px 24px;
background-color: var(--btn-text-color);
transition: background-color 0.4s ease-out;
color: var(--btn-color);
}
.textAlign{text-align: center;}
.contact-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/contactUs.png);
}
.contact-banner h1, .career-banner h1{font-size:60px;}
.medication-card {
width: 100%;
}
.medication-card .swiper-slide {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Card-bakcground.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 10px;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.medication-card .swiper-slide h4 {
font-size: 28px;
font-weight: 600;
margin: 10px 0;
color: var(--primary-Text-color);
}
.medication-card .swiper-slide p {
font-size: 24px;
}
.medication-card .swiper-pagination {
position: relative;
bottom: 10px;
}
.medication-card .swiper-slide img{
max-width: 120px;
max-height: 120px;
width: 100%;
margin: 0 auto;
} .grey-section{
background-color: #FBFBFB;
}
.all-product-compliance{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/desktop-Compliance-Pack.png);
}
.all-product-vial-packaging{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/desktop-Vial-Packaging.png)
}
.all-product-mydoses{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/desktop-Integrated-Mobile-App.png);
}
.all-product-carecommunity{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/desktop-Integrated-Software.png);
}
.all-product-storage{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/desktop-DosePacker-Storage.png);
}
.all-product-dosekart{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/desktop-DoseKart.png);
}
.all-product-doseminder{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/desktop-DoseMinder.png);
} .who-we-serve-icon{
max-width: 60px;
max-height: 60px;
margin-bottom: 32px;
}
.layout-spacing{
padding: 8% 4%;
}
.image-gap{
padding: 1% 4%;
}
.serve-assisted-living{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Assisted-living-bg.jpg);
}
.serve-behavioral-helath{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Behavioral-Health-Communities-bg.jpg);
}
.serve-home-care{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Home-Health-Care-bg.jpg);
}
.serve-hospic-care{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Hospice-Care-bg.jpg);
}
.serve-independent{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Independent-living-bg.jpg);  
}
.serve-pace-program{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/PACE-Programs-bg.jpg)
}
.serve-resident{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Residents-Families-bg.jpg);
}
.serve-senior{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Senior-Living-Communities-bg.jpg);
}
.serve-skilled-nursing{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Skilled-Nursing-Communities-bg.jpg);
}
.form-image{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Book-Demo-Section.png);
border-radius: 16px;
}
.home-form-image{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Book-Demo-Section.png);
border-radius: 16px;
} .blog-button{
padding: 30px 0;
}
.blog-button .products-btn-secondary{
margin-top: 0;
}
.latest-blogs-section ul li{
line-height: 1.5;
}
.blog-listing p{
color: var(--btn-text-color);
font-size: 24px;
}
.read-more-container a{
text-decoration: none;
}
.latest-blogs-section .filter-section ul li {
font-size: 20px;
}
.blog-p{
font-size: 22px;
}
.black-h5{
color: var(--primary-Text-color);
}
.white-h5{
color: var(--btn-text-color) !important;
}
.tag-text{
font-size: 18px;
color: var(--btn-color);
font-weight: 500;
margin-bottom: 4px;
}
.title-text{
font-size: 22px;
font-weight: 500;
}
.para-text{
font-size: 18px;
}
.black-h3{
color: var(--primary-Text-color);
}
.filter-section select{
border: none;
font-size: 20px;
color: var(--para-text);
}
.products-bar .buttonGroup a, .solutions-bar .buttonGroup a{
font-size: 18px;
font-weight: 500;
padding: 8px 20px;
} .blog-title{font-size:60px; color:var(--btn-text-color);}
.blog-banner{padding:50px 10px; background-color: var(--primary-Text-color);}
.blog-content-section{padding: 0 80px 60px 80px}
.blog-content-section h2 {
font-size: 36px;
color: var(--primary-Text-color);
margin-top: 2rem;
}
.blog-content-section h3 {
font-size: 22px;
color: var(--primary-Text-color);
margin-bottom: 0rem;
margin-top: 2rem;
}
.blog-content-section h4{
font-size: 26px;
color: var(--primary-Text-color);
margin-bottom: 1rem;
}
.blog-content-section p,.blog-content-section a, .blog-content-section li{
font-size: 20px;
}
.blog-content-section p{color: var(--primary-Text-color);}
.blog-content-section ul {
list-style-type: disc; 
padding: revert;
}
.blog-content-section ul li {
padding-left: revert;
color: var(--primary-Text-color);
font-weight: 400;
}
.blog-content-section .products-btn {
margin-top: 1rem;
margin-bottom:1.5rem;
}
.blog-image{
border-radius: 16px;
}
.more-blog-h5{
color: var(--primary-Text-color);
}
.thank-you-section hr{
color: var(--primary-Text-color);
width: 80%;
margin: auto;
margin-top: 50px;
}
#no-col-msg{
font-size: 28px;
padding: 20px;
display: none;
}
.tablet_content{
display: none;
}
.highlight{
background: linear-gradient(90deg, #371377, #4D17AF, #7E50D0); 
color: white;
padding: 0.2em 0.4em;
border-radius: 1.5em;
line-height: 1.5;
display: inline-block;
}
.highlight-blue{
background: var(--btn-color); 
color: white;
padding: 0.2em 0.4em;
border-radius: 1.5em; display: inline-block;
}
.cp-highlight {
background-color: var(--btn-color);
color: white;
border-radius: 1.5em;
padding: 4px 8px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
line-height: 1.6;
padding: 5px 15px;
}
#featuesSpan{
color: var(--cc-purple);
}
.purple-btn .content-box .buttonGroup .button-primary{
background-color: var(--purple);
border: 3px solid var(--purple);
}
.purple-btn .content-box .buttonGroup .button-primary:hover{
background-color: #371377;
border: 3px solid #371377;
} 
.easy-use-vial-video{
max-width: 100%;
width: 96%;
position: absolute;
bottom: 0px;
right: 0;
}
.easyUse-content{padding: 100px 0;} .dosekart-section-padding{
padding: 100px 80px;
}
@keyframes slideUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.dosekart-hero-section{
padding: 0;
position: relative;
height: 90vh;
}
.dosekart-hero-section .dk-bg-video{
width: 100%;
height: 90vh;
object-fit: cover;
z-index: -1;
position: absolute;
top: 0;
left: 0;
}
.dosekart-hero-section .dk-absolute-content-wrapper{
color: var(--lightGray);
text-align: center;
padding: 20px;
width: 75%;
opacity: 0;
animation: slideUp 2s ease-out 2s 1 normal forwards;
align-self: bottom;
}
.dosekart-hero-section .main-container-wrapper{
height: 90vh;
display: flex;
align-items: center;
justify-content: end;
flex-direction: column;
padding-bottom: 70px;
}
.dosekart-hero-section .bottom-to-top-overlay{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
}
.customH1Prop{
font-size: 40px;
font-weight: 600;
margin-bottom: 20px;
color: var(--lightGray);
}
.dk-absolute-content-wrapper p{color: var(--lightGray);}
.what-makes-dosekart-different h2{
padding-bottom: 40px;
}
.what-makes-different-row:not(:last-child){
margin-bottom: 10rem;
}
.what-makes-different-row{
display: flex;
align-items: center;
justify-content: space-between;
}
.what-makes-different-row h3{
color: var(--primary-Text-color);
}
.what-makes-different-row video{
max-width: 850px;
max-height: 550px;
width: 100%;
height: 100%;
border-radius: 24px;
}
.power-assisted-section img{
border-radius: 24px;
}
.power-assisted-section .image-position{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.power-assisted-row{
padding-top: 40px;
} .what-makes-dosekart-different h3{
font-size: 44px;
}
.tabs-container {margin-top: 20px;}
.drawer-tabs {
display: flex;
align-items: center;
gap: 4.5rem;
padding-bottom: 0.5rem;
}
.drawer-tab {
cursor: pointer;
font-size: 32px;
color: var(--para-text);
position: relative;
line-height: 1.3;
}
.drawer-tab:not(:last-child)::after {
content: "";
position: absolute;
right: -1.5rem;
top: 50%;
transform: translateY(-50%);
height: 4rem;
border-right: 2px solid #ccc;
}
.drawer-tab.active {
color: var(--btn-color);
font-weight: 600;
}
.tab-description {
display: none;
color: var(--para-text);
font-size: 24px;
margin-top: 10px;
}
.tab-description{display: none;}
.tab-description.active{display: block; font-weight: 400 !important;} @keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.drawer-video {
display: none;
opacity: 0;
transition: opacity 0.5s ease;
}
.drawer-video.active {
display: block;
animation: fadeIn 0.5s ease;
opacity: 1;
}
.drawer-content{padding-left: 180px;}
.dosekart-image{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/06/charging-handle.png);
}
.charging-details{
padding: 60px 0 40px;
display: flex;
gap: 6rem;
}
.battery-info img{
height: 65px;
width: auto;
margin-bottom: 10px;
}
.battery-info-section .card-text span{
color: var(--primary-Text-color);
font-size: 24px;
}
.battery-performance .card{
text-align: center;
}
.dosekart-experience-img{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/06/DoseKart-Brochure.png);
border-radius: 12px;
}
.edosekart-section{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/06/eDoseKart-section.png);
}
.dosekart-faq{padding-top: 100px;}
.heading-width p{ width: 75%; margin: 0 auto;}  @media (max-width: 768px) {
.swiper-button-prev {
left: 10px;
}
.swiper-button-next {
right: 10px;
}
.blog-title{font-size:36px;}
.blog-content-section h2{font-size: 28px;}
.blog-content-section h3{font-size: 24px;}
}  @media only screen and (min-width: 601px) {
.mobile_img, .mobile_contentsolution{display: none;}
.mobile_makes_us{display: none;}
.form_heading p{display: none;}
.footer_mobile, .Whats-New-mobile{display: none;} 
}
@media screen and (min-width:769px) {
.dropend:hover>.dropdown-menu {
position: absolute;
top: 0;
left: 100%;
}
.dropstart .dropdown-toggle {
margin-left: .5em;
}
.mobile_navigation, .mobile-bottom-footer, .mobile-footer{
display: none !important;
}
.profile-content{padding-right: 50px;}
}
@media only screen and (min-width: 1024px) {
.form-content{padding-right: 20px;}
.slotPackaging-content h2, .slotPackaging-content p{padding-right: 50px;}
}
@media only screen and (min-width: 1200px){
.slide-container {padding-left: 50px;}
.partners{padding-bottom:30px;}
}
@media (min-width:120px) {
.tab-mob-content{
display: none;
}
.desk-lap-content{
display: block;
}
}
@media (max-width:1199px) {
.tab-mob-content{
display: block ;
}
.desk-lap-content{
display: none;
}
}
@media only screen and (min-width: 1441px){
.What-makes-us-col1 h2{padding-bottom: 20px;}
.exceptional-container {height: 670px;}
.our-solution-section{padding: 80px;}
.g-lg-5, .gx-lg-5 {--bs-gutter-x: 2rem !important; }
.switch-medication-section p a{font-size: 28px;}
}
@media only screen and (min-width: 1601px){
.solution-content{padding: 100px 80px;}
.solution-content p{font-size: 32px;}
.medication-card .card{padding: 50px 40px; border-radius: 10px;}
.smart-product{margin: 20px 60px; padding: 30px 40px;}
.smart-product p{font-size: 20px;} .visible-product h3{font-size: 48px;}
.experience-innovation img, .product-packaging img{width: 90%;}
.dynamic-range{
background-image: url(https://dosepacker.com/wp-content/themes/dosepacker/img/vials-section2.png);
padding: 100px 150px 600px 150px;
}
.container{max-width: 1540px;}
.circle1{ bottom: 27vh;}
.circle2{bottom: 24vh;}
.circle3{bottom: 16vh;}
.circle4{bottom: 14vh;}
.circle5{top: 30vh; left: 160px !important;}
.circle6{bottom: 32vh;}
.box-1{bottom: 29vh;}
.box-2{bottom: 26vh;}
.box-3{bottom: 18vh;}
.box-4{bottom: 16vh;}
.box-5{bottom: 69vh; left: 130px !important;}
.box-6{bottom: 34vh;}
.tooltip-circle{left: 70px;}
.tooltip-box{left: 45px;}
.stats-overview{margin-top: 3rem;}
}
@media only screen and (max-width: 1600px){
h2{font-size: 42px;}
.pharmacy-faq-section .box{padding: 40px 20px;}
.experience-innovation img{width: 90%;}
.medication-card .card {padding: 35px 10px;}
.medication-card img {max-width: 100px;}
.data-difference .col{padding: 20px;}
.spacing-property {padding: 7% 3%;}
.medication-card .swiper-slide p{font-size: 20px;}
.easeUse-Video {max-width: 63%;}
.medication-administration .card{padding: 20px;}
.easy-use{padding-left: 80px;}
.secure-locks{padding: 100px 10px 260px 10px;}
.product-background-property {padding: 100px 60px;}
.dynamic-range{padding: 80px 60px 450px 60px;}
.secure-locks{padding: 80px 60px 450px 60px;}
.pharmacy-faq-section{padding-top: 0;}
.stats-overview .card h2{font-size: 75px;}
.cp-stats-overview.stats-overview .card h2{font-size: 56px;}
.heading-h2{font-size: 48px;}
.dosepacker-slot .slot1, .dosepacker-slot .slot2 {
height: 640px;
width: auto;}
.stats-overview .card h2{font-size: 65px;}
.resident-profiles-content .heading-h2{margin-bottom: 10px;}
.dosepacker-slot .slot1, .dosepacker-slot .slot2 {height: 600px; width: auto;}
.circle3 {bottom: 12vh;}  
.improve-section .left-padding{padding-left: 120px;}
.slide-container {height: 100vh;}
.testimonial_slider label{font-size:24px; padding-bottom: 16px;}
.slide-container { height: 85vh;}
.customer_testimonial {padding: 0 40px 80px;}
.dosekart-faq{padding-top: 100px;}
.dosekart-hero-section, .dosekart-hero-section .dk-bg-video ,.dosekart-hero-section .main-container-wrapper{height: 100vh;}
.customH1Prop{margin-bottom: 0;}
.drawer-content{padding-left: 100px;}
.drawer-tab{font-size: 24px;}
.tab-description{font-size: 22px;}
.dosekart-section-padding{padding: 100px 46px 100px 0;}
.battery-info img{height: 50px;}
.battery-performance img{max-width: 70px;}
.battery-performance .card{padding: 10px;}
.battery-performance .card .card-title{font-size: 22px;}
.edosekart-section .edosekart-btn a{padding: 12px;}
.edosekart-btn .btn1{margin-right: 40px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
.career-banner h1 {font-size: 48px;}
.independentSolution-section .swiper-slide {
height: 65vh;
width: 100% !important;
margin: 0 auto;
}
.swiper-slide .sub-content-holder {
height: auto !important;
opacity: 1 !important;
transform: translateY(0) !important;
transition: none;
}
.independentSolution-section .swiper-wrapper {
align-items: center !important;
justify-content: flex-start !important;
}
}
@media only screen and (max-width: 1440px) {
.contentsolution {height: 98px;}
h2{font-size: 42px;}
p{font-size: 24px;}
.card-title span {font-size: 24px;}
.card-text{font-size: 20px;}
.data-difference .card h2 {font-size: 70px;}
.card-title {font-size: 24px;}
.padding-section{padding: 60px;}
.customer_testimonial {padding: 0 40px 80px;}
li{font-size: 24px;}
h3{font-size: 28px;} h6{font-size: 20px;}
.item {min-height: 35em;}
.content h3 {padding-left: 50px !important; font-size: 26px; width: 80%;}
.footer a{font-size: 20px;}
.What-makes-us-section h2 {font-size: 42px; padding-bottom: 20px;}
.blog-content-section h2{font-size: 32px;}
.footer p{ font-weight: 400; font-size: 20px;}
.para p{font-size: 14px !important; }
.head h5 {font-size: 21px;}
.Whats-New .sub-container2 {
background-color: #021a30;
padding: 40px 20px 40px 20px;
border-radius: 40px;
height: auto;  }
.What-makes-us-col1 {padding-right: 0px !important;}
.slide1 {background-position: center;}
.slide6, .slide2 {background-position: center;} 
.g-lg-5, .gx-lg-5 {--bs-gutter-x: 1rem !important; --bs-gutter-y: 2rem !important;} 
.solution-heading {padding-bottom: 35px;}
.product_card {padding: 1rem 1rem 0.4rem 1rem;}
.Whats-New .Second-container h3 {
font-size: 28px;
color: var(--dark-blue);
font-weight: 600px;
line-height: 2.5rem;
}
.col-form-label{font-size: 18px;  }
.pharmacy-faq-section .box{width: 90%;} .form-control, .form-select{font-size: 1.2rem;}
.Whats-New .main-container {
padding: 0 20px;
padding-right: 20px;
} .products-btn a, .products-btn {font-size: 18px;}
.products-btn-secondary a, .products-btn-secondary {font-size: 18px;}
.products-images { width: 100%; height: auto;}
.card-align .card img{width: 70px;}
.spacingRight{padding-right: 50px;}
.spacingLeft{padding-left: 10px;}
.cardWithIcon {padding: 90px 0px 80px 0px;}
.cardWithIcon .col {padding: 0 20px;}
.cardWithIcon .card {padding: 50px 30px 40px 30px;}
.cardWithIcon img {top: -44px;} .stats-section{height: 115vh;}
.pharmacy-faq-section .accordion-button:not(.collapsed) {
font-size: 22px;
}
.pharmacy-faq-section .accordion-button {
font-size: 22px;
}
.footer-logo-img {
width: 240px;
margin-bottom: 30px;
}
.pharmcies-tabs .tabs-btn {
font-size: 0.8rem;
}
.swiper-slide.zoomedInCol {
height: 80vh !important;
}
.swiper-slide.zoomedInCol p{
font-size: 18px !important;
}
.swiper-slide.zoomedInCol .productImg img {
width: 50% !important;
}
.solid-btn a {font-size: 18px; font-weight: 600;}
.carousel-content{width: 57%;}
.carousel-content h1{font-size: 60px;}
.carousel-content h5{margin: 20px 0 50px 0; font-size: 26px;}    
.improve-section .left-padding{padding-left: 80px;}
.resident-profiles h3 {font-size: 38px;}
.resident-profiles .card {padding: 2rem;}
.circle3 {  bottom: 10vh;}
.box-3{bottom: 12vh;}
.circle4{bottom: 6vh;}
.box-4 {bottom: 9vh;}
.what-makes-dosekart-different h3 {font-size: 32px;}
.battery-info-section .card-text span{font-size: 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.image-gap{
padding: 30px 0 0 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
.form-image{
height: 100vh;
}
.home-form-image{
height: 100vh;
}
}
@media only screen and (max-width: 1367px) {
.controller {width: 64px; height: 25px;}
.testimonial_slider p{font-size: 19px; font-weight: 400;}
.searchBy .card-body{padding: 5px;}
.image-container img{height: 75vh;}
.unlock-video{width: 90%;}
.careCommunity-banner img {
max-width: 120px;
width: 100%;
}
}
@media only screen and (max-width: 1325px) {
.dosepacker-slot .slot1, .dosepacker-slot .slot2 {
height: 450px;
width: auto;}
}
@media only screen and (max-width: 1280px) {
.partners {padding-bottom: 0px;}
.testimonial_slider label{font-size:28px;} .nav-item{font-size: 18px;}
.item {min-height: 38em;  }
h1{font-size: 52px;}
h2, .data-difference .card h2{font-size: 40px;}
h3{font-size: 36px;}
h4{font-size: 32px;}
h5{font-size: 28px;}
h6{font-size: 18px;}
p, li , a{font-size: 22px;}
.desktop_logo img{width: 250px;}
.navbar {padding: 1.5rem 0.5rem;}
.horizontal-scrolling{display: none !important;}
.horizontal-scrolling .image-container{display: none;}
.featureSwiper{display: block;}
.heading-h2{font-size: 40px;}
}
@media only screen and (max-width: 1199px){
.card-align .card{margin-bottom: 0;}
.card-align .col{margin-top: 0;}
.card-title span{display: inline-block;}
.slide-container {padding-top: 50px; height: 490px;}
.dynamic-range{padding: 50px 10px 300px 10px;}
.product-background-property{padding: 50px 30px 300px 30px;}
.resident-profiles h3{font-size: 32px;}
.resident-profiles .card {padding: 1rem;}
.packaging-content{display: none;}
.dosepacker-slot .slot1, .dosepacker-slot .slot2 {
height: 550px; margin-bottom: 40px;
width: auto;}
.mobile-packaging-content1, .mobile-packaging-content2{
display: block;
padding-left: 50px;
}
#page4{display: none;}
.cc-product-card img{
max-width: 200px;
width: 100%;
margin-bottom: 30px;
}
.cc-product-card {
border: 2px solid var(--cc-purple);
padding: 40px 20px;
border-radius: 12px;
}
.cc-product-description .title{
font-size: 24px;
}
.cc-product-description p{
font-size: 20px;
}
.mobile-compatible-product{display: block;}
.medication-administration, .product-faq{padding: 50px 30px 50px 30px;}
#slotPackaging-content{display: none;}
.careCommunity-banner label {font-size: 32px;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
.pharmacy-btn-container{
margin-top: 0;
} 
.white-h3-utlity{
font-size: 28px;
}
.white-h2-utlity{
font-size: 36px;
}
.smart-card-swiper{
padding: 0 1rem;
}
.what-makes-dosekart-different h3{font-size: 28px;}
.what-makes-dosekart-different p{font-size: 18px;}
.battery-info img {height: 35px; }
.charging-details{padding: 40px 0 20px;}
.drawer-content {
padding-left: 40px;
}
}
@media only screen and (min-width: 1100px){
.filter-section-mobile{
display: none;
}
}
@media only screen and (max-width: 1099px){
.filter-section-desktop{
display: none;
}
}
@media only screen and (max-width: 1024px) {
.circle-content {padding-left: 1rem; }
.item {min-height: 70em;}
.cardWithIcon img {
width: 80px !important;
}
.adherence-card .card{padding: 10px 10px 10px 10px;}
.products-bar {
top: 10% !important;
}
.solutions-bar {
top: 10% !important;
}
.footer {
padding: 30px 35px;
background: #E0EAF5;
}
.footer a, .footer p {
font-size: 15px;
text-decoration:none;
}
.footer-logo-img {
width: 100%;
margin-bottom: 30px;
}
.sidebar p a{
font-size:20px;
}
.sidebar .accordian-button{
font-size:20px;
box-shadow:none;
outline:0;
}
.sidebar .accordian-button:focus{
box-shadow:none !important;
outline:0;
border-color:none !important;
}
.accordion-button:not(.collapsed)::after {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/minus.png) !important; }
.accordion-button::after {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/plus.png) !important;
}
.sidebar .accordion-button:not(.collapsed) {
color: #232323 !important;
background-color: none;
box-shadow: none;
}
.zoomSwiperSection .slider-section .shadow-holder {
padding: 7% !important;
transition: all 0.3s linear;
transform: scale(1);
} 
.easeUse-Video { max-width: 100%;}
.easy-use {padding-left: 20px; display: block; padding-right: 20px;}
.unlock-video{width: 100%;}
.battery-info-section h2{font-size: 28px;}
.battery-info-section .dosekart-section-padding{
padding: 80px 40px 80px 20px;
}
.dosekart-hero-section .dk-absolute-content-wrapper {
width: 100%;
padding: 0;
animation-delay: 5s;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
#arrowLeft {
left: calc(86% - 10px);
margin-left: 20px;
} .care-title {
top: 50px;
position: sticky;
z-index: 1;
background-color: #01101d;
padding-bottom: 0;
}
.content {bottom: -30px;}
.compatible-product-content .heading-h2{font-size: 46px;}
}
@media (max-width: 767px) { .no-padding{padding: 0 !important;}
.pharmacy-btn-container{margin-bottom:20px;}
.partners {padding-bottom: 60px;}
.home-form-image{background-image:none;}
.pharmacy-btn-container a{
font-weight: 500;
font-size: 18px;
}
.secure-locks{
padding: 50px 30px 350px 30px;
}
.independentSolution-section .swiper-slide {
height: 75vh;
width: 100% !important;
margin: 0 auto;
}
.independentSolution-section .swiper-wrapper {
align-items: center !important;
justify-content: flex-start !important;
}
.swiper-button-prev,
.swiper-button-next {
display: none;
}
.swiper-slide .sub-content-holder {
height: auto !important;
opacity: 1 !important;
transform: translateY(0) !important;
transition: none;
}
.swiper-pagination {
bottom: -30px;
}
.ft-size{
font-size: 18px;
}
.col-reverse{
display: flex;
flex-direction: column-reverse;
}
.alignment-gap{
padding: 0;
}
.layout-spacing{
padding: 6% 8%;
}
.pharmacy-btn-container {
margin-top: 1rem;
}
.blogs-and-articles-section{
padding: 60px 40px 0 60px;
}
.blogs-and-articles-section .bg-image {
border-radius: 0;
padding-top: 2rem;
height: 100vh;
padding: 20px;
}
.blog-content{
display: flex;
height: 88vh;
flex-wrap: wrap;
align-content: space-between;
}
.latest-blogs-section {
padding: 30px 30px;
}
.more-blogs-section{
padding: 0 40px;
}
.blogs-and-articles-section .read-more-container{
justify-content: left;
}
.newsletter-sign-up-section{
padding: 60px 40px;
}
.serve-assisted-living,
.serve-behavioral-helath,
.serve-home-care,
.serve-hospic-care,
.serve-independent,
.serve-pace-program,
.serve-resident,
.serve-senior,
.serve-skilled-nursing{background-image: none;}
.mobile-btn .products-btn:hover {
border: 3px solid var(--btn-text-color);
background-color: transparent;
color: var(--btn-text-color);
}
.our-experts{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/our-experts.jpg);
}
.smart-card-swiper{
padding: 0;
}
.our-partners {
padding: 60px 20px 30px 20px;
}
.adherence-card .card{border: none; border-radius: 0; border-bottom: 3px solid #c2c2c2;}
.packaging-card .card-body{padding: 1rem 0;}
.packaging-card{border-bottom: 3px solid #c2c2c2;}
.spacer{padding-top: 24px; padding-right: 0;}
.packaging-solution img {
width: 100%;
}
.section-padding {
padding: 30px 30px;
}
label {
font-size: 28px;
font-weight: 600;
line-height: 2.2rem;
}
.footer-hr-divider{
display:none;
}
.dynamic-range{background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Range-of-vials-Section.png);}
.secure-locks{background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Child-Safety-Section.png);}
.Sustainability .mobile-img{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Sustainability-section.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 70vh;
}
.sustainability-content, .administration-content{
padding-right: 30px;
padding-left: calc(var(--bs-gutter-x) * .5);
}
.sustainability-padding .card{
margin-left: 30px;
margin-right: 30px;
}
.Sustainability  .element-center{display: block;}
.heading-h2{
padding-bottom: 15px;
margin-bottom: 0;
}
.administration-experience-img{
background-image: url(https://dosepacker.com/wp-content/themes/dosepacker/img/Book-demo-section.png);
height: 70vh;
}
.medication-administration .card {
padding: 0px;
margin-top: 30px;
border: 0;
}
.white-btn{
font-size: 14px;
}
.white-border-btn{
font-size: 14px;
}
}
@media (max-width: 991px) {
.slide-container .slides_customers{margin-top:20px;}
.slide-container{height:516px; padding-top: 0;}
.Whats-New .bg-img1 {
width: 45vw;
height: 30vh;
margin-bottom: 20px;
}
.Whats-New .bg-img2 {
width: 45vw;
height: 30vh;
margin-bottom: 20px;
}
.Whats-New .bg-img3 {
width: 45vw;
height: 30vh;
margin-bottom: 20px;
}
.nav-link {padding: 0 10px !important;}
.desktop_logo img {width: 200px;}
.nav-item {font-size: 16px;} .carousel-content {width: 100%;}
.Sustainability{background-image: none;}
.Sustainability .card img{width: 60px;}
.product-h3{font-size: 20px; font-weight: 600; color: var(--primary-Text-color);}
.product-gray-h3{font-size: 24px; font-weight: 500; color: var(--dark-gray);}
.product-blue-h3{font-size: 20px; font-weight: 600; color: var(--btn-color)} .tooltip-circle{left: 57px;}
.circle3{bottom: 17vh;}
.circle4 {bottom: 14vh;}
.medication-administration .card {padding: 0px;}
.medication-administration .buttonGroup {margin-top: 50px;}
.medication-administration .cp-administration-img .buttonGroup {margin-top: 0px;}
.medication-administration .buttonGroup .button-primary{font-size: 18px;}
.improve-section{padding-top: 50px;}
.improve-section .left-padding{padding-left: 50px;}
.drug-destruction-content{padding-left: 50px;}
.careCommunity-banner label {font-size: 24px;}
}
@media only screen and (min-width: 768px) and (max-width: 1050px){
.pharmacy-btn-container a{text-align: center;}
.blogs-and-articles-section {padding: 60px 20px 0 20px;}
.more-blogs-section {
padding: 0px 20px 60px 20px;
}
.products-btn-secondary{ }
.padding-section{padding: 60px 20px;} .title-text {
font-size: 20px;
}  
}
@media (min-width: 768px) {
.shown {
display: flex !important;
justify-content: center !important;
align-items: center;
flex-direction: column;
}
.hidden {display: none !important;}
.mobile-background{display: none;}
.tab_content{display: none;}
.blog-listing p {font-size: 22px;}
.read-more-container h5{font-size: 18px;}
.stats-section .no-left-padding, .drug-destruction .no-left-padding{padding-left: 0;}
.stats-section .stats-col1{padding-right: 3rem; padding-left: 3rem;}
.battery-performance .card img{margin: 0 auto;}
.content-lt{padding-right: 60px;}
.content-rt{padding-left: 60px;}
.drawer-section {
padding: 0;
margin: 0;
overflow-x: hidden; 
}
.drawer-section .container-fluid {
padding: 0;
margin: 0;
}
.drawer-section .row {
margin-right: 0;
margin-left: 0;
}
.drawer-section .row > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width:767px) {
.solid-btn .transparent-btn{margin-top:30px;}
.mobile-p-zero{padding: 0;}
h1{font-size: 52px;}
h2{font-size: 36px;}
h3{font-size: 32px;}
h4{font-size: 28px;}
h5{font-size: 20px;}
.heading-h2 {font-size: 36px;}
.mobile-packaging-content1 .heading-h2, .mobile-packaging-content2 .heading-h2{
font-size: 28px;
}
.careCommunity-banner img {
margin-bottom: 40px;
}
.zero-mobile-border{
border: none !important;
}
.mobile-text-center{
text-align: center !important;
}
.mobile-padding-zero{padding: 0 !important;}
.mobile_navigation a{padding-left: 30px;}
.products-pad {padding: 40px 20px;}
.products-images {width: 80%; height: auto;}
.hidden {display: block !important;}
.shown {display: none !important;}
.a-list-tools-banner-section {padding: 60px 20px 150px 20px;  }
.compliance-packaging-product {padding: 0;}
.compliance-packaging-product .content-col {padding: 40px 20px;}
.navbar-nav a{font-size: 24px; color: var(--dark-blue);}
.navbar-collapse{padding-top: 30px;} 
.mobile_content{display: block;}
.mobile_content_banner{display: block; position: absolute; bottom: 40px;}
.mobile_content_banner h1, .mobile_content_banner p{color: white;}
.mobile_content_banner .products-btn-secondary{border: 3px solid var(--btn-text-color); color: var(--btn-text-color);}
.why-medication .card-title{font-weight: 500;}
.textAlign{text-align: left;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 17px;}
.swiper-button-prev, .swiper-button-next{width: 40px; height: 40px;}
.textCenter{text-align: center;}
.data-difference .col {padding: 10px 20px;}
.data-difference .card {    
padding: 10px 10px;
border: none;
border-bottom: 1px solid gray;
border-radius: 0;
background-color: white;
}
.medication-administration .vial-button{margin-top: 15px;}
.solid-btn .transparent-btn{margin-top:30px;}
.background img { 
height: 92vh !important; }
.carousel-content h1{font-size: 40px;}
.experience-innovation img{width: 100%;}
.upgrade_mobileimg{position: relative; margin-bottom: 30px;}
.upgrade_mobile_content{position: absolute; bottom: 10px; padding: 0 15px; text-align: left;}
.upgrade_mobile_content h2, .upgrade_mobile_content p{color: var(--btn-text-color);}
.experience-innovation h6{font-weight: 500; padding-bottom: 10px; font-size: 20px;}
.experience-innovation li{font-size: 18px;}
.pharmacy-faq-section h6{font-size: 22px;}
.pharmacy-blue-text {
margin-top: 25px;
}
.desktop_content, .desktop_logo, .desktop-background{
display: none;
}
.rel-wrapper{
position: relative;
height: 100vh;
}
.mobile-padding-util{
padding: 0 20px;
}
.mobile-bottom-margin-util{
margin-bottom: 40px;
}
.mobile-margin-top-util{
margin-top: 30px;
}
.spacing-property {
padding:20px;
}
.restrict-border{
border: none !important;
}
.abs-wrapper{
position: absolute;
bottom: 20px;
width: 100%;
}
.mobile-text-variant h1{
color:var(--btn-text-color) !important;
text-align: left;
}
.mobile-text-variant h2{
color:var(--btn-text-color) !important;
text-align: left;
}
.mobile-text-variant p{
color:var(--btn-text-color) !important;
text-align: left;
}
.mobile-restricted{
display: block;
}
.pharmacy-our-blogs .multi-blog-col .blogListing {
padding: 30px 15px;
}
.pharmacy-faq-section {padding: 20px;}
.pharmacy-faq-section .col-md-5 {
display: flex;
justify-content: center;
}
.pharmacy-faq-section .col-md-5 .box {
width: 100%;
min-height: 100%;
margin-top: 100px;
}
.pharmacy-faq-section .col-md-5 .box button {
width: auto;
height: auto;
}
.experience-innovation{
padding: 0 !important;
}
.what-set-us-apart{
padding: 0 !important;
}
.experience-innovation .mobile-res-img{
width: 100%;
margin-bottom: 25px;
}
.assisted-living-section {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/assisted-living-hero-mobile.jpg);
}
.resident-and-families-section {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/residents-and-family-hero-mobile.jpg) !important;
}
.senior-living-mobile-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/senior-living-hero-mobile.jpg) !important;
}
.medication-management{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/medication-management-solution-mobile.jpg);
background-position: center;
}
.adherence-solution{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-adherence-solutions.jpg);
background-position: center;
}
.storage-solutions{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-storage-solutions-hero-image.jpg);
background-position: center;
}
.reminder-solutions{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-medication-reminder-hero-image.jpg)
}
.solution-content{position: absolute; bottom: 40px;}
.solution-content h1{
font-size: 2.5rem !important;
color: white;
}
.solution-content p{
font-size: 18px !important;
color: white;
}
.mobile-btn .products-btn-secondary {
border: 3px solid var(--btn-text-color);
color: var(--btn-text-color);
}
.btn-border-utility{
border: 3px solid var(--btn-color);
color: var(--btn-color) !important;
}
.products-btn-secondary:hover{
color:var(--btn-text-color) !important;
}
.products-btn-secondary:focus{
color:var(--btn-text-color) !important;
touch-action: manipulation;
}
.btn-border-utility:hover{
color:var(--btn-text-color) !important;
}
.btn-border-utility:active{
color:var(--btn-text-color) !important;
}
.btn-border-utility:focus{
color:var(--btn-text-color) !important;
}
.independentLiving-section .spacing-property{
padding: 0 !important;
margin-top: 30px;
}
.carousel-content {
width: 100%;
top: unset;
transform: none;
bottom: -10px;
}
.carousel-content h5 {
font-size: 20px;
}
.solid-btn a {
border: 3px solid var(--btn-text-color);
border-radius: 8px;
outline: 0;
margin-top: 20px;
padding: 10px 10px;
background-color: var(--btn-text-color);
transition: background-color 0.4s ease-out;
color: var(--btn-color);
}
.padding-section {padding: 60px 40px;}
.carousel-content {width: 100%;}  .google-map {
position: static !important;
transform: translateY(0%) !important;
padding: 0 !important;
width: 100% !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 20px 0 !important;
}
.googlemap-iframe{
width: 100%;
height: 250px;
}
.white-h5-utlity, .white-h2-utlity{
color: var(--btn-text-color);
}
.white-p-utlity{
color: var(--btn-text-color);
}
.right-border{
padding-left: 0;
}
.left-border{
border-right: none;
border-bottom: 1px solid #C1C7CD;
}
.Sustainability .card img{
padding-left: 1rem;
padding-top: 1rem;
}
.Sustainability, .medication-administration {padding: 50px 0;}
.cc-right-padding{padding-right: 0;}
.stats-overview .stats-3{text-align: center;}
.improve-section .left-padding {padding-left: 0;}
.optimize-medication-content{display: inline-block !important;}
.optimize-medication-content .text-end{text-align: left !important;}
.right-padding{padding-right: 0px;}
.drug-destruction-img{padding-left: 0;}
.resident-profiles .card{padding: 1.5rem;}
.dosepacker-slot .slot1, .dosepacker-slot .slot2 {
max-height: 450px;
height: 100%;
width: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.careCommunity-banner{padding: 50px 0px 100px 0px;}
.unlock-video{margin-top: 30px;}
.compatible-product-content{display: inline-block;}
.compatible-product-content .text-end{text-align: left !important;}
.medication-administration .content-box{padding-left: calc(var(--bs-gutter-x) * .5);}
.careCommunity-banner label{font-size: 25px;}
.optimize-medication, .resident-profiles, .security-section{padding-top: 100px; padding-bottom: 70px;}
.security-section img{max-width: 120px; width: 100%; margin-bottom: 30px;}
.product-faq {padding: 50px 10px 50px 10px;}
.vial-content{
bottom: 50px;
}
.dynamic-range {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/GrayBG-1-1.jpg);
padding: 50px 10px 10px 10px;
}
.easy-use{
padding-left: 0;
padding-right: 0;
}
.easyUse-content {
padding-top: 60px;
padding-left: 10px;
padding-right: 10px;
}
.heading-h2 {
font-size: 32px;
font-weight: 700;
}
.easyUse-heading {
padding-bottom: 2rem;
}
.easy-use .img-fluid {
margin-bottom: 10px !important;
}
.pharmacy-faq-section .heading-h2{
text-align: left;
}
.administration-experience-img {
margin-top: 10px;
}
.Sustainability, .medication-administration {
padding: 60px 0 !important;
}
.sustainability-content, .administration-content{
padding-left: 30px !important;
padding-right: 30px;
}
.medication-administration .card-body{
padding-left: 20px;
padding-right: 20px;
}
.product-faq .accordion-body {padding: 0 0 1rem 0;} .drawer-section{padding: 40px 20px 0 20px;}
.dosekart-section-padding{
padding: clamp(1.25rem, 0.9285rem + 4.4346vw, 6.25rem) clamp(1.25rem, -0.3215rem + 4.4346vw, 5rem); }
.customH1Prop {
font-size: 30px;
}
.dosekart-hero-section{
height: 90vh;
}
.dosekart-hero-section .dk-bg-video{
height: 90vh;
}
.dosekart-hero-section .main-container-wrapper{
height: 90vh;
}
.what-makes-different-row:not(:last-child){
margin-bottom: 4rem;
}
.what-makes-different-row video{padding-bottom: 15px;}
.mobile-order{ display: flex; flex-direction: column;}
.mobile-order .col-md-6{flex: 1;}
.content-lt{order: 2;}
.what-makes-dosekart-different h2 span{display: inline;}
.img-gap{margin: 20px 0;}
.drawer-content{padding-left: 0;}
.drawer-tabs{gap: 0;}
.drawer-tab:not(:last-child)::after{right: 0.2rem;}
.drawer-tab{font-size: 20px;}
.charging-details{padding: 40px 0 20px; gap: 2rem;}
.battery-info img{height: 40px;}
.dk-absolute-content-wrapper .buttonGroup a {
padding: 7px 10px;
font-weight: 400;
}
.battery-performance .card{border-bottom: 0;}
.battery-performance .card .card-body{text-align: left; padding: 1rem 0;}
.battery-info-section{padding: 0 10px;}
.battery-info-section h2 span{display: inline;}
.edosekart-section{background: none;}
.edosekart-btn .button-outline{
color: var(--btn-color) !important;
border: 3px solid var(--btn-color) !important;
}
.heading-width p {width: 100%;}
.battery-info p{font-size: 18px;}
.battery-performance img{width: 60px;}
.dosekart-experience-img {
border-radius: 0;
height: 60vh;
}
.edosekart-btn .btn1 {
margin-right: 0;
}
}
}
@media only screen and (min-width: 768px) and (max-width: 828px){
.pharmacy-btn-container a{display: block; }
.products-btn-secondary{margin-left: 0px;}
.padding-section{padding: 60px 20px;}
.medication-administration .content-box {padding-left: 30px;}
}
@media only screen and (min-width: 768px) and (max-width: 918px){
.img-side-by-btn a{
font-size:14px;
}
}
@media only screen and (max-width:650px) {
.pharmacy-btn-container {margin-top: 1rem;}
.slide-container{height:650px;}
.stats-overview .card h2 {font-size: 48px;}
}
@media only screen and (max-width: 600px) {
.cc-administration-img{
border-radius: 0;
}
.blog-content-section .blog-content-col h3{color: var(--primary-Text-color); padding: 0;}
.blog-content-section li, .blog-content-section a, .blog-content-section p {font-size: 18px;}
.blog-content-section ul{padding-top:8px;}
.latestblogs p span{font-size: 16px;}
.home-banner {margin-top: 0px;}
.padding-section {padding: 40px 20px;}
.pharmacy-our-blogs {padding: 100px 20px;}
h1{font-size: 36px;}  
.navbar{padding: 1.5rem 0rem;  position: sticky;}   
.data-difference .card h2 {font-size: 50px;}
.pharmacy-btn-container {gap: 10px;}
.slide1 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/mobile/Assisted\ Living.png);
background-position: center;
color: white;
}
.slide2 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/mobile/PACE\ Programs.png);
}
.slide3 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/mobile/Home\ Health.png);
}
.slide4 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/mobile/Skilled\ Nursing.png);
}
.slide5 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/mobile/Senior\ Living.png);
}
.slide6 {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/mobile/Hospice\ Care.png);
}
.slide {
color: white;
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
overflow-x: hidden;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
position: relative !important;
}
.content {
position: absolute;
top: 25px;
text-align: left;
min-width: 100%;
z-index: 2;
}
.content h1 {
padding-left: 20px !important;
border-bottom: 0px solid white;
line-height: 1.2; }
.content h3 {
padding-left: 20px !important;
padding-right: 20px;
font-size: 20px !important;
width: 100%;
}
.arrow {bottom: 35%; font-size: 30px;}  
#arrowLeft {
left: 0;
margin-left: 7px;
}
#arrowRight {
right: 31px;
}
.What-makes-us-section {
padding: 0;
}
.What-makes-us-col1 {
padding-right: 0px !important;
padding: 50px 0;
}
.What-makes-us-col2{padding-left: 0 !important; padding: 0; text-align: center;}
.What-makes-us-section h2 {
font-size: 28px;
padding-bottom: 10px;
}
#dynamicSpan{font-weight: 700;}
.What-makes-us-section p {
font-size: 18px;
margin-bottom: 0px;
}
.desktop_img{display: none;}
.what_makes_us_content {
margin: -50px 30px 0 30px;
box-shadow: 0px 0px 2px 0px gray; position: relative;
background-color: white;
border-radius: 15px;
padding: 15px 19px;
}
.mobile_makes_us{position: relative;}
.what_makes_us_head{position: absolute; bottom: 50px;}
.What-makes-us-section h3 {font-size: 32px; color: var(--btn-text-color); padding: 0 20px; font-weight: 600;}
h2 span{display: block;}
.stats-section h2 span, .improve-section h2 span, .optimize-medication h2 span, .administration-content h2 span{display: contents;}
.dynamic-range h2 span, .heading-h2 span{display: contents;}
.solution{font-size: 60px;}
.product_card {border: 0px ;}
h5 br{display: none;} .contentsolution1{border-top: 1px solid var(--dark-blue);}
.mobile_contentsolution h5 {font-size: 24px; color: var(--light--blue);}
.mobile_contentsolution div p{font-size: 16px; color: var(--light--blue);}
.contentsolution{display: none;}
.product_image img, .pharmacy_product_image img {width: 88px;}
.customer_testimonial .row {
background-color: transparent; padding: unset;
}
.Whats-New { padding: 0px 0; }
.Whats-New-mobile .sub-container1{position: relative;
height: 100%;}
.Whats-New-mobile .bg-img {
background: url(//dosepacker.com/wp-content/themes/dosepacker/img/mobile/Form_Image.png);
background-repeat: no-repeat;
background-position: center; 
background-size: cover;
padding: 270px 10px;
border-radius: 0px;
}
.What-makes-us-section img{
border-radius: 0;
}
.form_heading{
position: absolute;
bottom: 0;  
}
.form_heading p{
font-size: 21px;
}
.form-control.border-bottom-only {
border: none;
border-bottom: 1px solid #ced4da;
background-color: transparent;
border-radius: 0;
padding: 10px 10px;
}
.col-form-label {
font-size: 18px;
display: none;
}
.Second-container h3, .Second-container hr{
display: none;
}
.form-select.border-bottom-only{
background-color: var(--btn-text-color);
border-bottom: 1px solid #021A30;
border-radius: 4px;
padding: 10px 10px;
}
.slide-container {height: 72vh;}
.Whats-New button {border-radius: 4px;}
.footer {padding: 30px 0px;} .desktop_footer{display: none;}
.footer_mobile .accordion-item button{
font-size: 20px; font-weight: 500;
}
.accordion-item {background-color: transparent !important;}
.accordion-button{font-size: 20px; font-weight: 500; background-color: transparent !important; padding: 1rem 1.25rem 1rem 0rem;}
.product_card {padding: 2rem 1rem 1rem 1rem;}
.g-lg-5 {
--bs-gutter-y: 0rem !important;
}
.customer_testimonial {background-color: var(--btn-text-color);background-image: none;}
.customer_testimonial .pt-5{padding-top: 0 !important;}
.customer_testimonial {padding: 0 0 80px 0;}
.testimonial_heading, .testimonial_arrow {height: 80px;} .testimonial_arrow {height: 67px; padding-top: 20px;}
.slide-container {padding: 20px 0 0;}
.testimonial_slider p {font-size: 16px; font-weight: 400;}
.testimonial_slider h3 {font-size: 20px; font-weight: 500; color: var(--dark-blue);}
.testimonial_slider h6 {font-size: 15px; font-weight: 400; color: var(--dark-blue); line-height: 1.2;} .our{color: var(--dark-blue); font-weight: 500;}
.solution{color: var(--blue); font-weight: 700;}
.Whats-New .container-fluid{padding-left: 0; padding-right: 0;}
.Whats-New .main-container {padding: 0 0px;} .form_heading p {font-size: 21px; padding: 0 20px;color: white;}
.accordion-button::after {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/plus.png) !important;
}
.footer .accordion-button:not(.collapsed) {
color: #666666;
}
.accordion-button:not(.collapsed)::after {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/minus.png) !important; }
.footer h4{font-size: 20px; color: var(--dark-blue);}
.accordion-button{color:#666666;}
.footer .social-container{
margin-top: 25px;
}
.footer_logosection{padding: 0 30px;}
.footer p { font-weight: 400; font-size: 18px;}
.footer a {font-size: 18px;}
.accordion-header{border-bottom: 1px solid var(--dark-blue);}
.accordion-header{padding-left: 20px;}
.product-faq .accordion-header {border-bottom: 0;}
.accordion-item {
border: 0px solid rgba(0, 0, 0, .125);
}
.bottom-footer{display: none;}
.What-makes-us-col1 div{padding: 0px;}
.lastcontentsolution1{border-bottom: 1px solid var(--dark-blue);}
.partner_carousel{padding-top: 0rem !important;}
.our-solution-section {padding: 65px 10px;}
.partners:before, .partners:after {background: none;}
.footer-links{text-align: center;}
.mobile-bottom-footer .footer-links a{font-size: 16px;}
.accordion-button:focus {
z-index: 3;
border: 0px;
border-color: transparent;
outline: 0;
box-shadow: 0 0 0 0 transparent;
}
.fa-chevron-left::before {content: "\f053";}
.fa-chevron-right::before {content: "\f054"; }
.medication-card .swiper-slide h4 {
font-size: 22px;
}
.medication-card .swiper-slide p {
font-size: 16px;
}
.medication-card .swiper-slide img{
max-width: 100px;
max-height: 100px;
}
.image-gap {padding: 30px;}
.form-content{
padding: 20px 40px;
background-color: #e0eaf5;
}
.second-container{
padding-right: 0;
padding-left: 0;
}
#dymamicH2{display: none;}
.blog-p{display: none;}
.mobile-blog-content{
margin: -50px 40px 30px;
margin-top: -100px !important;
background-color: #f3f3f3;
padding: 20px;
border-radius: 16px;
}
.smart-product{
padding: 20px 12px;
}
.smart-product .card-text{
font-size: 16px;
}
.smart-product .card-title{
font-size: 22px;
}
.adherence-content{padding-left: 0; padding-right: 0;}
.adherence-card img {
max-width: 80px;
}
.career-banner{background-position: left;}
.career-search button{
right: 0px;
padding: 8px 12px;
}
.career-search input {
padding: 10px;
}
.form-control, .form-select {
font-size: 14px;
}
.dynamic-range{padding: 60px 10px 50px 10px;}
.careCommunity-banner label {
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}
.careCommunity-banner .buttonGroup a{font-size: 18px; padding: 10px 15px;}
.resident-profiles h3 {font-size: 24px;}
.mobile-packaging-content1, .mobile-packaging-content2 {
padding-left: 30px;
}
.resident-profiles .card{padding: 1rem;}
}
@media only screen and (min-width: 507px) and (max-width: 518px){
.pharmacy-btn-container a{text-align: center;}
.products-btn-secondary{margin-left: 8px;}
.solution-content{bottom: 20px;}
.solution-content h1{font-size: 2rem !important;}
.pharmacy-btn-container{margin-top: 2.5rem;}
}
.mystyle{background-color: #f3f3f3;}
@media only screen and (max-width: 576px){
.custom-container, .our-solution-section{padding-left: 0; padding-right: 0;}
.solution-heading {padding: 0 20px 35px 20px;}
.solid-btn .transparent-btn{margin-left: 0;}
.solid-btn .transparent-btn{margin-left: 0; display: block; padding: 14px 0;}
.cc-administration-img {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/closer-look.png);
height: 100vh;
}
.cp-administration-img{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/05/Book-a-demo.jpg);
}
.mobile-content-box{display: block;}
.desktop-content-box{display: none !important;}
.cc-administration-img{position: relative;}
.mobile-content-box{
position: absolute; 
bottom: 20px; 
}
.mobile-content-box .card h3, .mobile-content-box .card p{
color: var(--btn-text-color);
}
.mobile-content-box .buttonGroup .button-primary{
background-color: var(--cc-purple);
border-color: var(--cc-purple);
}
.cp-mobile-content-box .buttonGroup .button-primary{
background-color: var(--btn-color);
border-color: var(--btn-color);
}
.medication-administration .card{
color: var(--btn-text-color);
background-color: transparent;
}
.mobile-content-box .buttonGroup .button-primary:hover, .mobile-content-box .buttonGroup .button-primary:focus {
background-color: #371377;
border: 3px solid #371377;
}
.dosekart-experience-img {
height: 50vh;}
}
@media screen and (max-width: 575px) {
.careCommunity-banner .mobile-break{display:block;}
.drug-destruction-content, .cc-feature-section h2, .improve-section .profile-content, .optimize-medication-content,
.drug-destruction-content h2, .drug-destruction-content p, .resident-profiles-content h2, .resident-profiles-content p,
.unlock-section h2, .mobile-packaging-content1 h2, .mobile-packaging-content2 h2, .mobile-packaging-content2 p, .compatible-product-content
{padding-left: 10px; padding-right: 20px;}
.resident-profiles .card {
margin-left: 10px;
margin-right: 10px;
}
.mobile-packaging-content1, .mobile-packaging-content2 {
padding-left: 10px;
}
.what-makes-dosekart-different h3 {font-size: 24px;}  
}
@media only screen and (max-width: 506px){
.pharmacy-btn-container a{text-align: center;}
.carousel-content {
width: 100%;
top: unset;
transform: none;
bottom: -30px;
}
}
@media (max-width: 500px) {
h1{font-size: 36px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 18px;}
.fs-24{font-size: 24px !important;}    .pharmacy-para {
font-size: 18px;
}
.pharmacy-para a{
font-size: 18px;
}
.experience-innovation .pharmacy-btn-container a {
display: block;
width: 75%;
text-align: center;
}
.experience-innovation .products-btn-secondary{margin-left: 0;}
.products-images {
width: 100%;
height: auto;
margin: 0 auto;
}  
.blogs-and-articles-section .read-more-container{
justify-content: left;
}
.blog-listing p{
font-size: 16px;
}
.more-blogs-section {
padding: 20px 18px;
}
.title-text{
font-size: 20px;
}
.para-text{
font-size: 16px;
}
.tag-text{
font-size: 16px;
}
.newsletter-sign-up-section {
padding: 50px 30px;
}
.newsletter-sign-up-section .newsletter-form .btn {
font-size: 18px;
}
.black-h5 {
font-size: 20px;
font-weight: 500;
}
.more-blog-h5{
font-size:32px;
font-weight: 500;
}
.latestblogs .padding-section{
padding-bottom: 0;
}
.newsletter-sign-up-section .newsletter-form {
gap: 0;
}
.filter-section select{
font-size: 16px;
}
.latest-blogs-section .search-bar-div .input-group {
width: 100%;
}
.latest-blogs-section .search-bar-div .input-group input{
font-size: 16px;
}
.filter-section .search-bar-div, .filter-section .filter-section-mobilel{
padding-left: 0;
padding-right: 0;
}
.filter-section .form-control{
padding-right: 0;
}
.latest-blogs-section{
padding-left: 0;
padding-right: 0;
}
.latest-blogs-section .second-container .bg-image-container{
border-radius: 0;
padding-top: 235px;
}
.latest-blogs-section .second-container .outer-container .blue-h6, .latest-blogs-section .second-container .outer-container p span{
font-size: 16px;
}
.latest-blogs-section .second-container .outer-container .black-h5{
font-size: 20px;
}
.latest-blogs-section .second-container .bg-image-container .white-h5{
display: none;
}
.latest-blogs-section .second-container .sidebar-wrapper .bg-image-container{
padding: 120px;
}
.newsletter-sign-up-section .newsletter{
padding: 16px;
}
.newsletter-sign-up-section .newsletter .black-h3, .newsletter-sign-up-section .newsletter .gray-p{
text-align: center;
}
.newsletter-sign-up-section .newsletter-form .input-group {
display: flex;
max-width: 400px;
width: 100%;
}
.newsletter-sign-up-section .newsletter-form input {
flex: 1;
padding: 10px;
}
.newsletter-sign-up-section .newsletter-form button {
padding: 10px 15px;
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
}
.newsletter-sign-up-section .newsletter-form button i {
font-size: 14px;
}
.why-medication {
text-align: left !important;
}
.blogListing h6{font-size: 20px;}
.multi-blog-content{padding-top: 8px;}
.blogs-and-articles-section {
padding: 40px 20px 0 20px;
}
.sustainability-padding .card {
margin-left: 20px;
margin-right: 20px;
}
.sustainability-content, .administration-content {
padding-right: 20px;
padding-left: 20px !important;
}
.secure-locks{
padding-right: 10px;
padding-left: 10px;
}
.dosepacker-slot .slot1, .dosepacker-slot .slot2 {
max-height: 333px;
}
}
p:empty {
display: none;
}
.dummy{
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/img/home-banner2.png);
}
.swiper-button-prev {left: -10px;}
.swiper-button-next{right: -10px;}
@media only screen and (max-width: 450px){
.displayBlock a{padding:12px 10px; font-size:15px;}    
.secure-locks {padding: 50px 10px 450px 10px; }
}
@media only screen and (max-width: 400px){
.newsletter-sign-up-section .newsletter-form{font-size: 12px;
line-height: 1;}
.careCommunity-banner .buttonGroup a{font-size: 18px; padding: 10px 6px;}
.vial-content .buttonGroup .light-icon{margin-left:0;}
.vial-content .buttonGroup .no-icon{margin-left:10px;}
}
@media only screen and (max-width: 375px){
.vial-content .buttonGroup a{font-size:14px;}
.dk-absolute-content-wrapper .buttonGroup a{
padding: 7px 5px;
font-size: 16px;
}
}
@media only screen and (max-width: 330px){
.pharmacy-btn-container,.pharmacy-btn-container a {font-size: 14px; display:block;}
.dosepacker-slot .slot1, .dosepacker-slot .slot2 {
max-height: 200px;
height: 100%;
width: auto;
}
}
.cc-product-description p{
font-size: 18px;
}
.careCommunity-banner h5{padding:10px 12px;}
.feature-heading .heading-h2 {
margin-bottom: 15px;
} #hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 input:not([type="submit"]){
width: 100%;
padding: 5px;
border: none;
border-bottom: 1px solid #ccc;
background: transparent;
margin-bottom:20px;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 select{
width: 100%;
padding: 5px;
border: none;
border-bottom: 1px solid #ccc;
background: transparent;
margin-bottom:20px;
font-size:18px;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 label{
font-size:18px;
font-weight:500;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863::placeholder{
font-size: 16px;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 .hs-button{
background-color: var(--btn-color);
padding: 10px 30px;
font-size:18px;
font-weight:500;
border: none;
border-radius: 2px;
cursor: pointer;
color: white;
margin-top: 25px;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 li{
padding-left:0;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 li label{
color:red;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 .invalid{
border-color:red !important;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 .error{
border-color:red !important;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 .hs-error-msgs{ margin:0 !important;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 input::placeholder{
color:#666666 !important;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 select:not(:-internal-list-box):not([multiple]) option:disabled {
color:#666666 !important;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 select option:disabled {
color: #666666 !important;
}
#hsForm_8980f476-b6d1-49ca-94d5-2247862ba863 .hs-error-msg{
display:none !important;
} #hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 input:not([type="submit"]){
width: 100%;
padding: 5px;
border: none;
border-bottom: 1px solid #ccc;
background: transparent;
margin-bottom:20px;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 select{
width: 100%;
padding: 5px;
border: none;
border-bottom: 1px solid #ccc;
background: transparent;
margin-bottom:20px;
font-size:18px;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 label{
font-size:18px;
font-weight:500;
text-align:left;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91::placeholder{
font-size: 16px;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 .hs-button{
background-color: var(--btn-color);
padding: 10px 30px;
font-size:18px;
font-weight:500;
border: none;
border-radius: 2px;
cursor: pointer;
color: white;
margin-top: 25px;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 li{
padding-left:0;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 li label{
color:red;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 .invalid{
border-color:red !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 .error{
border-color:red !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 .hs-error-msgs{ margin:0 !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 input::placeholder{
color:#666666 !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 select:not(:-internal-list-box):not([multiple]) option:disabled {
color:#666666 !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 select option:disabled {
color: #666666 !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 .hs-error-msg{
display:none !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 .hs-form-booleancheckbox-display{
display: flex !important;
align-items: start !important;
justify-content: start !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 .hs-form-booleancheckbox-display .hs-input{
width:10px !important;
height:10px !important;
margin: 12px 15px 0 0 !important;
}
#hsForm_679368e8-b4ff-4c17-b70e-947327beeb91 .hs-form-booleancheckbox-display span{
color:#01101d !important;
}:root {
--btn-color: #08559f;
--btn-text-color: #fff;
--primary-Text-color: #01101d;
--head-blue: #021a30;
--light--blue: #153858;
--dark-blue: #05335F;
--para-text: #666666;
--products-bg-color: #f5f5f7;
--lightGray: #fbfbfb;
--gray: #c2c2c2;
--purple: #673AB7;
--dark-gray: #333333;
}
h2{padding-bottom: 10px;}
.service-item {
position: relative; 
padding-left: 24px;
}
.service-item p {
font-size: 20px;
font-weight: 500;
position: relative; 
display: inline-block; 
color: var(--para-text);
}
.service-item p::before {
content: '';
background: url(https://dosepacker.com/wp-content/uploads/2025/04/right-check.png) no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
position: absolute;
left: -30px; 
padding-top: 35px;
}
.contact-faq ul{list-style: disc;}
.contact-faq ul li{padding-left: 0; color: var(--para-text);}
.google-map h5{color: var(--primary-Text-color);}
.google-map h6 {
display: flex;
align-items: center;
color: var(--primary-Text-color);
font-weight: 500;
}
.accordion-body ul li, .accordion-body p{font-size: 24px; }
.pharmacy-faq-section .accordion-body{border-top: 1px solid #f1f1f1;}
.product-faq .accordion-body {
border-top: 0;
}
.wrapper-container h6{font-size: 24px; font-weight: 600;}
.contact-us-form{background-color: var(--btn-text-color) !important; padding-top: 60px;}
.contact-us-form .form-content{background-color: var(--btn-text-color);}
.pharmacy-banner-section h5, .book-demo-img p{font-weight: 500; color: var(--primary-Text-color); padding: 7px 0;}
.pharmacy-faq-section .accordion-body ul{padding-left: 2rem;}
.pharmacy-faq-section .accordion-body ul li, .book-demo-img h6{list-style: disc; padding-left: 0; color: var(--para-text);}
.departments h5, .locations h5{color: var(--primary-Text-color);}
@media only screen and (max-width: 1440px) {
.wrapper-container h6{font-size: 24px; font-weight: 600;}
.accordion-body ul li, .accordion-body p{font-size: 20px; }
}
@media only screen and (max-width: 1024px) {
.customer_testimonial {padding: 0 20px 80px;}
.What-makes-us-section img{margin-bottom: 15px;} 
.What-makes-us-section {
padding: 50px 20px;
}
label{font-size: 22px;}
.pharmacy-banner-section h1 {
font-size: 36px;
}
}
@media only screen and (max-width: 991px){
.career-banner {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/contact-banner.png);
}
}
@media only screen and (max-width: 767px){
.What-makes-us-col2 {padding-left: 0px !important; padding-top: 40px;}
.contact-banner {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/contact-banner.png);
}
.contact-banner h1, .career-banner h1 {
font-size: 32px;}
.career-banner{padding:100px 20px;}
}
@media only screen and (max-width: 600px){
.what-customer-saying {
padding: 80px 0px 0px;
}
.solid-btn .transparent-btn:hover{
padding: 10px;
}
} @media only screen and (max-width: 600px) {
.customer_testimonial {
padding: 30px 0 0px 0;
}
.What-makes-us-col1 {
padding: 0px 0;
}
}
@media only screen and (max-width: 506px) {
.carousel-content {
bottom: -10px;
}
} .button-spacing{padding-top:20px;}
.buttonGroup a{
font-size: clamp(1.125rem, 1.0959rem + 0.2326vw, 1.375rem);    
font-weight: 600;
word-wrap: break-word;
border-radius: 8px;
padding: 12px 32px;
display: inline-block;
text-decoration: none;
}
.buttonGroup .button-darkLink:focus{
text-decoration: underline;
}
.buttonGroup .button-lightLink:focus{
text-decoration: underline;
}
.buttonGroup .button-primary{
background-color: var(--btn-color);
color: var(--btn-text-color);
border: 3px solid var(--btn-color);
}
.buttonGroup .button-primary:hover{
background-color: var(--dark-blue);
border: 3px solid var(--dark-blue);
transition: background-color 0.4s ease-out;
transition: border 0.4s ease-out;
}       .buttonGroup .button-secondary{
color: var(--btn-color);
background-color: var(--btn-text-color);
border: 3px solid var(--btn-text-color);
}
.buttonGroup .button-secondary:hover{
color: var(--btn-color);
background-color: #E0EAF5;
border: 3px solid #E0EAF5;
}    .buttonGroup .button-outline{
background-color: transparent;
color: var(--btn-color);
border: 3px solid var(--btn-color);   
}
.buttonGroup .button-outline:hover{
background-color: #E0EAF5;
transition: background-color 0.4s ease-out;
}
.buttonGroup .button-darkLink{
color: var(--btn-color);
padding: 12px 0;
}
.buttonGroup a.button-darkLink:hover::after{
background: url(https://dosepacker.com/wp-content/uploads/2025/04/dark-blue.png) center center / contain no-repeat;
}
.buttonGroup .button-darkLink:hover{
color: var(--dark-blue);
}
.buttonGroup .button-lightLink{
color: var(--btn-text-color);
padding: 12px 0;
margin-left: 15px;
}
.buttonGroup .button-lightLink:hover{
color: #E6E6E6;
}
.buttonGroup a.button-lightLink:hover::after{
background: url(https://dosepacker.com/wp-content/uploads/2025/04/hover-light.png) center center / contain no-repeat;
}
.buttonGroup a.light-icon::after {
content: ' ';
display: inline-block;
width: 20px;
height: 20px;
background: url(https://dosepacker.com/wp-content/uploads/2025/04/button-icon.png) center center / contain no-repeat;
margin-left: 2px;
vertical-align: middle;
}
.buttonGroup a.dark-icon::after {
content: ' ';
display: inline-block;
width: 20px;
height: 20px;
background: url(https://dosepacker.com/wp-content/uploads/2025/04/CaretDown.png) center center / contain no-repeat;
margin-left: 2px;
vertical-align: middle;
}
.second-wrapper a{
padding:12px 20px;
}
.second-wrapper .btn1{
margin-right: 0;
margin-bottom: 15px;
} .dose-slider-stack {
position: relative;
height: 500px;
width: 100%;
overflow: hidden;
}
.dose-slider-box {
position: absolute;    
left: 0;
width: 100%;
height: 100%;
border-radius: 15px;
background-color: #fff;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
transition: transform 0.5s, z-index 0.5s;
}
.dose-slider-box.box1 {
top: 0;
z-index: 3;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.10);
border-radius: 32px;
border: 1px solid #C2C2C2;
}
.dose-slider-box.box2 {
top: 20px;
z-index: 2;
transform: translateY(40px) scale(0.98);
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.10);
}
.dose-slider-box.box3 {
top: 30px;
z-index: 1;
transform: translateY(80px) scale(0.96);
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.10);
}
.dose-slider-content {
padding: 2rem;
}
.pack-img {
position: relative;
width: 100%;
max-width: 500px; height: auto;
}
.pack-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
z-index: 0;
transition: opacity 1s ease, z-index 0s linear 1s; }
.pack-img img.active {
transform: translateY(0);
opacity: 1;
z-index: 2;
} .full-height{
height: 80vh;
display: flex;
align-items: center;
} .refer-patient-banner h1{
font-size: clamp(2.25rem, 1.1499rem + 3.1042vw, 4.875rem);
} .make-switch-section{
background: linear-gradient(180deg, white 0%, #E0EBF6 100%);
padding-bottom: 0;
}
.make-switch-section h1{
color: var(--btn-color);
font-size: clamp(2.25rem, 1.1499rem + 3.1042vw, 4.875rem);
}
.make-switch-section h5{
color: var(--primary-Text-color); 
padding-top: 16px; 
padding-bottom: 16px;
font-weight: 500;
}
.manage-pharmacy{
display: block;
border-radius: 12px;
border: 1px solid #c1c7cd;
padding: 30px 24px;
margin-bottom: 30px;
}
.pharmacy-logos{
height: 140px;
}
.manage-pharmacy img{
width: 90%;
}
.manage-pharmacy .content-box h6{
font-weight: 500;
}
.manage-pharmacy .content-box label{
font-size: 20px;
font-weight: 500;
color: var(--para-text);
}
.switch-to-testimonial{
background-color: var(--btn-text-color);
background: var(--btn-text-color);
padding-top: 60px;
}
.switch-to-testimonial .what-customer-saying{
background-color: #fbfbfb;
border: 1px solid #C1C7CD;
}
.manage-pharmacy h6{
margin-bottom: 0;
}
.switch-to-faq .btn1{margin-right: 0;} @media only screen and (min-width: 1599px){
.make-switch-section p{width: 70%; margin: 0 auto;}
}
@media only screen and (min-width: 1199px){
.btn1{margin-right: 60px;}
.medication-administration .btn1{margin-right: 0px;}
}
@media only screen and (min-width:1170px) and (max-width: 1199px){
.buttonGroup a{padding: 12px 15px;}
}
@media only screen and (max-width: 1780px){
.switch-to-btn .btn1{margin-right: 10px;}
}
@media only screen and (max-width: 1600px){
.pharmacy-banner-section h1{font-size: 60px;}
.book-demo-img img {max-width: 140px;}
.referral-form-section p, .referral-form-section p a{
font-size: 20px;
}
.pharmacy-logos{height: 100px;}
.manage-pharmacy img{
width: 100%;
}
.switch-to-btn a{padding: 12px 10px;} 
}
@media only screen and (max-width: 1320px){
.switch-to-btn .btn1 {margin-bottom: 15px;}
}
@media only screen and (max-width: 1048px){
.button-spacing .btn1 {margin-bottom: 15px;}
}
@media only screen and (max-width: 991px){
.buttonGroup a{padding: 12px 5px;}
.switch-to-btn a{padding: 12px 20px;} 
}
@media only screen and (max-width: 767px){
.mobile-background{height: 91vh;}
.buttonGroup a{padding: 12px 25px;}
.dark-bg-btn .button-outline{color:var(--btn-text-color); border-color:var(--btn-text-color);}
.dark-bg-btn .button-outline:focus{
color:var(--btn-color);
border: 3px solid var(--btn-color);
}
.statsScroll-section .mobile-background, .improve-section .mobile-background, .optimize-medication .mobile-background, .drug-destruction-img .mobile-background{height:100%;}
.why-switch-dosepacker .adherence-content .card{border-bottom: 0;}
.why-switch-dosepacker .card-text {font-size: 18px;}
.switch-mobile-padding{padding-top: 0;}
.cc-product-card img{
height: 140px;
width: auto;
}
.pharmacy-logos{height:120px;}
.mobile-manage-medication{
padding-bottom:80px;
}
.request-from-section{padding: 30px 10px;}
.refer-patient-banner{
background-image: none;
background: linear-gradient(0deg, #FBFBFB 0%, #E0EAF5 50%);
padding: 30px 20px;
}
.referral-form{
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
}
.request-from-section p{
font-size: 18px;
}
}
@media only screen and (max-width: 600px){
.buttonGroup .button-lightLink{margin-top:15px;}
.make-switch-section h5{font-size: 22px;}
.make-switch-section p{font-size: 18px;}
.why-switch-dosepacker{padding: 40px 0;}
.why-switch-container{padding: 0 20px;}
.switch-to-testimonial .what-customer-saying{
background-color: white;
border: none;
padding-top: 0;
}
.manage-pharmacy h6{font-size: 22px;}
}
@media only screen and (max-width: 460px){
.button-spacing .btn1 {margin-bottom: 15px;}
}
@media only screen and (max-width: 350px){
.buttonGroup a{margin-top: 10px}
}:root {
--btn-color: #08559f;
--btn-text-color: #fff;
--primary-Text-color: #01101d;
--head-blue: #021a30;
--light--blue: #153858;
--dark-blue: #05335F;
--para-text: #666666;
--products-bg-color: #f5f5f7;
--lightGray:#fbfbfb;
--gray: #c2c2c2;
--purple:#673AB7;
--dark-gray:#333333;
--cc-purple: #371377;
--cc-btn: #673AB7;
} .cp-banner{
background-color: #E0EAF5;
}
.cp-banner-content {
opacity: 0;
animation: slideUp 0.4s ease-out 1.25s forwards; 
transform: translateY(100px); 
padding: 70px 20px 120px 20px;
}
.cp-banner-content h1{
font-size: clamp(1.5rem, 0.5571rem + 2.6608vw, 3.75rem);
}
.product_banner h5{
font-weight: 400;
color: var(--para-text);
}
@keyframes slideUp {
0% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translateY(0); }
}
.doorstep-section {
background: url(https://dosepacker.com/wp-content/uploads/2025/06/DosePack-delivered-doorsteps-scaled.png) no-repeat center/cover;
background-color: #fff;
}
.doorstep-section .container {
max-width: 1200px;
margin: 0 auto;
}
.doorstep-wrapper {
display: flex;
justify-content: flex-start;
}
.doorstep-content .highlight {
color: #0b61d8;
}
.doorstep-features {
display: flex;
gap: 0rem;
flex-wrap: wrap;
margin-bottom: 2rem;
margin-top: 2rem;
}
.icon-line {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.icon-line img {
width: 52px;
height: auto;
}
.icon-line hr {
flex-grow: 1;
border: none;
border-top: 1.5px solid #cfd3dc;
margin: 0;
}
.feature-box h6 {
font-weight: 600;
font-size: 28px;
margin-bottom: 0.5rem;
}
.feature-box p {
font-size: 20px;
color: #666666;
line-height: 1.5;
}
.footer-text {
color: var(--para-text);
font-weight: 400;
margin-bottom: 1rem;
}
.footer-text a {
text-decoration: none;
font-weight: 400;
color: var(--btn-color);
} @media (max-width: 992px) {
.doorstep-wrapper {
flex-direction: column;
}
.doorstep-content {
max-width: 100%;
}
.doorstep-section {
background: none;
}
} .integrated-software-product {
padding: 60px 60px 0px 60px;
background-color: var(--products-bg-color);
}
.integrated-software-product .content-col {
padding-bottom: 50px;
display: flex;
justify-content: center;
flex-direction: column;
}
.integrated-software-product .content-col .products-btn {
width: 200px;
margin: 10px auto;
}
.integrated-software-product .content-col img {
margin: 0 auto 40px auto;
}
.integrated-software-product .img-col img .show {
width: 70%;
height: auto;
}
.integrated-software-product .img-col img {
width: 70%;
height: auto;
}
.integrated-software-product .content-col .center-align {
text-align: center;
}
.full-bleed-image img {
height: 30px;
width: 100%;
} .care-home-medication {
padding: 100px 60px;
} .intelligent-med-room-product {
background-color: var(--products-bg-color);
padding: 0px 60px 60px 60px;
}
.intelligent-med-room-product .img-col img {
float: left;
width: 80%;
height: auto;
}
.intelligent-med-room-product .content-col {
margin: auto 0;
padding: 40px 0;
}
@media (max-width: 400px) {
.intelligent-med-room-product {
padding: 40px 20px;
}
.intelligent-med-room-product .img-col img {
float: right;
width: 100%;
height: auto;
}
} .intelligent-med-cart-product {
padding: 100px 60px;
}
.intelligent-med-cart-product .img-col img {
float: right;
width: 400px;
}
.intelligent-med-cart-product .content-col {
margin: auto 0;
}
@media (max-width: 992px) {
.intelligent-med-cart-product .img-col img {
float: right;
width: 80%;
height: auto;
}
}
@media (max-width: 400px) {
.intelligent-med-cart-product {
padding: 40px 20px;
}
.intelligent-med-cart-product .img-col img {
float: right;
width: 100%;
height: auto;
}
} .smart-med-box-product {
padding: 100px 60px;
background: linear-gradient(to bottom, #f5f5f7 40%, #e0eaf5 100%);
}
.smart-med-box-product .img-col .intelligent-cart-image {
float: left;
width: 400px;
}
.smart-med-box-product .content-col {
margin: auto 0;
}
.products-form-section .products-form-row {
display: flex;
justify-content: space-evenly;
}
@media (max-width: 992px) {
.products-form-section .products-form-row {
display: flex;
justify-content: left;
}
.products-form-section .tab-bg-image {
height: 650px !important;
width: auto !important;
background-position: top !important;
}
}
@media (max-width: 600px) {
.products-form-section .products-form-para {
font-size: 20px !important;
color: var(--btn-text-color) !important;
padding: 0 !important;
}
.products-form-section .products-h2 {
color: var(--btn-text-color) !important;
}
} .pharmacy-banner-section {
padding: 100px 60px 0 60px;
background: linear-gradient(90deg, #fbfbfb 0.89%, #e9f5e9 50.67%);
}
.pharmacy-banner-section .pharmacy-banner-image-col {
background-image: url(//dosepacker.com/wp-content/themes/dosepacker/images/vibrantCare/Hero Section.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
}
.pharmacy-banner-section .banner-logo {
margin-bottom: 30px;
max-width: 300px;
}
.pharmacy-banner-section .banner-logo img{width: 100%;}
.pharmacy-banner-section .hidden-image img {
display: none;
} .pharmacy-location-section {
padding: 70px 60px;
}
.pharmacy-location-section h5 {
margin-bottom: 20px;
}
.pharmacy-location-section .ul-container .row {
display: flex;
justify-content: left;
align-items: start;
margin-bottom: 5px;
flex-wrap: wrap;
}
.pharmacy-location-section .col-md-5 .wrapper-container {
padding-left: 35px;
}
.pharmacy-location-section .col-md-4 {
padding-left: 40px;
}
.pharmacy-location-section .col-md-4 h4 {
font-size: 24px;
color: var(--primary-Text-color);
font-weight: 600;
margin-bottom: 15px;
}
.pharmacy-location-section .pharmacy-map {
border-radius: 15px;
border: 1px solid #ccc;
}
.map-container {
position: relative;
width: 100%;
}
.pharmacy-map {
width: 100%;
height: 100%;
}
.google-map {
position: absolute;
top: 50%;
right: 60px;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 1);
padding: 20px 30px;
width: 580px;
border-radius: 16px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.google-map hr {
margin: 0.6rem 0;
}
.google-map h4 {
display: flex;
align-items: center;
color: var(--primary-Text-color);
}
.map-container iframe {
border-radius: 16px;
}
.google-map h3 {
font-weight: 600;
color: var(--primary-Text-color);
}
.google-map p {
margin-bottom: 0.1rem;
color: rgba(102, 102, 102, 0.5);
font-size: 20px;
font-weight: 500;
}
.google-map p a {
color: rgba(102, 102, 102, 0.5);
font-size: 20px;
font-weight: 500;
}
.google-map img {
width: 20px;
margin-right: 10px;
}
.google-map hr {
height: 2px;
color: rgba(5, 51, 95, 0.13);
}
.ph-divider {
margin: 0 20px;
color: rgba(102, 102, 102, 0.5) !important;
}
.service-list .service-item h5 {
display: flex;
align-items: center;
padding-bottom: 20px;
}
.service-list .service-item:last-of-type h5 {
padding-bottom: 0;
}
.service-list h5 {
color: var(--para-text);
margin: 0;
padding-left: 24px;
position: relative;
}
.pharmacy_address {
text-decoration: none;
}
.service-list h5::before {
content: "";
background: url(//dosepacker.com/wp-content/themes/dosepacker/images/vibrantCare/right-check.png) no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 4px;
}
@media (max-width: 1600px) {
.google-map{width: 500px; } 
}
@media (max-width: 1440px) {
.google-map p{
font-size:20px;
} 
}
@media (max-width: 1300px) {
.google-map {
width: 90%;
right: 10px;  }
}
@media (max-width: 767px) {
.pharmacy-location-section {
padding: 60px 20px;
}
.pharmacy-location-section .col-md-5 .wrapper-container {
padding-left: 0px;
}
.pharmacy-location-section .pharmacy-map {
margin-bottom: 25px;
}
.pharmacy-location-section .col-md-4 .col-lg-6 > .row > * {
width: fit-content !important;
}
} .pharmacy-about-us {
padding: 50px 60px;
}
.pharmacy-about-us .img-col img {
width: 100%;
height: auto;
} .pharmacy-our-solutions {
padding: 100px 60px;
}
@media (max-width: 767px) {
.pharmacy-our-solutions {
padding: 40px 20px;
}
} .pharmacy-faq-section .accordion-item {
border: none;
border-bottom: 2px solid #ccc;
}
.pharmacy-faq-section .accordion-button:focus {
z-index: 3;
border-color: none;
outline: 0;
box-shadow: none;
}
.pharmacy-faq-section .accordion-body {
padding: 0rem 0;
}
.pharmacy-faq-section .col-md-5 {
display: flex;
justify-content: right;
align-items: center;
}
@media (max-width: 1100px) {
.pharmacy-faq-section .col-md-5 .box {
width: 100%;
min-height: 75%;
}
}
@media (max-width: 992px) {
.pharmacy-faq-section .col-md-5 .box .small-para {
font-size: 18px;
}
}
@media (max-width: 475px) {
.pharmacy-faq-section .col-md-5 .box {
width: 100%;
height: 100%;
padding: 10px;
}
.pharmacy-location-section .row {
flex-direction: column;
}
.book-demo-img {
padding-left: 0px !important;
}
.book-demo-content {
border: none !important;
border-bottom: 2px solid #b9b9b9 !important;
padding-bottom: 35px !important;
}
} .pharmacy-our-pharmacies,
.smartCare-products {
overflow-x: hidden;
}
.pharmacy-our-pharmacies .swiper-container,
.smartCare-products .swiper-container {
width: 100%;
}
.pharmacy-our-pharmacies .swiper-container .swiper-slide,
.smartCare-products .swiper-container .swiper-slide {
border: 2px solid #ddd;
border-radius: 12px;
text-align: center;
min-height: 20rem;
}
.pharmacy-our-pharmacies .swiper-container .image-box,
.smartCare-products .swiper-container .image-box {
height: 140px;
width: auto;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 20px;
}
.image-box img {
width: 250px;
margin: 20px 0;
float: left;
}
.swiper-container .content-box {
text-align: left;
padding: 20px;
}
.swiper-container .content-box h4 {
margin-bottom: 0;
}
.fa-angle-right {
font-weight: bold;
}
@media (max-width: 1440px) {
.pharmacy-location-section .row .li-text {
font-size: 17px;
}
.pharmacy-location-section .col-md-4 {
padding-left: 20px;
}
.pharmacy-banner-section {
padding: 80px 60px;
}
} .book-demo { background-color: #f2f8ff;
}
.book-demo-img img {
max-width: 200px;
width: 90%;
margin-bottom: 30px;
}
.book-demo-content {
padding-right: 50px;
}
.book-demo-img {
padding-left: 50px;
} @media (min-width: 1199px) {
.pharmacy-our-blogs .multi-blog-col {
padding-left: 22px;
}
}
.pharmacy-our-blogs .small-para-white {
font-size: 20px;
font-weight: 500;
line-height: 27px;
color: var(--btn-text-color);
}
@media (max-width: 1199px) {
.pharmacy-our-blogs .relative-col {
height: 700px;
width: 100%;
background-position: left center;
}
.pharmacy-our-blogs .multi-blog-col {
margin-top: 45px;
}
}
.book-demo-img .row {
display: flex; }
.book-demo-img .col-divider{
position: relative;
}
.book-demo-img .col-divider:not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2px;
background-color: #ccc;
}
.vendor-details{padding-left: 50px;}
@media all and (min-width: 1400px) {
.a-list-tools-banner-section .products-para {
font-size: 32px;
}
.pharmacy-solution-content {
padding-right: 80px;
}
.content-div {
padding-right: 140px;
}
}
.vertical-divider {
border-right: 2px solid #b9b9b9;
} .pharmacy-banner-section {
padding: 120px 60px 120px 60px;
background-position: center right;
background-size: cover;
background-repeat: no-repeat;
} .vibrant-care-banner {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/vibrantcare-pharmacy.png);
}
.dolphin-banner {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/dolphin-pharmacy-banner.png);
}
.verdugo-banner {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Hero-Section.png);
}
.premier-pharmacy-banner {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/premier.png);
}
.solvera-pharmacy-banner {
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/solvera.png);
}
.vibrant-care-banner .pharmacy-banner-section .pharmacy-banner-image-col {
background-image: none !important;
}
.pharmacy-solution-content{background-color: white; padding-bottom: 15px;}  .vertical-timeline {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin-right: 20px;
}
.timeline-step img {
width: 32px;
height: 32px;
background-color: white;
z-index: 1;
}
.timeline-line {
width: 2px;
height: 100%; 
background: linear-gradient(to bottom, #cfcfcf 0%, #cfcfcf 90%, transparent 90%);
position: relative;
}
@media screen and (min-width: 768px) {
.vertical-timeline {
display: none;
align-items: flex-start;
}
} @media only screen and (max-width: 1600px) {
.feature-box h6{
font-size: 20px;
}
}
@media only screen and (max-width: 1440px) {
.footer-text a {
font-size: 20px;
}    
}
@media (max-width: 991px) {
.intelligent-med-room-product .img-col img {
float: right;
width: 80%;
height: auto;
}
.book-demo-img{
padding-left: 0;
padding-top: 50px;
}
.pharmacy-banner-section{background-position: left;}
}
@media (max-width: 767px) {
.doorstep-features .feature-box p{font-size: 18px;}
.doorstep-section{padding: 40px 0;}
.doorstep-features{margin-top:40px;}
.cp-doorstep-section .doorstep-features{margin-bottom: 0;}
.desktop-doorstep-features{display: none;}
.feature-box {
padding-bottom: 10px;
display: flex;
}
.doorstep-content h2 span{
display: inline-block;
}
.mobile-doorstep-design{display: flex; padding: 0 30px;} 
.integrated-mobile-product {
padding: 0;
}
.main-content-col{padding: 10px 20px 40px}
.integrated-mobile-product .content-col {
padding: 40px 20px 0px 20px;
}
.integrated-mobile-product .img-col img {
float: left;
}
.pharmacy-banner-section {
padding: 0 !important;
background-position: center top !important;
}
.pharmacy-banner-section .pharmacy-banner-image-col {
display: none;
}
.pharmacy-banner-section .hidden-image img {
display: block;
height: 350px;
width: auto;
float: left;
}
.pharmacy-banner-section h5 {
font-size: 24px;
}
.pharmacy-banner-section .banner-logo img {
width: 220px;
margin-top: 20px;
}
.pharmacy-banner-section .main-row { }
.pharmacy-banner-section .products-btn-secondary{
border: solid 3px var(--btn-color);
color: var(--btn-color);
}
.google-map p{font-size:18px;}
.pharmacy-our-pharmacies,
.smartCare-products {
padding: 60px 20px;
}
.vibrant-care-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-vibrant-banner.png);
}
.dolphin-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-dolphin-banner.png);
}
.premier-pharmacy-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/bck.png);
}
.solvera-pharmacy-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-solvera-banner.png);
}
.verdugo-banner{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/bck.png);
}
.smart-med-box-product {
padding: 40px 20px;
}
.intelligent-med-cart-product {
padding: 40px 20px;
}
.intelligent-med-cart-product .img-col img {
float: right;
width: 300px;
height: auto;
}
.intelligent-med-room-product {
padding: 40px 20px;
}
.intelligent-med-room-product .img-col img {
float: right;
width: 300px;
height: auto;
}
.care-home-medication {
padding: 40px 20px;
}
.care-home-medication .img-col img {
float: left;
margin-top: 40px;
}
.integrated-software-product {
padding: 40px 20px 0 20px;
}
.integrated-software-product .img-col img {
width: 100%;
height: auto;
}
.google-map p a, .google-map p  span{font-size: 18px;}
.pharmacy-about-us {padding: 0px;} .pharmacy-about-us .content-div{padding: 0px 20px;}
.main-content-col img{width: 75%; margin: 0 auto;}
}
@media (max-width: 500px){
.main-content-col img{width: 100%; margin: 0 auto;}
.mobile-doorstep-design{display: flex; padding: 0 20px;}
}.share-btn {
background-color: #007bff;
color: white;
padding: 10px 18px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
} .social-share-modal {
display: none;
position: fixed;
z-index: 1000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 100%;
max-width: 700px;
height: 20rem;
border-radius: 10px;
box-shadow: 0 8px 30px rgba(0,0,0,0.2);
padding: 20px;
}
.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding: 10px;
}
.modal-header h3 {
margin: 0;
font-size: 28px;
}
.socials-close-btn {
background: none;
border: none;
font-size: 46px;
cursor: pointer;
margin-top: -36px;
}
.share-link-section {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.share-link-section input {
flex: 1;
padding: 8px;
border: 1px solid #ccc;
border-radius: 6px;
}
.socials-copy-btn {
padding: 8px 12px;
background: var(--btn-color);
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
}
.share-options {
display: flex;
justify-content: space-around;
gap: 15px;
}
.share-options a {
text-align: center;
text-decoration: none;
color: black;
font-size: 14px;
}
.share-options img {
width: 40px;
height: 40px;
margin-bottom: 6px;
}
.overlay {
display: none;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
}
.blog-listing{
padding-left: 0;
padding-right: 0;
}
.blog-listing img{
border-radius: 20px;
}
.blog-content-section h2.active{
padding-top:100px;
}
.responsive-table {
width: 100%;
overflow-x: auto;
}
.responsive-table table {
width: 100%;
border-collapse: collapse;
min-width: 600px;
}
.responsive-table th, .responsive-table td {
border: 1px solid #ccc;
padding: 12px 15px;
vertical-align: top;
text-align: left;
color: var(--primary-Text-color);
}
.responsive-table td{
font-size: 18px;
font-weight: 400;
}
.responsive-table td a{
font-size: 18px;
}
.responsive-table th {
background-color: #f3f3f3;
font-weight: bold;
color: var(--primary-Text-color);
font-size: 20px;
} .plain-gray-text{
text-decoration: none !important;
color: var(--para-text) !important;
}
.blog-details-page .blog-details-list{
list-style: disc;
padding: 0;
display: flex;
align-items: self-end;
justify-content: flex-start;
column-gap: 50px;
width: 58%;
}
.blog-details-page .blog-details-list li {
position: static;
padding-left: 0px;
color: var(--para-text) !important;
}
.blog-details-section a{
color: var(--para-text) !important;
text-decoration: none !important;
}
.blog-details-section li{
color: var(--para-text) !important;
text-decoration: none !important;
}
.blog-details-page .share-link-img{
width: 25px;
height: auto;
cursor: pointer;
}
.list-style-none{
list-style: none ;
}
.base-hr-component{
width: 100%;
height: 1px;
background: var(--gray);
}     .blog-content-section .blog-content-col .second-wrapper .products-btn{
margin: 0 0 15px 0 !important;
}
.grow-your-pharmacy-business{
padding: 40px;
background: #E0EAF5;
border-radius: 10px;
}
@media (max-width:1024px) {
.blog-details-list{
width: 100% !important;
}
.blog-content-section .blog-content-col .second-wrapper a{
font-size: 17px !important;
margin: 0 !important;
}
}
@media (max-width: 767px) {
.blog-details-list{
column-gap: 18px !important;
width: 100% !important;
}
.blog-details-list li{
font-size: 14px !important;
}
.blog-details-page .bradrumb-navs li,
.blog-details-page .bradrumb-navs a{
font-size: 16px !important;
}
.blog-content-section{
padding: 40px 20px !important;
}
.table-of-content-col{
display: none !important;
}
.social-share-modal{
max-width: 390px;
}
.grow-your-pharmacy-business{
padding: 20px;
}
.blog-content-section .blog-content-col .products-btn-secondary{
margin-top: 0 !important;
}
.blog-content-section .blog-content-col .second-wrapper{
flex-direction: row;
column-gap: 15px ;
align-items: start ;
justify-content: center;
}
.blog-content-section .blog-content-col .second-wrapper a{
font-size: 15px !important;
margin: 0 !important;
}
.share-options img {
width: 35px;
height: 35px;
margin-bottom: 6px;
}
.share-options {
justify-content: space-between;
align-items: start;
flex-wrap: wrap;
columm-gap:10px;
}
}.navbar {
background-color: #f8f9fa;
padding: 10px 20px;
}
.navbar-brand {
font-size: 24px;
font-weight: bold;
}
.navbar-nav a {
position: relative;
}
.navbar-nav a::after {
content: "";
display: block;
margin: auto;
width: 0;
height: 4px;
background: #232323;
margin-top: 5px;
transition: width 0.3s linear;
}
.navbar-nav a:hover::after {
width: 70%;
}
.sidebar {
position: fixed;
top: 0;
left: -75%;
width: 70%;
height: 100vh;
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
color: #232323 !important;
transition: 0.3s;
z-index: 10000;
padding: 30px 15px;
}
.sidebar.show {
left: 0;
}
.sidebar-overlay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.sidebar-overlay.show{
display: block;
}
.sidebar .inner-sidebar-wrapper {
height: 90% !important;
padding-bottom: 25px;
overflow-y: scroll;
scrollbar-width: none; }
.sidebar .inner-sidebar-wrapper::-webkit-scrollbar {
display: none; }
.sidebar .accordion-button:not(.collapsed) {
color: #232323 !important;
background-color: none !important;
box-shadow: none !important;
}
.sidebar a {
color: #232323;
text-decoration: none;
}
.sidebar a:hover {
color: #232323;
}
.sidebar .no-toggle-item .accordion-button::after {
display: none !important;
}
.menu-btn {
font-size: 24px;
cursor: pointer;
}
.sticky-header {
position: sticky;
top: 0;
z-index: 1020;
width: 100%;
}
.products-bar {
position: fixed;
top: 7% !important;
left: 0;
width: 100%;
background: #fff;
z-index: 999;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 35px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transform: translateY(-200%);
overflow: hidden; transition: transform 1.2s ease;
padding: 3%;
}
.products-bar .main-wrapper {
width: 100%;
}
.products-bar.show {
padding: 3%;
transform: translateY(0);
}
.product-listing img {
width: 50px;
height: 50px;
}
.product-listing {
display: flex;
justify-content: flex-start;
gap: 10px;
text-decoration:none !important;
}
.product-listing h6 {
font-size: 1.3rem;
font-weight: 500;
text-align: left;
}
.products-bar .products-list {
display: flex;
justify-content: center;
align-items: stretch;
}
.products-bar .items-box {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.header-btn {
background: transparent;
color: #232323;
border: 2px solid #232323;
padding: 10px 15px;
border-radius: 10px;
cursor: pointer;
}
.header-btn a {
color: #232323;
font-size: 16px !important;
text-decoration: none;
}
.solutions-bar {
position: fixed;
top: 7% !important;
left: 0;
width: 100%;
background: #fff;
z-index: 999;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 35px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transform: translateY(-200%);
overflow: hidden; transition: transform 1.2s ease;
padding: 3%;
}
.solutions-bar .main-wrapper {
width: 100%;
}
.solutions-bar.show {
padding: 3%;
transform: translateY(0);
}
.solutions-bar .products-list {
display: flex;
justify-content: space-around;
flex-direction: column;
align-items: stretch;
}
.solutions-bar .items-box {
width: 100%;
display: flex;
justify-content: space-between;
}
.solutions-bar .product-listing {
width: 20% !important;
text-decoration:none !important;
}
.products-list p {
font-weight: 500;
font-size: 18px;
}
.mobile-header-logo {
width: 220px;
float: left;
}
@media (max-width: 1440px) {
.products-bar {
top: 11% !important;
}
.solutions-bar {
top: 11% !important;
}
.products-list p {
font-size: 14px;
}
.product-listing img {
width: 40px;
height: 40px;
}
.products-bar .left-col p{
font-size: 16px !important;
}
.solutions-bar .left-col p{
font-size: 16px !important;
}
}
@media (max-width: 767px) {
.sidebar {
left: -85%;
width: 82%;
}
.sidebar .accordion-body .sm-sub-heading a{
font-size: 18px !important;
font-weight: 500;
margin: 15px 0;
}
.sidebar .accordion-body a{
font-size: 16px !important;
font-weight: 500;
margin: 15px 0;
}
} #consent-banner { width: 75%;
position: fixed;
bottom: 5%;
left: 5%;
right: 0;
background-color: #f8f9fa;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.4);
color: black;
padding: 20px;
padding-top: 25px;
font-size: 14px;
text-align: center;
z-index: 9999;
border-radius: 15px;
}
#consent-banner a{
color:blue;
text-decoration:underline !important;
}
#consent-banner .consent-cross-btn{
height:30px !important;
}
.consent-coookie-img{
width:60px !important;
height:60px !important; background: #ccc;
padding: 5px;
border-radius: 50%;
box-shadow: 0 4px 10px rgba(204, 204, 204, 0.4);
margin-top: -17%;
margin-bottom: 11%;
}
#consent-banner h3{
font-size:1.1rem;
margin:10px 0;
color: black;
}
#consent-banner p , #consent-banner a {
font-size: 0.9rem !important;
color: black;
}
#consent-banner button {
margin: 0 5px !important;
padding: 10px 20px;
border: none !important;
cursor: pointer !important;
}
#consent-banner button{
background-color: #565F5E;
color: white;
border: none;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
width: 170px;
}
#consent-banner .consent-para{
margin-bottom:15px;
}
#reject-cookies-cross{
width:20px !important;
height:auto !important;
float:right !important;
padding:5px !important;
background:none !important;
}
#reject-cookies-cross img{
width:15px;
}
#consent-banner .mainWrapper{
display: flex;
}
#consent-banner #accept-cookies{
margin-bottom:20px !important;
}
#consent-banner .content-wrapper{
width: 75%;
text-align:left;
}
#consent-banner .btn-container-wrapper{
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
}
@media(max-width:1440px){
.consent-coookie-img {
margin-top: -22%;
}
#consent-banner { width: 85%;
}
#consent-banner h3{
font-size:1rem !important;
margin:10px 0;
color: black;
}
#consent-banner p , #consent-banner a {
font-size: 0.8rem !important;
color: black;
}
}
@media(max-width:1024px){
#consent-banner {
position: fixed !important;
top: 500px !important;
z-index: 1000 !important;
}
}
@media(max-width:600px){
#consent-banner {
width: 100% !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: auto !important;
position: fixed !important;
z-index: 1000 !important;
height: auto !important;
padding: 20px 15px !important;
border-radius: 0 !important;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.4);
}
#consent-banner p {
font-size: 1rem !important;
}
#consent-banner h3 {
font-size: 1rem !important;
}
#consent-banner p,
#consent-banner a{
font-size: 0.85rem !important;
}
#consent-banner .mainWrapper {
flex-direction: column;
}
#consent-banner .content-wrapper {
width: 100% !important;
}
.consent-coookie-img{
display:none !important;
}
#consent-banner .btn-container-wrapper {
width:100% !important;
flex-direction: row !important;
align-items: start !important;
}
}@media only screen and (min-width: 501px) and (max-width: 767px){
.tablet_content{
display:block;
}
.vial-banner .mobile_content{
display: none;
}
}
@media only screen and (max-width: 600px){
.vial-content p {
font-size: 18px;
}
}
@media (max-width: 991px){
.Sustainability,  .medication-administration {
padding: 50px 0;
}
.easy-use-vial-video{width: 80%;}
.video-responsive-row{height: 127vh;}
.video-responsive-content{height: 127vh;}
}
@media only screen and (max-width: 700px) {
.easy-use-vial-video{width: 100%;}
.video-responsive-row{height: 126vh;}
.video-responsive-content{height: 125vh;}
}
@media only screen and (max-width: 1199px) {
}.all-pharmacy-page .main-row {
justify-content: center;
}
.all-pharmacy-page .search-bar-wrapper {
display: flex;
align-items: center;
background: white;
border-radius: 50px;
padding: 15px 25px;
border: 1px solid #c1c7cd;
}
.pharmcies-tabs .tabs-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
}
.all-pharmacy-page .search-bar-wrapper i {
color: var(--btn-color);
font-size: 18px;
margin-right: 10px;
}
.all-pharmacy-page .search-input {
flex: 1;
border: none;
outline: none;
}
.all-pharmacy-page .search-input::placeholder {
font-size: 20px;
}
.all-pharmacy-page .search-button {
padding: 8px 18px !important;
margin-top: 0 !important;
border-radius: 28px !important;
}
.all-pharmacy-page .search-button:hover {
background-color: #084c8d;
}
.pharmcies-tabs .tabs {
list-style: none;
display: flex;
justify-content: start;
column-gap: 15px;
}
.pharmcies-tabs .tab-content-rows {
display: flex; flex-wrap: wrap; gap: 20px; }
.pharmcies-tabs .tab-content-rows .shadow-box {
border-radius: 24px;
border: 1px solid #c2c2c2;
background: #fff;
box-sizing: border-box; margin: 0;
flex: auto !important;
padding: 25px;
transition: all 0.2s ease;
width: calc(50% - 10px); }
.pharmcies-tabs .tab-content-rows .shadow-box{
width: calc(50% - 10px); }
.pharmcies-tabs .clone-tab-content-rows{
display: block !important;
}
.pharmcies-tabs .clone-tab-content-rows.hideLocationBox{
display: block !important;
}
.pharmcies-tabs .clone-tab-content-rows.hideContent{
display: none;
}
.pharmcies-tabs .original-tab-content-rows .shadow-box:last-child{
visibility: hidden;
height: 0;
padding: 0;
}
.pharmcies-tabs .tab-content-rows .shadow-box:hover {
border-color: var(--btn-color);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.pharmcies-tabs .tab-content-rows .shadow-box .innerFlexWrapper {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.pharmcies-tabs .innerFlexWrapper .firstWrapper {
width: 59%;
}
.pharmcies-tabs .innerFlexWrapper .firstWrapper p {
line-height: 1.6rem;
}
.pharmcies-tabs .tab-content-rows .shadow-box .detailsWrapper {
display: flex;
column-gap: 15px;
width: 100%;
margin-top: 1.4rem;
align-items: start;
}
.pharmcies-tabs .innerFlexWrapper .secondWrapper {
width: 39%;
}
.pharmcies-tabs .innerFlexWrapper .secondWrapper .box-logo-img {
width: 88%;
height: auto;
float: right;
}
.pharmcies-tabs .tab-content-rows .shadow-box.hideLocationBox{
display: none ;
}
.pharmcies-tabs .location-title {
margin-bottom: 0.8rem;
color: var(--primary-Text-color);
}
.our-pharmacies-products .main-row{
justify-content: space-between !important;
column-gap: 5%;
}
.our-pharmacies-products .wrapper-box{
border-radius: 24px;
border: 1px solid #c2c2c2;
background: #f3f3f3;
box-sizing: border-box; padding: 0;
}
.our-pharmacies-products .wrapper-box .content-col{
padding: 30px;
padding-bottom: 50px;
}
.our-pharmacies-products .wrapper-box .content-col p{
line-height: 1.6rem;
}
.our-pharmacies-products .wrapper-box .img-col{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 20rem;
}
.our-pharmacies-products .wrapper-box .img-col-1{
border-top-left-radius: 24px;
border-top-right-radius: 24px;
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Frame-1000007626.png);
}
.our-pharmacies-products .wrapper-box .img-col-2{
border-top-left-radius: 24px;
border-top-right-radius: 24px;
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/Frame-1000007626-1.png);
}
.clone-items-section.hideContent{
padding: 0;
display: none;
} @media (max-width:1024px) {
.pharmcies-tabs .tab-content-rows .shadow-box .innerFlexWrapper {
flex-direction: column-reverse;
}
.pharmcies-tabs .innerFlexWrapper .firstWrapper,.pharmcies-tabs .innerFlexWrapper .secondWrapper {
width: 100%;
}
.pharmcies-tabs .innerFlexWrapper .secondWrapper .box-logo-img {
width: 240px;
float: left;
}
.pharmcies-tabs .full-fledge{
width: 100%;
}
.pharmcies-tabs .tabs-wrapper {
justify-content: flex-start;
}
}
@media (max-width:767px) {
.pharmcies-tabs .tabs {
width: 100%;
overflow-x: scroll;
}
.pharmcies-tabs li{
text-align: center;
flex: 0 0 180px;
font-size: 1rem !important;
display: flex;
justify-content: center;
align-items: center;
padding: auto 0;
}
.pharmcies-tabs .tab-content-rows .shadow-box {
width:100%;
}
.our-pharmacies-products .main-row {
row-gap: 35px;
}
.clone-items-section{
padding: 30px !important;
}
.get-support-section{
background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/106291-2.png) !important;
}
.get-support-section .abs-wrapper{
left: 0;
width: 100%;
padding: 0 20px;
}
.get-support-section .abs-wrapper label{
color: var(--btn-text-color) !important;
}
.our-pharmacies-products .wrapper-box .content-col {
padding: 15px;
padding-bottom: 50px;
}
.our-pharmacies-products .main-row {
flex-direction: column;
}
} .plain-gray-text{
text-decoration: none !important;
color: var(--para-text) !important;
}
.blog-details-page .blog-details-list{
list-style: disc;
padding: 0;
display: flex;
align-items: self-end;
justify-content: flex-start;
column-gap: 50px;
width: 58%;
}
.blog-details-page .blog-details-list li {
position: static;
padding-left: 0px;
color: var(--para-text) !important;
}
.blog-details-section a{
color: var(--para-text) !important;
text-decoration: none !important;
}
.blog-details-section li{
color: var(--para-text) !important;
text-decoration: none !important;
}
.blog-details-page .share-link-img{
width: 25px;
height: auto;
}
.list-style-none{
list-style: none ;
}
.base-hr-component{
width: 100%;
height: 1px;
background: var(--gray);
}
.blog-content-section .blog-content-col .second-wrapper .products-btn{
margin: 0 0 15px 0 !important;
}
.grow-your-pharmacy-business{
padding: 40px;
background: #E0EAF5;
border-radius: 10px;
}
@media (max-width:1024px) {
.blog-details-list{
width: 100% !important;
}
.blog-content-section .blog-content-col .second-wrapper a{
font-size: 17px !important;
margin: 0 !important;
}
}
@media (max-width: 767px) {
.blog-details-list{
column-gap: 18px !important;
width: 100% !important;
}
.blog-details-list li{
font-size: 14px !important;
}
.blog-details-page .bradrumb-navs li,
.blog-details-page .bradrumb-navs a{
font-size: 16px !important;
}
.blog-content-section{
padding: 0 20px !important;
}
.table-of-content-col{
display: none !important;
}
.social-share-modal{
max-width: 390px;
}
.grow-your-pharmacy-business{
padding: 20px;
}
.blog-content-section .blog-content-col .products-btn-secondary{
margin-top: 0 !important;
}
.blog-content-section .blog-content-col .second-wrapper{
flex-direction: row;
column-gap: 15px ;
align-items: start ;
justify-content: center;
}
.blog-content-section .blog-content-col .second-wrapper a{
font-size: 15px !important;
margin: 0 !important;
}
} .share-btn {
background-color: #007bff;
color: white;
padding: 10px 18px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
} .social-share-modal {
display: none;
position: fixed;
z-index: 1000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 100%;
max-width: 700px;
height: 20rem;
border-radius: 10px;
box-shadow: 0 8px 30px rgba(0,0,0,0.2);
padding: 20px;
}
.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.modal-header h3 {
margin: 0;
}
.close-btn {
background: none;
border: none;
font-size: 22px;
cursor: pointer;
}
.share-link-section {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.share-link-section input {
flex: 1;
padding: 8px;
border: 1px solid #ccc;
border-radius: 6px;
}
.copy-btn {
padding: 8px 12px;
background: #28a745;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
}
.share-options {
display: flex;
justify-content: space-around;
gap: 15px;
}
.share-options a {
text-align: center;
text-decoration: none;
color: black;
font-size: 14px;
}
.share-options img {
width: 40px;
height: 40px;
margin-bottom: 6px;
}
.overlay {
display: none;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
}.statsScroll-section{padding: 40px 0 100px 0;}
.statsScroll-section .statsScroll-container{padding-left: 0;}
.statsScroll-section .container {
max-width: 1200px;
margin: auto;
padding: 20px;
}
.statsScroll-section  .row {
display: flex;
flex-wrap: wrap;
}
.statsScroll-section  .cc-statsScroll-row {
justify-content: center;
align-items: center;
}
.statsScroll-section  .col {
flex: 1 1 100%;
}
.contentScroll {
height: 500px;
overflow: hidden;
position: relative;
background: #fff; margin-top: 50px;
}
.contentfirst, .contentsecond, .slotPackaging-content1, .slotPackaging-content2 {
transition: transform 1.5s ease;
}
.contentfirst {
transform: translateY(0px);
}
.contentsecond {
transform: translateY(600px);
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.cp-statsScroll .contentsecond h4{
font-size: 48px;
}
.cp-statsScroll .contentScroll{
margin-top: 150px;
}
.cc-statsScroll .contentScroll{
margin-top: 0;
} .contentScroll.active .contentfirst {
transform: translateY(-600px);
}
.contentScroll.active .contentsecond {
transform: translateY(110px);
}
.sticky-desktop-img .desktop-background {
position: relative; 
z-index: 1;
}
.sticky-desktop-img{
position: relative;
padding-right: 0px !important;
}
.cc-statsScroll-row .sticky-desktop-img .desktop-background{
width: 85%;
}
.cc-testimonial-img img {
position: absolute;
top: -47px;
right: 6px;
z-index: 2;
height: 160px !important;
width: auto !important;
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
}
.cc-testimonial-img .active {
opacity: 1; transform: scale(1.05);
}
.slotPackaging-content {
height: 400px;
overflow: hidden;
position: relative;
background: #fff;
margin-top: 50px;
}
.slotPackaging-content1 {
transform: translateY(0px);
}
.slotPackaging-content2 {
transform: translateY(600px);
position: absolute;
top: 0;
left: 0;
width: 100%;
} .slotPackaging-content.active .slotPackaging-content1 {
transform: translateY(-500px);
}
.slotPackaging-content.active .slotPackaging-content2 {
transform: translateY(0px);
}
.contentsecond h5 {
color: #666666;
font-weight: 400;
} .cp-testimonial-img img{
top: 23px;
height: 175px !important;
}
.mobile-bg-img{display: none;}
.cp-banner-content h5{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
@media screen and (max-width:1800px){
.contentScroll.active .contentsecond {
transform: translateY(40px);
}
}
@media screen and (max-width:1600px) {
.cc-testimonial-img img{top: -30px; height: 104px !important;}
.contentScroll.active .contentsecond {
transform: translateY(35px);}
.cc-statsScroll-row .sticky-desktop-img .desktop-background { width: 78%;}
.cp-statsScroll .contentScroll.active .contentsecond {transform: translateY(150px);}
.cc-statsScroll .contentScroll.active .contentsecond {transform: translateY(80px);}
.contentsecond h4{font-size: 32px;}
.contentsecond h5{font-size: 28px;}
.contentScroll {height: 350px;}
.cp-statsScroll .contentScroll {height: 440px;}
.slotPackaging-content {height: 460px;}
.doorstep-content{width: 62%;}
.cp-statsScroll .contentsecond h4 {font-size: 32px;}
.cp-testimonial-img img{top: 17px; height: 140px !important;}
.cp-statsScroll .contentScroll {margin-top: 40px;}
.cp-statsScroll h2{padding-bottom: 0;}    
}
@media (min-width: 1400px) and (max-width: 1599px){
.contentsecond{width: 85%;}
}
@media screen and (max-width:1440px){
.slotPackaging-content {height: 400px;}
}
@media screen and (max-width:991px) {
.statsScroll-section {padding: 100px 0 100px 0;}
.contentsecond h4 {font-size: 24px;}
.contentScroll{margin-top: 0;}
.What-makes-us-section .heading-h2 {
font-size: 36px;
padding-bottom: 0px;
margin-bottom: 0;
}
.cp-doorstep-section .doorstep-content{width: 100%;}
.stats-overview h2{padding-bottom: 0 !important;
margin-bottom: 10px;
}
.profile-content{padding-right: 60px;}
}
@media screen and (max-width: 767px) {
.cp-banner-content h5{
padding-top: 1rem;
padding-bottom: 1rem;
}
.safe-n-secure{padding: 40px 0;}
.cp-highlight{line-height: 1.9;}
.cp-footer-text{padding: 0 20px 40px 20px;}
.cp-footer-text h6{padding: 0 20px; font-size: 18px;}
.cp-button{padding: 0 20px;}
.doorstep-section .container-fluid, .doorstep-wrapper, .doorstep-content{
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
}
.doorstep-content .desktop-content-box{
display: none;
}
.mobile-bg-img{
display: block;
background-image: url(https://dosepacker.com/wp-content/uploads/2025/06/delivery.jpg);
height: 100vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
padding: 0 20px;
}
.mobile-bg-img h2{
position: absolute;
bottom: 0px;
}
.contentsecond h5 {font-size: 20px; color:#666666;
font-weight: 400;
}
.contentsecond h4 {font-size: 22px; line-height: 1.4;}
.cp-statsScroll .contentsecond h4{font-size: 22px;}
.contentScroll{margin-top: 0;}
.cp-statsScroll .contentScroll{margin-top: 0px; height: 350px;}
.contentScroll.active .contentsecond {transform: translateY(15px);}
.cp-statsScroll .contentScroll.active .contentsecond {
transform: translateY(30px);
}
.statsScroll-section .container{padding: 0 20px;}
.sticky-desktop-img .mobile-background{
position: relative;
width: 70%;
display: flex;
margin: 0 auto;
}
.cp-statsScroll .sticky-desktop-img .mobile-background{
margin-bottom: 30px;
}
.cc-testimonial-img img {
top: -28px;
height: 60px !important;
right: 70px;
}
.cp-testimonial-img img{
top: -25px;
height: 110px !important;
right: 102px;
}
.statsScroll-section {
padding: 0;
}
.What-makes-us-section .heading-h2{font-size: 24px;}
.doorstep-content {width: 100%;}
.cp-stats-overview.stats-overview .card h2 {
font-size: 35px;
}
}
@media screen and (max-width: 567px){ .cp-statsScroll .contentScroll {
margin-top: 0px;
height: 400px;
}
}
@media screen and (max-width: 500px){
.cp-banner .buttonGroup .button-darkLink {
color: var(--btn-color);
padding: 5px 0;
} .stats-overview .card h2 {
font-size: 32px;
}
.stats-overview .card .card-text{
font-size: 18px;
}
.contentScroll {
height: 375px;
}
.sticky-desktop-img .mobile-background{
margin-bottom: 30px;
}
.cc-testimonial-img img {
top: -10px;
height: 55px !important;
right: 66px;
}
.cp-testimonial-img img {
top: -25px;
height: 90px !important;
right: 60px;
}
.cc-p{font-size:18px;}
.resident-profiles .card-text{font-size:18px;}
.mobile-bg-img{height: 80vh;}
}
.mobile-feature-section{padding-bottom: 90px;}
@media screen and (max-width: 500px){
.stats-overview .card h2 {
font-size: 32px;
}
.stats-overview .card .card-text{
font-size: 18px;
}
.contentScroll {
height: 375px;
}
.sticky-desktop-img .mobile-background{
margin-bottom: 30px;
}
.cc-testimonial-img img {
top: -10px;
height: 55px !important;
right: 66px;
}
.cc-p{font-size:18px;}
.resident-profiles .card-text{font-size:18px;}
}