* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "General Sans", sans-serif;
}

html {
  margin-top: 0px !important;
  /*overflow-x: visible !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;
  --dm-dark: #01101d;
}

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: clamp(1.375rem, 0.694rem + 1.9217vw, 3rem);
  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;
}
.capital-text{
    text-transform: capitalize;
}
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;
}
.fs-32{font-size: clamp(1.5rem, 1.1674rem + 0.6938vw, 2rem);} /*24-32*/
.fs-24-18{font-size: clamp(1.125rem, 0.8755rem + 0.5204vw, 1.5rem);} /*18-24*/
.fs-20{font-size: clamp(1rem, 0.8337rem + 0.3469vw, 1.25rem);}/*16-20*/
.fs-28-18{font-size: clamp(1.125rem, 0.7092rem + 0.8673vw, 1.75rem) !important;}
.fs-28-16{font-size: clamp(1rem, 0.5rem + 1.0417vw, 1.75rem);}
.fs-28-20{font-size: clamp(1.25rem, 0.9174rem + 0.6938vw, 1.75rem) ;}/*20-28*/
.fs-78-36{font-size: clamp(2.25rem, 0.5rem + 3.6458vw, 4.875rem) !important;}
.fs-78-32{font-size: clamp(2rem, 0.0875rem + 3.9896vw, 4.875rem); }
.fs-54-32{font-size: clamp(2rem, 1.0833rem + 1.9097vw, 3.375rem);}
.fs-54-30{font-size: clamp(1.875rem, 0.8772rem + 2.0815vw, 3.375rem) !important;}
.fs-54-42{font-size: clamp(2.625rem, 2.1261rem + 1.0408vw, 3.375rem);}
.fs-48-24{font-size: clamp(1.5rem, 0.5022rem + 2.0815vw, 3rem) !important;}
.fs-32-22{font-size: clamp(1.375rem, 0.9583rem + 0.8681vw, 2rem);}
.fs-32-28{font-size: clamp(1.75rem, 1.4643rem + 0.4464vw, 2rem) ;}
.fs-32-18{font-size: clamp(1.125rem, 0.5429rem + 1.2142vw, 2rem) !important;}
.fs-28-24{font-size: clamp(1.5rem, 1.2692rem + 0.4808vw, 1.75rem);}
.fs-108-36{font-size: clamp(2.25rem, -0.7435rem + 6.2446vw, 6.75rem);}
.fs-54-28{font-size: clamp(1.75rem, 0.669rem + 2.255vw, 3.375rem);}
.fs-42-24{font-size: clamp(1.5rem, 0.7516rem + 1.5611vw, 2.625rem);} /* 1199 - 767 */
.fs-35-75{font-size: clamp(2.1875rem, 0.5244rem + 3.4692vw, 4.6875rem) !important;}


/* Custom Line Height classes */
.line-height1-2{
    line-height:1.2;
}
.custom-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* margin utilities */
.mb-40-15{
    margin-bottom: clamp(0.9375rem, -0.1019rem + 2.1683vw, 2.5rem);
}
.mb-24-15{
    margin-bottom: clamp(0.9375rem, 0.5633rem + 0.7806vw, 1.5rem);
}
.mb-60-20{
    margin-bottom:clamp(1.25rem, -0.4131rem + 3.4692vw, 3.75rem);
}

.padding-80-20{
    padding:clamp(2.5rem, 1.6667rem + 1.7361vw, 3.75rem) clamp(1.25rem, -1.25rem + 5.2083vw, 5rem) !important; /*PT - 60px -40px PX 80px - 20px*/
}
.padding-bottom-0{
}
.padding-top-0{
    padding-top:0 !important;
}
.padding-topNbottom-60-40{
    padding-block: clamp(2.5rem, 1.6667rem + 1.7361vw, 3.75rem) !important;
}
.Nopadding{padding: 0;}
.padding-section {
  padding: 60px 80px 60px 80px;
}
.pharmacy-right-padding-util{
        padding: 60px 0px 60px 80px;
    }
.spacing-property {
  padding: 13% 6%;
}
.padding-left-30-0{
    padding-left:clamp(0.9375rem, -0.1042rem + 2.1701vw, 2.5rem);
}
.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.element-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.element-left {
  display: flex;
  justify-content: left;
  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) !important;
}

.blue-text {
  color: var(--btn-color) !important;
}

.font-medium {
  font-size: inherit;
  font-weight: 500;
}

.comman-padding-y-utils {
  padding: 60px 0;
}

.black-text {
  color: var(--primary-Text-color) !important;
}

.dark-blue-text {
  color: var(--dark-blue) !important;
}

.white-text {
  color: var(--btn-text-color) !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-700 {
  font-weight: 700;
}

.paddingBottom {
  padding-bottom: 20px;
}

.custom-align {
  text-align: center;
}

.product-padding {
  padding: 100px 80px;
}

.product-bottomPadding {
  padding-bottom: 60px;
}

.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;
}

.border-bg-none {
  background: none !important;
  border: none !important;
}

.green-text-utility {
  color: #2c994a;
}

.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;
}

/* -------- For Blog Page only ------------ */
.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-page .black-h3{color: var(--primary-Text-color); font-weight: 500;} */
.blog-listing .gray-h3 {
  color: var(--para-text);
  opacity: 50%;
  font-weight: 500;
}

.blog-page a {
  text-decoration: none;
  color: var(--primary-Text-color);
}

.padding-zero {
  padding: 0 !important;
}

.blog-page .blue-h6 {
  color: var(--btn-color);
  font-weight: 500;
}

.blog-footer-btn {
  padding-top: 0;
}

.blog-content-section .table-of-contents a {
  font-size: clamp(1rem, 0.7505rem + 0.5204vw, 1.375rem);
}

/* .blog-page .gray-h6{color: var(--para-text); opacity: 50%; font-weight: 500;} */
/* .newsletter h2{font-size: 48px} */
.blogs-and-articles-section a {
  text-decoration: none;
}

.text-align-center {
  text-align: center !important;
}

.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;
}
.products-btn:hover{
    color: var(--btn-color);
}
.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;
}

/* Carasouel */
.googlemap-iframe {
  width: 100%;
  height: 100%;
}

.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;
  /* position: relative; */
}

/* -------NewsLetter ----------*/
#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;
}

/* -------NewsLetter ----------*/

/* 2nd section */
.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: 0.4s ease-out;
}

.slider-item {
  margin: 0 15px;
  width: 250px;
  height: 100px;
}

.desktop_content {
  display: block;
}

.upToTab-element {
  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("img/home-banner.png");
  background-position: center;
  color: white;
}

.slide2 {
  background-image: url("img/home-banner4.png");
  background-position: center;
  color: white;
}

.slide3 {
  background-image: url("img/home-banner2.png");
  background-position: top;
  color: white;
}

.slide4 {
  background-image: url("img/home-banner6.png");
  background-position: center;
  color: white;
}

.slide5 {
  background-image: url("img/home-banner5.png");
  background-position: center;
  color: white;
}

.slide6 {
  background-image: url("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;
}

/* 3rd section */

.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_container and cards */
.testimonial-draggable {
  position: relative;
  width: 1199px;
  height: 560px;
  overflow: hidden;
  cursor: grab;
  /* border-top: 10px solid #f00; */
}

.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;
  /* border-bottom: 10px solid #00f; */
}

.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;
}

/* Our Solution */
.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 section */
.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;
}

/* new partner */

@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,
.partners:after {
  pointer-events: none;
}

.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;
  /* background: #f5f4fd; */
  padding: 13px 40px;
  /* border-radius: 30px; */
  /* border: 1px solid #d8d5f2; */
}

.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);
}

/* for testing purposed to ensure the animation lined up correctly */
.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;
}

/* what makes us new */

.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.2);
  background: #fff;
  transform: scale(1);
}

.Whats-New .bg-img {
  background: url("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;
  /* Default border color, you can adjust it as needed */
  background-color: transparent;
  /* Transparent background */
  border-radius: 0;
  /* Optionally remove border-radius */
}

/* Optional: Override Bootstrap's focus style for the input field */
.form-control.border-bottom-only:focus {
  box-shadow: none;
}

.form-select.border-bottom-only {
  border: none;
  border-bottom: 1px solid #ced4da;
  /* Default border color, you can adjust it as needed */
  background-color: transparent;
  /* Transparent background */
  border-radius: 0;
  /* Optionally remove border-radius */
  -webkit-appearance: none;
  /* Remove default appearance (arrow) */
  -moz-appearance: none;
  /* Remove default appearance (arrow) */
  appearance: none;
  /* Remove default appearance (arrow) */
}

.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 {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8c8c8c;
  opacity: 1;
  /* Firefox */
}

.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;
}

/* second columns Css */

.Whats-New .bg-img1 {
  background: url("img/SB_525_How.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
}

.Whats-New .bg-img2 {
  background: url("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("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;
}

/* .testimonial_heading, .testimonial_arrow{
  height: 220px;
} */
.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 {
  /* font-size: 20px !important; */
}

.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;
}

/*  */
.MarginTop {
  margin-top: 1rem;
}

.footer {
  padding: 30px 80px;
  background: #e0eaf5;
}

.footer a {
  font-size: 20px;
  color: #666666;
  text-decoration: none;
  font-weight: 400;
}

.footer p {
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 400;
  color: #666666;
}

.footer-logo {
  padding-top: 10px;
}

.footer-logo p {
  margin-bottom: 0;
}

.footer-logo-img {
  width: 260px;
  margin-bottom: 18px;
}

.footer-links {
  text-align: right;
  text-decoration: none;
  padding-top: 10px;
}



.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: 25px;
  margin-right: 8px;
}

.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);
  }
}

/* delete this section */
.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;
  /* border: 3px solid #ede6d6; */
}

.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%;
  }
}

/* dend of delete section */

/* Our solution */
.contentsolution {
  height: 85px;
  overflow: hidden;
  position: relative;
}

.para,
.head {
  position: absolute;
  width: 100%;
  transition: transform 0.9s ease-in-out;
}

.para {
  transform: translateY(120px);
  /* Initially hidden below */
}

.head {
  transform: translateY(0);
  /* Initially visible */
}

.contentsolution.enter .para {
  transform: translateY(0);
  /* Move up to visible */
}

.contentsolution.enter .head {
  transform: translateY(-120px);
  /* Move up out of view */
}

.contentsolution.leave .para {
  transform: translateY(120px);
  /* Move back down out of view */
}

.contentsolution.leave .head {
  transform: translateY(0);
  /* Move back to original position */
}

.solid-btn-hover a:hover {
  border: 3px solid var(--btn-color);
}

/*  form */
.form-control,
.form-select {
  font-size: 1.5rem;
}

.products-pad {
  padding: clamp(2.5rem, 0.9285rem + 4.4346vw, 6.25rem) clamp(1.25rem, 0.2023rem + 2.9564vw, 3.75rem);
}

.horizontal-pad {
  padding-left: clamp(1.25rem, 0.2023rem + 2.9564vw, 3.75rem);
  padding-right: clamp(1.25rem, 0.2023rem + 2.9564vw, 3.75rem);
}

.vertical-pad {
  padding-top: clamp(2.5rem, 0.9285rem + 4.4346vw, 6.25rem);
  padding-bottom: clamp(2.5rem, 0.9285rem + 4.4346vw, 6.25rem);
}

.prod-top-padding {
  padding-top: clamp(2.5rem, 0.9285rem + 4.4346vw, 6.25rem);
}

.prod-bottom-padding {
  padding-bottom: clamp(2.5rem, 0.9285rem + 4.4346vw, 6.25rem);
}

.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;
  /* margin-left: 20px; */
}

.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.5);
  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;
}

.ds-medication-optimization .administration-experience-img {
  background-image: url("https://dosepacker.com/wp-content/uploads/2025/08/9.-Book-A-Demo.png");
  border-radius: 12px;
}

.mydoses-bg {
  background-image: url("https://dosepacker.com/wp-content/uploads/2025/07/Image-16.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;
}

/* product-page css*/
.heading-h2 {
  margin-bottom: clamp(1.75rem, 1.7117rem + 0.1361vw, 1.875rem);
}

/* 40px-28px */
.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);
}

/*#08559F*/
.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;
}

/* ----------------------------- 3rd Section ----------------------------- */
.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;
}

/* ----------------------- Style Section for Blog Section Start ---------------------- */
.blogs-and-articles-section {
  padding: 60px 80px 0 80px;
}

.blogs-and-articles-section .bg-image {
  padding: 40px;
  background-image: url(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(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(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("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 .latestBlog {*/
/*  position: relative;*/
/*}*/
.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 {
  /*position: absolute;*/
  /*bottom: 20px;*/
  /*left: 30px;*/
  /*z-index: 5;*/
  /*right: 30px;*/
  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.2);
  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;
}

/* .medication-packaging .pharmacy-btn-container{margin-bottom: 5rem;} */
.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;
}

/* Vial Packaging */

.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: zoomIn 2.5s ease-out 5s forwards;
      transform: scale(0.25);
    }
    .vial-content h1, .vial-content p{
      color: var(--btn-text-color);
    }
    .vial-content p{font-size: 24px;}
    @keyframes zoomIn {
      0% {
          opacity: 0;
          transform: scale(0.25);
      }
      

      100% {
          opacity: 1;
          transform: scale(1);
      }
  } */

.vial-content {
  position: absolute;
  text-align: center;
  color: var(--btn-text-color);
  opacity: 0;
  animation: slideUp 2s ease-out 4s forwards;
  /* Changed animation */
  transform: translateY(100px);
  /* Start slightly down */
}

.vial-content h1,
.vial-content p {
  color: var(--btn-text-color);
}

.vial-content p {
  font-size: 24px;
}

/* New animation for sliding up */
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
    /* Starting 100px lower */
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    /* Final position - center */
  }
}

.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: 0.1em;
  margin-left: 0.1em;
}

.dropdown:hover>.dropdown-menu,
.dropstart:hover>.dropdown-menu {
  display: block;
  margin-top: 0.1em;
  margin-left: 0.1em;
}

.dropdown:hover>.two-col {
  display: flex !important;
  margin-top: 0.1em;
  margin-left: 0.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;
}

/*Care Community OS*/
.scroll-container {
  height: 80vh;
  /* Full-screen section */
  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;
  /* background: rgba(255, 255, 255, 0.075); */
  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);
  /* Move section to its normal position */
}

/* .stats-section{height: 100vh;} */
.stats-col1 {
  position: relative;
  min-height: 100vh;
}

/* .stats-content1,
.stats-content2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
} */

.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: 740px;
  width: auto;
}

.col-height {
  position: relative;
  padding: 50px;
  border-radius: 12px;
  border: 1px rgba(174, 155, 209, 0.5) 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%;
  /* transform: translateX(-50%); */
}

.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;
}

.storage-product {
  height: 100%;
  width: 90%;
  margin: 0 auto;
  transition: width 0.8s ease-out;
}

.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%);
}

/* Show hover box on hover */
.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{display: flex; justify-content: center;} */
.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;
  /* bottom: 14vh; */
  left: 45px;
  z-index: 99999;
}

/* Show tooltip on hover */
.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;
  /* width: 100%; */
  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 */

.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;
}

/* Adjust positioning */
.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 */
.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 {
  /* position: absolute;
  left: 25px;
  top: 25px;
  width: auto;
  height: 48%; */
  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;
  /* transition-delay: 0.5s; */
}

.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: auto; */
  margin-left: 0 !important;
  position: relative;
  border-radius: 24px;
  padding: 20px;
  overflow: hidden;
}

.productImg img {
  /* position: absolute;
  bottom: 0; */
  width: 85%;
  float: left;
  /* transform: translateX(-50%); */
}

.swiper-slide.zoomedInCol img {
  bottom: 10px;
}

.swiper-slide.zoomedOutCol {
  width: 20% !important;
  height: 60vh;
  border: 1px solid #c1c7cd;
  /* margin: 0 15px; */
  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;
}

/* Default styles for zoomed-out state */
.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;
  /* Active bullet color */
}

.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;
  /* Delay before appearing */
}

.swiper-slide.zoomedOutCol .IndependentContent {
  opacity: 0;
  transform: translateY(0);
  transition-delay: 0s;
  /* Delay before appearing */
}

.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: none !important;
}

.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;
  }
}

/*.home-carousel{overflow-x: hidden;}*/
.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, 0.125);
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* height: 100%; */
}

.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;
}

/* all-product-page */
.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-PAGE */
.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-page css starts */
.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;
}

/* Global CSS for the Blog Layout*/
.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 clamp(1.25rem, -0.3215rem + 4.4346vw, 5rem) clamp(2.5rem, 1.9762rem + 1.4782vw, 3.75rem) clamp(1.25rem, -0.3215rem + 4.4346vw, 5rem);
}

.blog-table-heading {
  font-size: 20px;
  margin-bottom: 18px;
}

.blog-content-section .grow-your-pharmacy-business p {
  font-size: clamp(1rem, 0.8337rem + 0.3469vw, 1.25rem);
}

.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;
  line-height: 1.4;
  padding-bottom: 10px;
}

.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;
  /* line-height: 1.5; */
  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 Page CSS Start Here--------------------- */
.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;
  justify-content: space-between;
  gap: 2.5rem;
  padding-bottom: 1rem;
  border-bottom: 3px solid #ccc;
  border-radius: 2px;
}

.drawer-tab {
  cursor: pointer;
  font-size: 26px;
  color: var(--para-text);
  position: relative;
  line-height: 1.3;
}

.ds-cc-feature-sect .ds-feature-col .heading-h2 {
  margin-bottom: -8%;
}

/* .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;
}

.drawer-tab::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 3px;
  bottom: -19px;
  color: var(--btn-color);
  background: var(--btn-color);
  z-index: 99;
  transition: all 0.3s linear;
}

.drawer-tab.active::before {
  width: 100%;
}

.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;
}

/* Add fade animation */
@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;
}

/* About us */
.about-banner-section h1 {
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  color: var(--btn-text-color);
}

.about-banner-section h1 span {
  font-weight: 500;
  color: var(--btn-text-color);
  display: inline-block;
}

.about-banner-section {
  position: relative;
  min-height: 100vh;
  text-align: center;
}

/* Pseudo-element for smooth cross-fade background transition */
.about-banner-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* UPDATED: Uses a CSS variable for the background image */
  background-image: var(--new-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  /* This transition creates the fade effect */
  transition: opacity 1s ease-in-out;
  z-index: 1;
}

.about-banner-section.is-fading::before {
  opacity: 1;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 40, 45, 0.65);
  z-index: 2;
}

.about-banner-section .container {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1200px;
  padding: 0 15px;
}

/* --- Text Animations (Unchanged) --- */
@keyframes aboutSlideUp {
  to {
    transform: translateY(-50%);
    opacity: 0;
  }
}

@keyframes aboutSlideIn {
  from {
    transform: translateY(70%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.about-slide-out {
  animation: aboutSlideUp 0.7s ease-in-out forwards;
}

.about-slide-in {
  animation: aboutSlideIn 0.7s ease-in-out forwards;
}

.why-section .adherence-card .card {
  padding: 10px;
}

.why-section .adherence-card img {
  width: 70px;
}

/* .why-section .card-title{color: var(--primary-Text-color);} */
.why-section .adherence-card .card {
  border-bottom: 0;
}

.center-align-card .data-difference .card {
  border: none;
  background-color: transparent;
}

.transparent-card-section .data-difference .card {
  padding: 40px 0 0 0;
}

.transparent-card-section .data-difference .col {
  padding-bottom: 0;
  padding-top: 0;
}

.our-events .card-align .card {
  align-items: center;
}

.our-events .card-align .card img {
  max-width: 250px;
  width: 100%;
  padding-top: 0;
  border-radius: 16px;
}

.our-events span {
  color: var(--btn-color);
  font-weight: 500;
}

.partner-logos .card {
  border-radius: 16px;
}

.partner-logos .card .card-body {
  display: flex;
  align-items: center;
  padding: 3rem 2rem;
}

.partner-logos .card img {
  max-width: 100%;
  width: auto;
  height: 60px;
}

.partner-logos .card a {
  margin: 0 auto;
}

.services-slider-section {
  background: #f9f9f9;
}

.aboutusSwiper {
  padding: 20px 0;
}

.aboutusSwiper .swiper-slide.service-card {
  position: relative;
  min-height: 700px;
  border-radius: 16px;
  background-size: cover;
  background-position: center bottom;
  overflow: hidden;
  transition: background-image 0.9s ease-in;
}

.aboutusSwiper .swiper-slide.service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center bottom;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.aboutusSwiper .swiper-slide.service-card:hover::before {
  opacity: 1;
}

.aboutusSwiper .swiper-slide.service-card .card-content {
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
  z-index: 2;
}

.aboutusSwiper .swiper-slide.service-card .card-content p,
.aboutusSwiper .swiper-slide.service-card .card-content h4 {
  color: var(--btn-text-color);
}

.aboutusSwiper .swiper-slide.service-card .arrow-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  transition: transform 1s ease, filter 1s ease;
  z-index: 2;
}

.aboutusSwiper .swiper-slide.service-card:hover .arrow-icon {
  transform: rotate(-40deg);
}

.about-support img {
  margin: 0 auto;
}

.borderRadius img {
  border-radius: 16px;
}

.about-in-touch {
  position: relative;
}

.mobile-about-get-in-touch {
  position: absolute;
  bottom: 50px;
}

.why-section .adherence-card .card .card-body {
  padding: 1rem 0;
}

.our-events .card-align .card .card-body .card-title {
  color: var(--primary-Text-color);
}

.event-desktop_content {
  display: inline-flex;
}

/* Author page */
.author_content {
  padding: 50px;
}

.author_details {
  padding: 10px 24px;
  border-left: 4px solid var(--btn-color);
}

.author_content p {
  font-size: 22px;
}

.author_details p {
  margin-bottom: 0;
  font-size: 20px;
}

.author_content h6 {
  color: var(--btn-color);
  font-weight: 500;
}

/* MyDoses page */

.mydoses-banner {
  background: linear-gradient(to bottom, #eaf1f9 50%, #337ccf 50%);
  min-height: 160vh;
}

.mydoses-banner .mydoses-banner-icon {
  max-width: 140px;
  transition: transform 2s ease;
}

.mydoses-banner .mydoses-banner-icon.shrink {
  transform: scale(0.7);
}

.phone-reminders img {
  max-width: 300px;
  width: 100%;
  margin: 110px 50px 50px 50px;
  box-shadow: 0px 23px 23px rgba(0, 0, 0, 0.25);
  border-radius: 48px;
}

.phone-reminders .center-doses-app {
  margin-top: -50px;
}

.app-store img {
  max-width: 240px;
  margin: 15px;
}

.mydoses-banner-footer h3,
.mydoses-banner-footer p {
  color: var(--btn-text-color);
}

.medication-section {
  background-color: #e0eaf5;
}

.medication-content-section {
  min-height: 100vh;
}

.content-wrapper-scroll {
  display: flex;
  max-width: 1200px;
  width: 60%;
  position: relative;
  align-items: center;
}

.video-wrapper {
  width: 100%;
  max-width: 400px;
  transition: transform 1s ease;
  z-index: 2;
  margin: 0 auto;
}

.video-wrapper video {
  width: 100%;
  border-radius: 16px;
}

.text-content {
  position: absolute;
  right: 0;
  width: 75%;
  opacity: 0;
  transform: translateX(-100px);
  transition: all 1s ease;
  padding: 20px;
}

.video-move-left {
  transform: translateX(-90%);
}

.content-show {
  opacity: 1;
  transform: translateX(30%);
}

.video-move-right {
  transform: translateX(90%);
}

.content-show-left {
  opacity: 1;
  transform: translateX(-60%);
}

.content-show .card-align .card,
.content-show-left .card-align .card {
  background-color: transparent;
}

.mydoses-banner .container-fluid {
  opacity: 0;
  transform: translateY(260px);
  transition: all 1.5s ease-out;
}

.mydoses-banner.animate .container-fluid {
  opacity: 1;
  transform: translateY(0);
}

.medication-text-box {
  max-width: 675px;
  padding: 15px 0;
}

.notification-row {
  background-color: #e0eaf5;
  border-radius: 40px;
  padding: 60px 80px;
  margin-top: 100px;
  position: relative;
}

.notification-box {
  background: #fff;
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  max-width: 320px;
}

.notification-image {
  max-width: 530px;
  margin-top: 50px;
  width: 70%;
}

.medication-app-img {
  max-width: 420px;
  height: auto;
  margin-top: -100px;
  position: absolute;
  bottom: 0;
  right: 50px;
  transform: translateX(-20%);
}

.download-app-section {
  background-color: #e0eaf5;
  padding: 60px 80px 0px 80px;
}

.download-app-section .app-store {
  margin-bottom: 50px;
}

.pack-scan-section {
  padding-bottom: 0;
}

.pack-scan-video {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.pack-scan-video video {
  width: 100%;
  height: auto;
  display: block;
}

.records-title {
  margin-bottom: 5px;
  padding-top: 20px;
  font-weight: 500;
}

.medication-left-img {
  max-width: 420px;
  height: auto;
  margin-top: -100px;
  position: absolute;
  bottom: 0;
  transform: translateX(-20%);
}

/* DosePacker Storage */
.image-borderRadius {
  border-radius: 30px;
}

.drawer-storage-content {
  padding-right: 14%;
  /* padding-top: 15%; */
}

.locking-storage-image {
  padding-left: 0;
}

.locking-storage-section .element-center {
  align-items: start;
}

.locking-storage-section .battery-info {
  width: 70%;
}

.storage-accordion-container {
  border-radius: 8px;
  padding: 10px 20px;
}

.storage-accordion-item {
  border-bottom: 2px solid #c1c7cd;
}

.storage-accordion-item:last-child {
  border-bottom: none;
}

.storage-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 20px 0;
}

.storage-accordion-header h5 {
  margin: 0;
  color: #666666;
  transition: color 0.35s ease;
}

.storage-accordion-item.active .storage-accordion-header h5 {
  color: var(--btn-color);
}

.storage-arrow {
  width: 20px;
  height: 20px;
  background-image: url("https://dosepacker.com/wp-content/uploads/2025/07/DropdownArrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.35s ease;
  flex-shrink: 0;
}

.storage-accordion-item.active .storage-arrow {
  transform: rotate(180deg);
}

.storage-accordion-content {
  max-height: 0;
  overflow: hidden;
  color: #666666;
  transition: max-height 0.4s ease-out;
}

.storage-accordion-content h6 {
  margin: 0 0 20px 0;
}

.storage-image-container {
  position: relative;
  width: 100%;
  min-height: 400px;
}

.storage-accordion-image-desktop {
  max-width: 100%;
  border-radius: 8px;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
}

.storage-accordion-image-desktop.active {
  opacity: 1;
}

.storage-accordion-image-mobile {
  display: none;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 20px;
}

.ds-storage-drawer-section h2 {
  width: 90%;
}

.storage-drawer-section {
  /* margin-top: 150px; */
}

.storage-integration {
  padding-top: clamp(2.5rem, 0.9285rem + 4.4346vw, 6.25rem);
}

.storage-integration img {
  width: 120px;
  margin-right: 20px;
}

.storage-integration .heading-h2 {
  margin-bottom: 0;
}

.storage-integration h2 {
  padding-bottom: 0;
}

.ds-scrolling-section .image-container {
  display: flex;
  gap: 20px;
  position: absolute;
  left: 10%;
}

.ds-scrolling-section .image-container .image-slide {
  position: relative;
  width: 85vw;
  height: 75vh;
  flex-shrink: 0;
}

.ds-scrolling-section .image-container .image-slide img {
  width: 95%;
  height: 100%;
  object-fit: cover;
}

.ds-mobile-feature-section .slide-content,
.ds-scrolling-section .slide-content {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  color: white;
  max-width: 45%;
  z-index: 2;
}

/* Global CSS for the Blog Layout*/
/* On smaller screens, bring them closer */
@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: 0.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: 1200px) {
  .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-content-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;
  }

  /* .hover-smart-product h4{font-size: 32px;} */
  .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;
  }

  .video-wrapper {
    max-width: 500px;
  }

  .content-show {
    transform: translateX(40%);
  }

  .video-move-right {
    transform: translateX(100%);
  }

  .content-show-left {
    transform: translateX(-55%);
  }

  .medication-content-section {
    min-height: 80vh;
  }

  .grow-your-pharmacy-business {
    margin-right: 17%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1700px) {
  .ds-cc-feature-sect .ds-feature-col {
    width: 50%;
  }
}

@media only screen and (max-width: 1600px) {
  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;
  }

  li {
    font-size: 24px;
  }

  h3 {
    font-size: 32px;
  }

  h6 {
    font-size: 20px;
  }

  .mydoses-h4 {
    font-size: 30px;
  }

  .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;
  }

  .transparent-card-section .data-difference .col {
    padding: 0;
  }

  .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;
  }

  /* about us page */
  .aboutusSwiper .swiper-slide.service-card {
    min-height: 500px;
  }

  .aboutusSwiper .swiper-slide.service-card .card-content h4 {
    font-size: 28px;
  }

  .our-events .card-align .card img {
    max-width: 200px;
  }

  .author_details h1 {
    font-size: 54px;
  }

  .notification-row {
    padding: 40px 30px;
  }

  .medication-app-img {
    transform: translateX(0);
    max-width: 370px;
  }

  .notification-image {
    margin-top: 20px;
  }

  .medication-left-img {
    max-width: 370px;
    transform: translateX(0);
  }

  .records-title {
    font-size: 22px;
  }

  .grow-your-pharmacy-business {
    padding: 20px;
  }

  .card-align .card img {
    width: 70px;
  }

  .storage-integration img {
    width: 80px;
    margin-right: 20px;
  }

  .storage-integration .heading-h2 {
    margin-bottom: 0;
    font-size: 42px;
  }

  .storage-integration h2 {
    padding-bottom: 0;
    font-size: 42px;
  }

  .storage-integration p {
    font-size: 20px;
  }

  .drawer-storage-content {
    padding-right: 10%;
    /* padding-top: 15%; */
  }
}

@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;
  }

  .padding-section {
    padding: 60px;
  }

  .customer_testimonial {
    padding: 0 40px 80px;
  }

  .item {
    min-height: 35em;
  }

  .content h3 {
    padding-left: 50px !important;
    font-size: 26px;
    width: 80%;
  }

  .footer a {
    font-size: 16px;
  }

  .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: 16px;
  }

  .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 */
  .form-control,
  .form-select {
    font-size: 1.2rem;
  }

  .Whats-New .main-container {
    padding: 0 20px;
    padding-right: 20px;
  }

  /* .testimonial_heading, .testimonial_arrow{height: 140px;} */
  .products-btn a,
  .products-btn {
    font-size: 18px;
  }

  .products-btn-secondary a,
  .products-btn-secondary {
    font-size: 18px;
  }

  .products-images {
    width: 100%;
    height: auto;
  }

  .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;
  }

  /* .zoomedOutCol {margin: 0 12px;} */
  .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;
  }

  .pack-scan-section {
    padding-bottom: 0;
  }
}

@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;
  }

  /*.slide-container{height:135vh;}*/
  .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;
  }

  .featureSwiper .swiper-slide .service-card .slide-content {
    max-width: 100%;
    top: 5%;
    transform: none;
    left: 0;
    padding: 0 36px;
  }

  .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;
  }

  .page4 {
    display: block !important;
  }

  .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;
  }

  .phone-reminders img {
    max-width: 200px;
    margin: 110px 20px 50px 20px;
  }

  .text-content {
    width: 100%;
  }

  .video-wrapper {
    max-width: 250px;
  }

  .content-show-left {
    transform: translateX(-30%);
  }

  .medication-app-img,
  .medication-left-img {
    margin-top: 0;
    position: unset;
  }

  .order2 {
    order: 2;
  }

  .order1 {
    order: 1;
  }

  .video-move-left {
    transform: translateX(-98%);
  }

  .storage-integration .element-center {
    display: block;
  }

  .storage-integration img {
    margin-right: 0px;
  }

  .storage-integration p {
    font-size: 18px;
  }

  .drawer-storage-content {
    padding-right: 50px;
  }
}

@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;
  }

  .mydoses-mobile-section {
    padding-top: 60px;
  }

  .responsive-medication-card h3 {
    font-size: 28px;
  }

  .responsive-medication-card .card-title {
    font-size: 20px;
  }

  .responsive-medication-card .card-text {
    font-size: 20px;
  }
}

@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 {
    margin-bottom: 0px;
  }

  .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/10/Minus-3.png) !important;
    /* transform: rotate(-180deg); */
  }

  .accordion-button::after {
    background-image: url(https://dosepacker.com/wp-content/uploads/2025/10/plus-icon.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;
  }

  .our-events .card-align .card {
    flex-direction: column;
    align-items: start;
    padding-bottom: 30px;
  }

  .our-events .card-align .card .card-body {
    padding-left: 0;
  }

  .dosekart-hero-section .storage-banner-content {
    position: absolute;
    top: 60px;
    padding: 0 15px;
  }
}

@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) {

  /* .product-background-property{padding: 50px 0;} */
  .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) * 0.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: 45vh;
  }

  .mydoses-bg {
    background-image: url("https://dosepacker.com/wp-content/uploads/2025/07/Image-16.png");
    border-radius: 12px;
  }

  .medication-administration .card {
    padding: 0px;
    margin-top: 30px;
    border: 0;
  }

  .white-btn {
    font-size: 14px;
  }

  .white-border-btn {
    font-size: 14px;
  }

  /*  */
  .mobile-about-get-in-touch label,
  .mobile-about-get-in-touch h2,
  .mobile-about-get-in-touch p {
    color: var(--btn-text-color);
  }

  .mobile-about-get-in-touch .buttonGroup .btn1 {
    margin-right: 5px;
  }

  .why-section .adherence-card .card {
    padding: 0;
    padding-bottom: 20px;
  }

  .transparent-card-section .data-difference .card h5 {
    padding-bottom: 0;
  }

  .event_mobile_content .card-title {
    color: var(--primary-Text-color);
  }

  .author_content {
    padding: 50px 10px;
  }

  .comman-padding-y-utils {
    padding: 40px 0;
  }

  .mydoses-section {
    overflow-x: hidden;
  }

  .storage-desktop-image-column {
    display: none;
  }

  .storage-accordion-image-mobile {
    display: block;
  }

  .storage-accordion-content h6 {
    margin: 0 0 15px 0;
  }

  .featureSwiper .swiper-slide .service-card .slide-content {
    padding: 0 16px;
    top: 4%;
  }

  .featureSwiper .swiper-slide .service-card {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
  }

  .image-borderRadius {
    border-radius: 20px;
  }

  .tab-description {
    font-size: 18px;
  }
}

@media (min-width: 999px){
.imp-update{
    padding-top: 32px; 
    padding-bottom: 32px;
    position: sticky;
    top: 69px;
    z-index: 999;
    opacity: 1;
    background-color: #ffffff;
}   
}
@media (max-width: 991px) {
    
  .storage-drawer-section {
    padding: 40px 20px;
  }

  .drawer-storage-content {
    padding-right: 0px;
  }

  .storage-drawer-section .element-center {
    flex-direction: column-reverse;
    padding: 0 40px;
  }

  .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;
  }

  .products-btn-secondary {
    margin-left: 0;
  }

  */ .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);
  }

  /*#08559F*/
  .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 {
    /* margin-left: 12px; */
  }

  .padding-section {
    padding: 60px 20px;
  }

  /* .padding-section {
    padding: 60px 30px;
  } */
  .title-text {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .centerAlign {
    text-align: center;
  }

  .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;
  }

  .hide-on-mobile {
    display: none;
  }

  .storage-accordion-image-mobile {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .custom-align {
    text-align: left;
  }

  .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;
  }

  .upToTab-element {
    display: none;
  }

  .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) * 0.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;
  }

  /*dosekart*/
  .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);
    /*100-40, 80-20 */
  }

  .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;
    text-align: center;
    margin-bottom: 20px;
  }

  .drawer-tab:not(:last-child)::after {
    right: 0.2rem;
  }

  .drawer-tab {
    font-size: 20px;
    padding-right: 12px;
  }

  .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;
  }

  .event-desktop_content {
    display: none;
  }

  .event_mobile_content .eventSwiper .service-card img {
    max-width: 180px;
    width: 100%;
  }

  .event_mobile_content .eventSwiper .service-card .card {
    border: none;
  }

  .event_mobile_content .eventSwiper .service-card .card .card-body {
    padding-left: 0;
  }

  .event_mobile_content .eventSwiper .service-card .card img {
    border-radius: 16px;
  }

  .mydoses-banner {
    padding: 0;
    min-height: 140vh;
  }

  .medication-section {
    background-color: white;
  }

  .video-move-left {
    display: none;
  }

  .content-wrapper-scroll {
    width: 100%;
  }

  .content-show {
    transform: none;
  }

  .text-content {
    width: 100%;
    position: unset;
  }

  .video-move-right {
    display: none;
  }

  .content-show-left {
    transform: translateX(0%);
  }

  #medication-section .medication-content-section {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .video-wrapper {
    width: 250px;
  }

  .medication-app-img {
    position: unset;
  }

  .notification-row {
    padding: 40px 20px 0 20px;
    margin-top: 0;
  }

  .app-store img {
    width: 85%;
  }

  .download-app-section {
    padding: 60px 20px 0px 20px;
  }

  .medication-content-section {
    padding: 0 20px;
  }

  .mydoses-banner .mydoses-banner-icon {
    margin-bottom: 50px;
  }

  .mydoses-banner .container-fluid,
  .mydoses-banner .row,
  .mydoses-banner .col,
  .mydoses-bg .container-fluid,
  .mydoses-bg .row,
  .mydoses-bg .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mobile-spacing {
    padding-left: 20px;
    padding-right: 20px;
  }

  .medication-section {
    display: none;
  }

  .mobile-video-wrapper {
    max-width: 400px;
  }

  .mobile-video-wrapper video {
    width: 100%;
  }

  .responsive-medication-card {
    background-color: #e0eaf5;
    border-radius: 24px;
    margin-top: 30px;
    padding: 30px 20px;
  }

  .mydoses-mobile-section {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .mydoses-mobile-section .card-align .card {
    background-color: transparent;
  }
}

@media only screen and (min-width: 768px) and (max-width: 828px) {
  .pharmacy-btn-container a {
    display: block;
    /* width: 75%; */
  }

  .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) {
  .drawer-tab:not(:last-child)::after {
    right: -1px;
  }

  .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;
  }

  .our-events {
    padding-right: 0;
  }

  .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("img/mobile/Assisted\ Living.png");
    background-position: center;
    color: white;
  }

  .slide2 {
    background-image: url("img/mobile/PACE\ Programs.png");
  }

  .slide3 {
    background-image: url("img/mobile/Home\ Health.png");
  }

  .slide4 {
    background-image: url("img/mobile/Skilled\ Nursing.png");
  }

  .slide5 {
    background-image: url("img/mobile/Senior\ Living.png");
  }

  .slide6 {
    background-image: url("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;
    /* font-size: 38px; */
  }

  .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;
    /* z-index: 9999; */
    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: inline;
  }

  .displayBlock span {
    display: inline;
  }

  .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;
  }

  /* .our-solution-section .container-fluid{padding-right: 0 !important; padding-left: 0 !important;} */
  .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;
    /* border-radius: 50px; */
    padding: unset;
  }

  .Whats-New {
    /*background-color: white;*/
    padding: 0px 0;
    /* display: none; */
  }

  .Whats-New-mobile .sub-container1 {
    position: relative;
    height: 100%;
  }

  .Whats-New-mobile .bg-img {
    background: url(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;
  }

  /* .footer .container-fluid{padding-left: 0; padding-right: 0;} */
  .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;
  }

  .partner-logos {
    --bs-gutter-y: 2rem !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;
  }

  /* .customer_testimonial .container-fluid{padding-left: 0; padding-right: 0;} */
  .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;
  }

  /* .testimonial_section{padding-left: 0 !important; padding-right: 0 !important;} */
  .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;
  }

  /* .Whats-New .justify-content-evenly{padding: 0;} */
  .form_heading p {
    font-size: 21px;
    padding: 0 20px;
    color: white;
  }

  .accordion-button::after {
    background-image: url(https://dosepacker.com/wp-content/uploads/2025/10/plus-icon.png) !important;
  }

  .footer .accordion-button:not(.collapsed) {
    color: #666666;
  }

  .accordion-button:not(.collapsed)::after {
    background-image: url(https://dosepacker.com/wp-content/uploads/2025/10/Minus-3.png) !important;
    /* transform: rotate(-180deg); */
  }

  .footer h4 {
    font-size: 20px;
    color: var(--dark-blue);
  }

  .accordion-button {
    color: #666666;
  }

  .footer .social-container {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer_logosection {
    padding: 0 30px;
  }

  .footer p {
    font-weight: 400;
    font-size: 18px;
  }

  .footer a {
    font-size: 18px;
  }

  /*.accordion-header {*/
  /*  border-bottom: px solid #bbbbbb;*/
  /*}*/

  .accordion-header {
    padding-left: 20px;
  }

  .product-faq .accordion-header {
    border-bottom: 0;
  }

  .accordion-item {
    border: 0px solid rgba(0, 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: left;
  }

  .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;
  }

  .switch-to-testimonial {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .medication-section {
    padding: 0 20px;
  }

  #medication-section {
    padding-top: 40px;
  }

  .mydoses-banner {
    padding: 90px 0 40px 0;
  }

  .notification-image {
    width: 100%;
  }
}
.update-heading img{
    width: auto;
    height: clamp(2.25rem, 1.6679rem + 1.2142vw, 3.125rem);
    margin-right: 20px;
}
.imp-update{
    padding-top: 32px; 
    padding-bottom: 32px;
}
.update-heading{padding-bottom: 12px}
.update-heading h3{color: var(--primary-Text-color);}
.update-heading h3 span{color: #00874F;}

/* Overlay */
.moved-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Popup Box */
.moved-popup-content {
  background: url('https://dosepacker.com/wp-content/uploads/2025/10/location-bg-scaled.jpg');
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  max-width: 1400px;
  width: 90%;
  max-height: 700px;
  height: 90%;
  padding: 3rem 2rem;
  position: relative;
  text-align: left;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  animation: fadeInUp 0.4s ease;
}

/* Logo */
.popup-logo {
  height: 60px;
  margin-bottom: 2.5rem;
}

/* Heading */
.moved-popup-content h2 {
  color: var(--btn-color);
  font-size: clamp(2.25rem, 0.7533rem + 3.1223vw, 4.5rem);;
  margin-bottom: 0.9rem;
}

/* Paragraph */
.moved-popup-content h6 {
  color: var(--primary-Text-color);
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.moved-popup .bold-text{font-weight: 600; margin-bottom: 0rem}
/* Close Button */
.moved-popup .close-btn {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: none;
  border: none;
  cursor: pointer;
}
.moved-popup .close-btn img{
    width: clamp(1.5rem, 0.5022rem + 2.0815vw, 3rem);
    height: clamp(1.5rem, 0.5022rem + 2.0815vw, 3rem);;
}
.moved-popup hr{color: #C1C7CD !important;}
.popup-link{position: absolute; bottom: 30px;}
.moved-popup .buttonGroup.popup-link a, .imp-update .buttonGroup a{
    font-weight:500; 
    text-decoration: underline; 
    font-size: clamp(1.125rem, 0.8755rem + 0.5204vw, 1.5rem);
}
.second-section {
  position: sticky;
  top: var(--navbar-height, 0px); /* fallback to 0 if variable not set */
  z-index: 10;
}

/* Animation */
@keyframes fadeInUp {
  from { transform: translateY(40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}


@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;
  }

  /* about us page */

  .partner-logos .card .card-body {
    padding: 1.5rem;
  }

  .partner-logos .card img {
    height: 40px;
  }
}

@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;
  }

  /* h2 font-size for mobile view */
  /*.pharmacy-btn-container a {*/
  /*  font-size: 15px;*/
  /*}*/
  .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;
  }

  .author_details h1 {
    font-size: 36px;
  }

  .author_content p {
    font-size: 18px;
  }

  .medication-app-img {
    max-width: 260px;
  }

  .medication-left-img {
    max-width: 260px;
  }

  .featureSwiper .swiper-slide .service-card .slide-content h2 {
    font-size: 24px;
  }

  .featureSwiper .swiper-slide .service-card .slide-content p {
    font-size: 18px;
  }
}

p:empty {
  display: none;
}

.dummy {
  background-image: url(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) {
   .moved-popup-content{padding: 2rem 1rem !important;}
  .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) {
.moved-popup-content{padding: 2rem 1rem; width: 95%;}
  .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;
}

/* Responsive css for the DosePacker Storage Page */

@media (max-width: 1024px) {

  .dosepacker-storage-banner,
  .dosepacker-storage-banner .dk-bg-video,
  .dosepacker-storage-banner .main-container-wrapper {
    height: 60vh;
  }

  .ds-carecommunity-os-section .heading-h2 {
    font-size: 32px;
  }

  .ds-carecommunity-os-section .mc-holder-row {
    align-items: center;
  }

  .ds-carecommunity-os-section .vector-graphic {
    width: 60px;
  }

  .ds-dnmc-faq-section {
    padding: 40px;
  }

  .ds-dnmc-faq-section .storage-accordion-container {
    padding: 0;
  }

  .ds-dnmc-faq-section .storage-accordion-image-desktop {
    top: 30%;
  }

  .ds-medication-optimization {
    padding: 40px;
  }

  .ds-storage-drawer-section {
    padding: 40px 0px;
  }

  .ds-storage-drawer-section h2 {
    width: 100%;
  }

  .ds-cc-feature-sect .ds-feature-col .heading-h2 {
    margin-bottom: 5%;
  }
  .pharmacy-our-pharmacies .image-box img{
      width:220px;
  }
  .pharmacy-right-padding-util{
        padding: 40px 0px 40px 40px;
    }
}

@media (max-width: 767px) {

  .dosepacker-storage-banner,
  .dosepacker-storage-banner .dk-bg-video,
  .dosepacker-storage-banner .main-container-wrapper {
    height: 80vh;
  }

  .ds-storage-drawer-section.storage-drawer-section .element-center {
    padding: 0 20px;
  }

  .drawer-tab.active::before {
    width: 80px;
  }

  .locking-storage-section {
    padding: 0px;
  }

  .locking-storage-section .dosekart-section-padding {
    padding: 20px;
  }

  .locking-storage-section .battery-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .ds-dnmc-faq-section {
    padding: 40px 20px;
  }

  .ds-dnmc-faq-section .product-bottomPadding {
    padding-bottom: 0px;
  }

  .ds-dnmc-faq-section .product-bottomPadding p {
    font-size: 18px;
  }

  .ds-medication-optimization .administration-experience-img {
    background: none !important;
    position: static;
    height: auto;
  }

  .ds-medication-optimization .mobile-content-box {
    position: static;
  }

  .dm-medication-optimization .mobile-content-box .card h3,
  .dm-medication-optimization .mobile-content-box .card p {
    color: initial;
    margin-top: 20px;
  }

  .ds-medication-optimization .mobile-content-box .buttonGroup .button-primary {
    background-color: var(--btn-color) !important;
    border-color: var(--btn-color) !important;
  }

  .ds-carecommunity-os-section .heading-h2 {
    margin: 20px 0;
  }

  .ds-carecommunity-os-section .element-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ds-carecommunity-os-section .heading-h2,
  .ds-carecommunity-os-section p {
    text-align: center;
  }

  .locking-storage-section .element-center {
    flex-direction: column-reverse;
  }

  .ds-medication-optimization .mobile-content-box .card-body {
    padding: 0;
  }

  .ds-medication-optimization .mobile-content-box .ds-content-holder {
    padding: 20px;
  }

  .ds-zoomSection .storage-product video {
    width: 100% !important;
    border-radius: 15px;
    height: 480px !important;
    object-fit: cover !important;
  }

  .ds-zoomSection .storage-product {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .locking-storage-section .locking-storage-image img {
    width: 80%;
  }

  .locking-storage-section .battery-info img {
    width: 80px !important;
    height: auto !important;
  }
  .pharmacy-our-pharmacies.pharmacy-right-padding-util{
      padding: 60px 0px 60px 20px !important;
  }
}
.soc-badge-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.soc-badge p {
    font-size: clamp(1.125rem, 1.0947rem + 0.1294vw, 1.25rem) !important;
    color: var(--btn-color) !important;
    font-weight: 500 !important;
}
/*----------------------Home Page Custom Hubspot Form------------------*/

#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;
  text-align: left;
  width: 100%;
}

#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 {
  /*display: none !important;*/
  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;
}

/* -------- Refer a Patient Page -------------- */

#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;
  width: 100%;
}

#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 {
  /*display: none !important;*/
  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;
}


/*  --------------.340B Page --------------------- */
#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 input:not([type="submit"]) {
  width: 100%;
  padding: 5px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  margin-bottom: 20px;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 select {
  width: 100%;
  padding: 5px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  margin-bottom: 20px;
  font-size: 18px;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 label {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  width: 100%;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80::placeholder {
  font-size: 16px;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 .hs-button {
  background-color: var(--btn-color);
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: white;
  margin-top: 25px;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 li {
  padding-left: 0;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 li label {
  color: red;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 .invalid {
  border-color: red !important;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 .error {
  border-color: red !important;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 .hs-error-msgs {
  /*display: none !important;*/
  margin: 0 !important;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 input::placeholder {
  color: #666666 !important;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 select:not(:-internal-list-box):not([multiple]) option:disabled {
  color: #666666 !important;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 select option:disabled {
  color: #666666 !important;
}

#hsForm_e183fe6e-76b6-4f65-9338-fb88b628bd80 .hs-error-msg {
  display: none !important;
}











/* -------------------- DoseMinder Related CSS ----------------------- */
.doseminder-ds-scrolling-section {
  min-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden;
  position: relative;
  background-color: var(--dm-dark);
}

.doseminder-ds-scrolling-section .slide-content {
  top: auto !important;
  bottom: 2% !important;
  left: 4% !important;
  visibility: hidden !important;
  transition: visibility 0.3s ease-in-out;
}

.doseminder-ds-scrolling-section .slide-content.active-slide-content {
  visibility: visible !important;
}



/* Main slider container */
.dm-reveal-slider-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background-color: white;
}
.dm-accordian-section .storage-accordion-header h5{
    color:var(--primary-Text-color);
}
/* Two column layout */
.dm-reveal-slider-section .dm-reveal-slider-wrapper {
  display: flex;
  height: 100%;
}

/* Left column - dynamic content */
.dm-reveal-slider-section .left-column {
  width: 55%;
  position: relative;
  overflow: hidden;
  height: 100%;
}

/* Right column - static content */
.dm-reveal-slider-section .right-column {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 3rem;
  height: 100%;
}

/* Individual slides for left column */
.dm-reveal-slider-section .slide {
  position: absolute;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active slide styles */
.dm-reveal-slider-section .slide.active {
  opacity: 1;
}

.dm-reveal-slider-section .img-wrapper img {
  max-width: 100%;
  height: auto;
}

/* Update the content-slide styles */
.dm-reveal-slider-section .content-slide {
  position: absolute;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
  width: 100%;

}

.dm-reveal-slider-section .content-slide.active {
  opacity: 1;
  transform: translateY(0);
  /* Center position */
  pointer-events: auto;
}

.dm-reveal-slider-section .content-slide.prev {
  transform: translateY(-100%);
  /* Move up */
}

/* ------------------------------------- */
.dm-second-slider-section .dm_sec_slider_container {
  height: 100vh;
  overflow: hidden;
}

.dm-second-slider-section .dm_sec_slider_wrapper {
  display: flex;
  height: 100%;
  width: 100%;
}

.dm-second-slider-section .dm_sec_left_column {
  flex: 1;
  position: relative;
}

.dm-second-slider-section .dm_sec_right_column {
  flex: 1;
  position: relative;
  background: #ffffff;
  padding: 60px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dm-second-slider-section .dm_sec_slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dm-second-slider-section .dm_sec_slide.dm_sec_active {
  opacity: 1;
}

.dm-second-slider-section .dm_sec_slide img {
  max-width: 20rem;
  width: 100%;
  height: auto;
}

.dm-second-slider-section .dm_sec_content_slide {
  position: absolute;
  top: 0;
  left: auto;
  width: 74%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(100%);
  transition: transform 0.5s ease;
}

.dm-second-slider-section .dm_sec_content_slide.dm_sec_active {
  transform: translateY(0);
}

/* Swiper Section for same dm-sec-slide css */


/* Wrapper */
.dm-second-swiper-slider-section .dm-sec-swiper-version-container {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 60px 20px;
}

/* Slides */
.dm-second-swiper-slider-section .dm-sec-swiper-version-slide {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
}

/* Columns */
.dm-second-swiper-slider-section .dm-sec-swiper-version-column-img {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dm-second-swiper-slider-section .dm-sec-swiper-version-column-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Image */
.dm-second-swiper-slider-section .dm-sec-swiper-version-column-img img {
  max-width: 17rem;
  width: 100%;
  height: auto;
  display: block;
}

/* Navigation arrows basic style */
.dm-second-swiper-slider-section .dm-sec-swiper-version-button-prev,
.dm-second-swiper-slider-section .dm-sec-swiper-version-button-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  border-radius: 50%;
}

.dm-second-swiper-slider-section .dm-sec-swiper-version-button-prev {
  left: 10px;
}

.dm-second-swiper-slider-section .dm-sec-swiper-version-button-next {
  right: 10px;
}


/* Add a wrapper for content slides to handle positioning */
.dm-reveal-slider-section .dnmc-content {
  position: relative;
  width: 100%;
  max-height: 20rem;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}

.dm-reveal-slider-section .right-column .dnmc-progress-bar {
  width: 100%;
  height: 3px;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 5;
}

.dm-reveal-slider-section .right-column .dnmc-progress-bar .dnmc-timeline-icons-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;

}

.dm-reveal-slider-section .right-column .dnmc-progress-bar .dnmc-timeline-bar {
  height: 3px;
  width: 30%;
  background-color: blue;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.dm-reveal-slider-section .dnmc-timeline-icons-wrapper span {
  width: 25%;
}

.dm-reveal-slider-section .dnmc-timeline-icons-wrapper .dnmc-step {
  width: 40px;
  height: 40px;
  background: white;
  position: relative;
  z-index: 50;
  border-radius: 50%;
}


/* ------------------------------------------- */
.dm-reveal-slider-section .right-column .dm-progressbar {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 20px 0;
  height: 40px;
}

.dm-reveal-slider-section .right-column .dm-progressbar-line {
  position: absolute;
  top: 50%;
  left: 0;
  height: 5px;
  width: 100%;
  background: #d3d3d3;
  transform: translateY(-50%);
  z-index: 1;
}

.dm-reveal-slider-section .right-column .dm-progressbar-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #4a90e2;
  /* blue active progress */
  transition: width 0.4s ease;
  z-index: 2;
}

.dm-reveal-slider-section .right-column .dm-progressbar-steps {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 3;
}

.dm-reveal-slider-section .right-column .dm-step {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #d3d3d3;
  transition: all 0.3s ease;
}

.dm-reveal-slider-section .right-column .dm-step.active {
  background: #4a90e2;
  border-color: #4a90e2;
  /* active step */
}

.dm-reveal-slider-section .right-column .dm-step span {
  position: relative;
  z-index: 5;
  color: #6b6b6b;
}

.dm-reveal-slider-section .right-column .dm-step.active span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #4a90e2;
  transition: width 0.4s ease;
  z-index: 10;
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/08/tick-1.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.dm-reveal-slider-section .right-column .dm-progressbar-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--progress-width, 0%);
  background: #4a90e2;
  transition: width 0.4s ease;
  z-index: 2;
}



.dm-storage-drawer-section .dm_relative-box {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 0;
}

.dm-storage-drawer-section .dm_absolute-box {
  position: absolute;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  text-align: center !important;
  padding: 5%;
}

.dm-storage-drawer-section .drawer-tabs {
  border-bottom: 3px solid #706f6f !important;
}

.dm-storage-drawer-section .drawer-tab::before {
  background: var(--btn-text-color) !important;
}

.dm-doorstep-section h2 {
  max-width: 75%;
}

.dm-medication-optimization .dm-administration-experience-img {
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/09/13.-Brochure-Section.png);
  border-radius: 12px;
}

.dm-charging-and-battery-section {
  padding: 4% 0;
}

.dm-charging-and-battery-section .first-row p,
.dm-charging-and-battery-section .first-row h2 {
  text-align: center;
}

.dm-scrollPlayedBanner {
  height: 100vh;
  background-color: var(--dm-dark);
}

.dm-scrollPlayedBanner .dm-banner-rel-wrapper {
  position: relative;
  padding: 0;
  z-index: 2;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dm-scrollPlayedBanner .dm-banner-rel-wrapper .videoStyleProps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  height: auto;
  z-index: 5;
}

.dm-sm-onscrollVideoPlaySection video {
  height: 42vh;
  width: 100%;
  object-fit: cover;

}

.dm-sm-onscrollVideoPlaySection {
  height: 42vh;
}

.dm-scrollPlayedBanner .dm-banner-rel-wrapper .absolute-content-wrapper {
  position: absolute;
  width: 60%;
  max-height: 100vh;
  height: auto;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dm-scrollPlayedBanner .dm-banner-rel-wrapper .button-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.dm-hr-scroll-sm-section {
  padding: 40px 20px;
  padding-right: 0;
  background-color: var(--dm-dark);
  overflow: hidden;
}

.dm-hr-scroll-sm-section .dm-hr-scroll-swiper {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  position: relative;
}

.dm-hr-scroll-sm-section .dm-hr-scroll-wrapper {
  display: flex;
}
.dm-content-box p{
    font-size: 24px; 
    padding-bottom: 20px;
}
.dm-hr-scroll-sm-section .dm-hr-scroll-slide {
  background: #eee;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dm-onscrollVideoPlaySection {
  min-height: 100vh;
}

.dm-onscrollVideoPlaySection .targetVideo {
  min-height: 100vh;
  height: 100%;
}

/* Navigation Arrows */
.dm-hr-scroll-sm-section .dm-hr-scroll-button-prev,
.dm-hr-scroll-sm-section .dm-hr-scroll-button-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  user-select: none;
}

.dm-hr-scroll-sm-section .dm-hr-scroll-button-prev {
  left: 10px;
}

.dm-hr-scroll-sm-section .dm-hr-scroll-button-next {
  right: 10px;
}

.dm-hr-scroll-sm-section .dm-hr-scroll-button-prev:hover,
.dm-hr-scroll-sm-section .dm-hr-scroll-button-next:hover {
  background: rgba(0, 0, 0, 0.6);
}

.dm-hr-scroll-sm-section .first,
.dm-hr-scroll-sm-section .second,
.dm-hr-scroll-sm-section .third {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: end;
}

.dm-hr-scroll-sm-section .first {
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/09/2.-USP-1.png) !important;
}

.dm-hr-scroll-sm-section .second {
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/09/2.-USP-2.png) !important;
}

.dm-hr-scroll-sm-section .third {
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/09/2.-USP-3.png) !important;
}

.dm-hr-scroll-sm-section .dm-hr-scroll-slide h4 {
  position: absolute;
  bottom: 20px;
  width: 90%;
  z-index: 10;
  left: auto;
}

.why-should-doseminder-section h2,
.why-should-doseminder-section p,
.why-should-doseminder-section h5 {
  text-align: center;
}

.why-should-doseminder-section .res-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width:1600px) {
  .dm-storage-drawer-section .dm_absolute-box {
    width: 55%;
    padding: 4%;
  }

  .dm-second-slider-section .dm_sec_slide img {
    max-width: 13rem;
    margin-top: 8%;
  }
  .nav-item {
    font-size: 20px;
}
}

@media (max-width:1024px) {

  .dm-scrollPlayedBanner,
  .dm-scrollPlayedBanner .dm-banner-rel-wrapper {
    height: 60vh;
  }

  .dm-storage-drawer-section,
  .dm-storage-drawer-section .element-center {
    padding: 0px !important;
  }



  .dm-reveal-slider-section .right-column {
    justify-content: start;
  }

  .dm-onscrollVideoPlaySection .targetVideo {
    min-height: 100% !important;
    height: 100%;
  }

  .dm-storage-drawer-section .dm_absolute-box {
    width: 85%;
    padding: 4%;
  }

  .dm-reveal-slider-section .dm-reveal-slider-wrapper {
    flex-direction: column;
  }

  .dm-reveal-slider-section .dnmc-content {
    max-height: 12rem;
  }

  .dm-reveal-slider-section .left-column {
    width: 55%;
    position: relative;
    overflow: hidden;
    height: 35%;
  }

  .dm-reveal-slider-section .right-column {
    width: 100%;
    height: 40%;
  }

  .no-meds-missed .main-content-holder {
    transform: translateY(-30%);
  }
  
}

@media (max-width:767px) {
  .dm-reveal-slider-section .dm-reveal-slider-wrapper {
    flex-direction: column-reverse;
  }

  .dm-reveal-slider-section .right-column {
    justify-content: end;
  }

  .dm-storage-drawer-section .dm_absolute-box {
    width: 98%;
    padding: 2%;
  }

  .dm-reveal-slider-section {
    margin-top: 0% !important;
  }

  .dm-scrollPlayedBanner .dm-banner-rel-wrapper .absolute-content-wrapper {
    width: 95%;
  }

  .dm-reveal-slider-section .left-column .slide {
    height: 0;
  }

  .dm-reveal-slider-section .left-column .slide.active {
    height: 100%;
  }

  .dm-reveal-slider-section .left-column {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .dm-reveal-slider-section .right-column {
    padding: 25px;
  }

  .dm-reveal-slider-section .left-column,
  .dm-reveal-slider-section .right-column {
    width: 100%;
  }

  .dm-reveal-slider-section .dnmc-content {
    max-height: 16rem;
  }

  .dm-storage-drawer-section .drawer-videos {
    width: 100%;
  }

  .dm-storage-drawer-section .sm-video {
    width: 100%;
    object-fit: cover;
    object-position: bottom center;
  }

  .why-should-doseminder-section,
  .dm-saftey-and-security {
    padding: 40px 20px !important;
  }

  .dm-doorstep-section {
    padding: 40px 20px !important;
    padding-top: 22rem !important;
    background-image: url(https://dosepacker.com/wp-content/uploads/2025/09/Dosepacker-Mobile-_Banner-02-03-03-03-scaled.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important;
  }

  .dm-doorstep-section h2 {
    max-width: 100%;
  }

  .dm-charging-and-battery-section .first-row,
  .dm-charging-and-battery-section .third-row {
    padding: 0 20px;
  }

  .dm-charging-and-battery-section .first-row p,
  .dm-charging-and-battery-section .first-row h2 {
    text-align: left;
  }

  .dm-charging-and-battery-section .sm-res-row .sm-res-col {
    width: 50%;
  }

  .dm-charging-and-battery-section .sm-res-row .sm-res-col p {
    font-size: 18px;
  }

  .why-should-doseminder-section p {
    font-size: 18px;
  }

  .why-should-doseminder-section h2,
  .why-should-doseminder-section p,
  .why-should-doseminder-section h5 {
    text-align: left;
  }

  .why-should-doseminder-section .res-col {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    gap: 20px;
  }

  .dm-charging-and-battery-section h5 {
    font-size: 22px;
  }

  .dm-accordian-section .element-center h2,
  .dm-accordian-section .element-center p {
    text-align: center;
  }

  .dm-medication-optimization .dm-administration-experience-img {
    background: none;
    height: auto;
  }

  .dm-sm-onscrollVideoPlaySection video {
    height: 100vh;
    width: 100%;
    object-fit: cover;

  }

  .dm-sm-onscrollVideoPlaySection {
    height: 100vh;
  }

  .dm-scrollPlayedBanner .button-holder a {
    font-size: 17px !important;
  }

  .dm-second-slider-section .dm_sec_slider_wrapper {
    flex-direction: column;
  }

  .dm-second-slider-section .dm_sec_right_column {
    padding: 30px 20px;
  }

  .dm-second-swiper-slider-section .dm-sec-swiper-version-slide {
    flex-direction: column;
  }

  .dm-second-swiper-slider-section .dm-sec-swiper-version-column-img {
    width: 100%;
  }

  .dm-second-swiper-slider-section .dm-sec-swiper-version-column-content {
    width: 100%;
  }

  .dm-second-swiper-slider-section .dm-sec-swiper-version-column-img img {
    max-width: 10rem;
  }
  .wrapper-router-link{
    text-decoration: none;
  }
}

@media (max-width:600px) {
  .dm-reveal-slider-section {
    margin-top: 5% !important;
  }

  .dm-reveal-slider-section .left-column {
    width: 55%;
    position: relative;
    overflow: hidden;
    height: 60%;
  }

  .dm-reveal-slider-section .right-column {
    height: 88%;
  }

  .dm-reveal-slider-section .right-column h2 {
    font-size: 24px;
  }

  .no-meds-missed {
    padding: 40px 20px;
  }

  .no-meds-missed .main-content-holder {
    transform: translateY(0%);
  }

  .dm-storage-drawer-section .drawer-tab.active::before {
    width: 131px !important;
  }

  .dm-storage-drawer-section .drawer-tab::before {
    left: 0 !important;
  }
}

@media (max-width:440px) {
  .dm-reveal-slider-section {
    margin-top: 2% !important;
  }

  .dm-reveal-slider-section .left-column {
    width: 100%;
    overflow: hidden;
  }

  .dm-reveal-slider-section .left-column .slide {
    overflow: hidden;
  }

}




/* ------------ Pharmacy Pages Continuous Slider CSS -------------*/
.ph-page-continuous-slider-section .ph_page-slider-container {
            width: 100%;
            overflow: hidden;
            background-color: #fff;
        }
        .ph-page-continuous-slider-section .ph-heading-container{
            padding: 60px 80px 25px 80px;
        }
        .ph-page-continuous-slider-section .first-main-container{
            padding:60px 80px 15px 80px;
        }
        .ph-page-continuous-slider-section .ph_page-slider-track {
            display: flex;
            gap: 20px;
            flex-wrap: nowrap;
            transform: translateX(0);
            will-change: transform;
        }

        .ph-page-continuous-slider-section .ph_page-slide {
            flex: 0 0 calc(25% - 15px);
            background-color: #fff;
            border-radius: 10px;
            text-align: center;
            margin-bottom: 20px;
            transition: transform 0.3s ease;
            padding: 30px 20px;
            border: 1px solid #ddd;
        }

        .ph-page-continuous-slider-section .ph_page-slide img {
            width: 100%;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            display: block;
        }
        .ph-page-continuous-slider-section .ph_page-slide h6{
            margin-bottom:3px;
        }
        .ph-page-continuous-slider-section .ph_page-slide p {
            font-size: 20px;
            font-weight:500;
        }
        .ph-page-continuous-slider-section .ph_page-img-box{
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
        }
        .ph-page-continuous-slider-section .ph_page-img-box img{
            height:70px;
            width:auto;
        }
        .ph-page-continuous-slider-section .ph_page-contant-box{
            text-align: left;
        }
        /* ✅ Responsive breakpoints */
        @media (max-width: 1024px) {
            .ph-page-continuous-slider-section .ph_page-slide {
                flex: 0 0 calc(50% - 10px);
                /* 2 slides visible */
            }
            .ph-page-continuous-slider-section .ph-heading-container{
            padding: 40px 40px 20px 40px;
        }
        }

        @media (max-width: 767px) {
            .ph-page-continuous-slider-section .ph_page-slide {
                flex: 0 0 100%;
                /* 1 slide visible */
                margin-right: 10px;
            }
            .ph-page-continuous-slider-section .ph-heading-container{
            padding: 40px 20px 20px 20px;
        }
        }
        
        
        
        
        
        
        
/* -------------- 340B Contract Pharmacy -------------------- */
        .section-seprator-padding {
            padding-bottom: clamp(2.1875rem, 1.1297rem + 2.2065vw, 3.75rem);
        }

        .left-col-340b {
            padding-right: clamp(0rem, -1.0578rem + 2.2065vw, 1.5625rem);
        }

        .right-col-340b {
            padding-left: clamp(0rem, -1.0578rem + 2.2065vw, 1.5625rem);
        }

        /* New Utilities */

        /* Page Related CSS */
        .contract-pharmacy340b-banner .banner-img-340b{
            width:100%;
            height:auto;
            border-radius:12px;
        }
        .parter-with-us-section-340b .first-main-row .firstCol {
            position: relative;
        }

        .parter-with-us-section-340b .first-main-row .firstCol .sticked-box-340b {
            position: sticky;
            top: 12%;
        }

        .what-we-offer-340b {
            padding-bottom: clamp(2.5rem, 0.8076rem + 3.5305vw, 5rem);
        }

        .what-we-offer-340b.ph-page-continuous-slider-section .ph-heading-container {
            padding: 60px 80px 44px 80px;
        }

        .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-slide {
            padding: 0;
        }

        .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-contant-box {
            padding: clamp(1.25rem, 0.7423rem + 1.0591vw, 2rem);

        }

        .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-img-box img {
            height: 300px;
            width: 100%;
            object-fit: cover;
            object-position: top;
        }

        .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-img-box {
            margin-bottom: 0;
        }
        .blog-listing-340b .Whats-New p{
         font-size: clamp(1.125rem, 0.7019rem + 0.8826vw, 1.75rem) !important;
     }
        .how-it-works-340b ul {
            list-style: none;
            padding-left: revert;
        }

        .how-it-works-340b ul li {
            position: relative;
            padding-left: 0;
        }

        .how-it-works-340b ul li::before {
            content: "";
            position: absolute;
            left: -1.5em;
            top: 0.6em;
            width: 23px;
            height: 16px;
            background: url("https://dosepacker.com/wp-content/uploads/2025/10/Vector-11.png") no-repeat center center;
            background-size: contain;
        }

        .how-it-works-340b .secMain-Row iframe {
            width: 100%;
            height: 85vh;
            object-fit: cover;
            border-radius: 15px;
        }

        .faq-section-340b {
            padding-top: clamp(2.5rem, 1.6538rem + 1.7652vw, 3.75rem);
            padding-bottom: clamp(2.5rem, 1.6538rem + 1.7652vw, 3.75rem);
        }

        .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-slide {
            flex: 0 0 calc(28% - 15px);
        }
        .blog-listing-340b .Whats-New {
    background: none;
}

.what-we-offer-340b.ph-page-continuous-slider-section .ph_page-slide{
    border-radius: 20px;
}
.what-we-offer-340b.ph-page-continuous-slider-section .ph_page-slide img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
      .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-slide p {
    font-weight: 400;
    
}  
        
        

        @media (min-width: 1025px) and (max-width: 1600px) {
            .contract-pharmacy340b-banner h1 {
                font-size: 60px;
            }

            .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-slide {
                flex: 0 0 calc(30% - 15px);
            }
        }

        @media (max-width: 1024px) {
            .how-it-works-340b .secMain-Row iframe {
                height: 50vh;
            }

            .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-slide {
                flex: 0 0 calc(48% - 15px);
            }
            .blog-listing-340b .Whats-New {
    padding: 40px;
}

            /* Only for this page */
        }

        @media (max-width: 767px) {
            .contract-pharmacy340b-banner h5 {
        font-size: 18px;
    }
    .page-340b-pharmacy h5{
        font-size: 24px;
    }
    .how-it-works-340b .secMain-Row iframe {
                height: 30vh;
            }
            .what-we-offer-340b.ph-page-continuous-slider-section .ph_page-slide {
                flex: 0 0 calc(98% - 15px);
            }
            .contract-pharmacy340b-banner .banner-img-340b{
            width:100%;
            height:54vh;
            object-fit:cover;
            object-position:30%;
        }
            .what-we-offer-340b.ph-page-continuous-slider-section .ph-heading-container {
                padding: 40px 20px;
            }

            .contract-pharmacy340b-banner .row>*,
            .parter-with-us-section-340b .first-main-row .firstCol,
            .how-it-works-340b .row>*,
            .faq-section-340b .row>* {
                padding: 0;
            }
            .blog-listing-340b .Whats-New {
              padding: 0px;
            }
            .contract-pharmacy340b-banner .first-row-340b p{
                font-size:18px;
            }

        }
        
        
        
        
        
        
        
        /* ------------------ Media and Resource Page ---------------------- */
        
        .spacing-bottom-60-32-util {
            padding-bottom: clamp(2rem, 0.8153rem + 2.4713vw, 3.75rem);
        }

        .spacing-bottom-40-28-util {
            padding-bottom: clamp(1.75rem, 1.2423rem + 1.0591vw, 2.5rem);
        }
        .m-r-banner-section{
            padding-bottom:0;
            font-size: clamp(2.25rem, 0.473rem + 3.707vw, 4.875rem);
        }
        .m-r-banner-section h1{
            font-size: clamp(2.25rem, 0.473rem + 3.707vw, 4.875rem);
        }
        
        .m_r-resource-listing-section .rel-parent-box {
            border: 1px solid var(--gray);
            border-radius: 12px;
            padding: 0;
            background-color: #FBFBFB;
            position:relative;
        }

        .m_r-resource-listing-section .main-second-row {
            display: flex;
            justify-content: space-between;
            gap: 4%;
        }
        .m_r-resource-listing-section .main-second-row .child-content-box p{
            font-size: clamp(1.125rem, 0.8711rem + 0.5296vw, 1.5rem);
        }
        .m_r-resource-listing-section .main-second-row .child-content-box {
            padding: 30px 40px 40px 40px;
            min-height:35vh;
        }

        .m_r-resource-listing-section .main-second-row .child-img-box img {
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }

        .m_r-resource-listing-section .main-second-row button {
            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;
            position:absolute;
            bottom:5%;
        }

        .m_r-page-popup-section .modal-content p {
            font-size: 24px;
        }

        .m_r-page-popup-section .modal-content {
            padding: 30px;
            max-height:90vh;
            overflow-y:auto;
        }

        .m_r-page-popup-section .modal-dialog {
            max-width: 100%;
            width: 60%;
        }

        .m_r-page-popup-section .modal-dialog form {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
        }

        .m_r-page-popup-section .modal-dialog form .dnmc-form-control {
            width: 48%;

        }
        .m_r-page-popup-section .modal-dialog form input:focus{
            outline:0;
        }
        .m_r-page-popup-section .modal-dialog form label {
            font-size: 24px;
            font-weight: 500;
        }

        .m_r-page-popup-section .modal-dialog form input,
        .m_r-page-popup-section .modal-dialog form select {
            border: none;
            border-bottom: 1px solid #AAAAAA;
            width: 100%;

        }

        .m_r-page-popup-section .modal-dialog form select{
            width: 48%;

        }
        .m_r-page-popup-section .modal-dialog form .dnmc-full input{
            width: 48%;

        }
        .m_r-page-popup-section .modal-dialog form .dnmc-full {
            width: 100%;
        }

        .m_r-page-popup-section .modal-dialog form .wpcf7-submit {
            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;
            background-color: var(--btn-color);
            color: var(--btn-text-color);
            border: 3px solid var(--btn-color);
            float: right;
            max-width: 175px;
        }

        .m_r-blog-listing-section .pharmacy-our-blogs {
            background: none;
        }
        .m_r-page-popup-section .wpcf7 form.sent .wpcf7-response-output {
    display: none;
}
        /*.m_r-page-popup-section .wpcf7 form .wpcf7-spinner{*/
        /*    display:none !important;*/
        /*}*/
        
        .m_r-page-popup-section .modal.show {
    display:flex !important;
    justify-content:center;
    align-items:center;
}
        
        
        
        
        
        @media (max-width:1600px) {
            .m_r-resource-listing-section .main-second-row .child-content-box {
            min-height:50vh;
        }
        }@media (max-width:1440px) {
            .m_r-resource-listing-section .main-second-row .child-content-box {
            min-height:55vh;
        }
        }
        @media (max-width:1024px) {
            .m_r-page-popup-section .modal-dialog {
                width: 95%;
            }
            .m_r-resource-listing-section .main-second-row .child-content-box {
        min-height: 30vh;
    }
        }

        @media (max-width:767px) {
            .m_r-page-popup-section .modal-dialog form .dnmc-form-control {
                width: 100%;

            }

            .m_r-page-popup-section .modal-dialog form select {
                width: 100%;
            }
            .m_r-page-popup-section .modal-dialog form .dnmc-full input{
            width: 100%;

        }
            .m_r-page-popup-section .modal-content p {
                font-size: 18px;
            }


            .m_r-page-popup-section .modal-dialog form label {
                font-size: 18px;
            }

            .m_r-resource-listing-section .main-second-row .child-content-box {
                padding: 16px;
            }

            .m_r-resource-listing-section .main-second-row {
                gap: 35px;
                flex-direction: column;
            }
            .m_r-resource-listing-section .main-second-row .child-content-box {
            min-height:auto;
        }
            .m_r-resource-listing-section .main-second-row button {
            position:static;
        }
        .m_r-page-popup-section .modal-content {
            max-height:85vh;
            overflow-y:auto;
        }
            .m_r-page-popup-section .modal-content h5{
                font-size:24px;
            }
        .m_r-resource-listing-section h5{
            font-size:24px;
        }
}

/*All Services Page CSS*/
.paddingBottom{padding-bottom: 0 !important;}
.all-services {
    background-image: url("https://dosepacker.com/wp-content/uploads/2025/11/group-of-happy-seniors-talking-to-young-nurse-whil-2024-12-13-18-35-12-utc-1.jpg");
}
.all-services-section .spacing-property{padding: 13% 4%;}
.program-section-padding, .zero-section-padding{padding: clamp(1.25rem, -0.2038rem + 4.3365vw, 5rem) clamp(1.25rem, 0.6277rem + 2.6019vw, 3.75rem);}
.program-section > :first-child {
    padding-top: 60px;
}
.program-section-row {padding-bottom: 60px;}
.program-img-section img{width: 100%;}
.program-spacing {padding: 32px;}
.all-service-button-grp{
    display: flex;
    justify-content: flex-start;
    gap: 16px;
}
.all-service-button{
    font-weight: 600;
    font-size: clamp(1rem, 0.6674rem + 0.6938vw, 1.5rem);
    text-decoration: none;
    margin: 12px 0;
}
.all-service-button:after {
    content: '';
    display: inline-block;
    width: clamp(1rem, 0.9251rem + 0.479vw, 1.5rem);
    height: clamp(1rem, 0.9251rem + 0.479vw, 1.5rem);
    margin-left: 6px;
    background-image: url(https://dosepacker.com/wp-content/uploads/2025/11/CaretDown-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.who-we-serve-section .center-para{
    width: 94%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.serve-entity-card {
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    height: 100%;
    border: 2px solid #EAF1F8;
}
.serve-entity-card img {
    width: 60px;
    height: 60px;
    margin-bottom: 16px;
}
.serve-entity-card h4 {
    font-size: clamp(1.125rem, 0.8755rem + 0.5204vw, 1.5rem);
    margin-bottom: 12px;
    font-weight: 600;
}
.serve-entity-card p {
    font-size: clamp(1.125rem, 0.8755rem + 0.5204vw, 1.5rem);
    margin: 0;
}
.connect-section{
    background-image: url("https://dosepacker.com/wp-content/uploads/2025/11/Frame-1000007590-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #08559F;
    display: flex;
    justify-content: center;
    padding: 40px;
}
.connect-section h4{margin-bottom: 20px !important;}
.connect-section p{margin-bottom: 30px !important;}
.all-service-form-image{
   background-image: url(https://dosepacker.com/wp-content/uploads/2025/11/Frame-1380.png);}

@media (max-width: 767px){
.column-reverse{flex-direction: column-reverse;}
.zero-section-padding{padding: 0;}
.all-services-section {
    background-image: url("https://dosepacker.com/wp-content/uploads/2025/11/Frame-1000007977.png");
}
.all-services-section .abs-wrapper{
    bottom: 0px;
}
.all-services-section .spacing-property{
    padding: 20px;
}
.all-services-section .mobile-text-variant h1 {
    color: Black !important;
    font-size: 32px;
}
.all-services-section .mobile-text-variant p {
    color: #666666 !important;
    font-size: 16px;
} 
.program-spacing {
  padding: 20px 16px;
}
.program-section > :first-child {
    padding-top: 30px;
}
.program-section-row {
  padding-bottom: 20px;
}
.who-we-serve-section .center-para{width: 100%;}
.connect-section {padding:20px 12px; background-image: none;}
.connect-section-button{margin-bottom: 10px;}
.all-service-form-image{
    height: 80vh;
    border-radius: 0px;
    position: relative; 
}
.all-service-form-content{
    position: absolute;
    bottom: 4px;
    left: 12px;
}
.all-service-form-content h2, .all-service-form-content p, .all-service-form-content a{color: white !important;}
.all-service-form-content p{font-weight: 300;}
}





/* Formulary Page  CSS */

 .formulary-management-services-banner{
      background-image: url(https://dosepacker.com/wp-content/uploads/2025/12/Hero-Section-scaled.png);
          height: 95vh;
    display: flex;
    align-items: center;
    }
    .fm-slider-section .fm-slider {
  width: 100%;
  padding:10px 0;
}
   .fm-faq .accordion-button:not(.collapsed) {
        font-size: clamp(1.125rem, 0.7092rem + 0.8673vw, 1.75rem) !important;
    }
   .fm-faq .accordion-button {
        font-size: clamp(1.125rem, 0.7092rem + 0.8673vw, 1.75rem) !important;
    }
  .formulary-management-services-banner .products-btn{
      margin-top:8px;
  }
    .fm-slider-section .fm-slider-slide {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      border-radius: 10px;
      border: 1px solid rgba(8, 85, 159, 0.20);
      background: linear-gradient(117deg, rgba(8, 85, 159, 0.05) 0%, rgba(247, 250, 255, 0.00) 42.67%);
      padding:clamp(1.5rem, 0.5769rem + 1.9231vw, 2.5rem);
      height:auto;
    }
     .fm-slider-section .fm-slider-slide img{
         width:100px;
         height:auto;
         margin-bottom: clamp(2.125rem, 1.7788rem + 0.7212vw, 2.5rem);
     }
    .fm-slider-section .fm-slider-slide h4{
     margin-bottom:16px;   
    }
    .fm-slider-section .fm-slider-slide p{
     margin-bottom:0px;   
    }
.formulary-management-why-choose-us li{
      color: var(--para-text) ;
      font-size: clamp(1rem, 0.5rem + 1.0417vw, 1.75rem);
    }
    .formulary-management-why-choose-us h2{
        margin-bottom:clamp(1.25rem, 0.75rem + 1.0417vw, 2rem);
    }
    .formulary-management-why-choose-us li span{
      color: var(--primary-Text-color);
      font-size: clamp(1rem, 0.5rem + 1.0417vw, 1.75rem);
    }
    .formulary-management-why-choose-us ul {
  list-style: none;
}
.fm-strengthen-your-formulary .pharmacy-btn-container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.fm-strengthen-your-formulary .pharmacy-btn-container .products-btn{
    margin-top:0px;
}
.formulary-management-why-choose-us li {
  color: var(--para-text);
  list-style: none; 
  position: relative;
  padding-left:40px;
  line-height:normal;
  margin-bottom:32px;
}

.formulary-management-why-choose-us .program-spacing{
    padding-left:clamp(1rem, -0.8333rem + 3.8194vw, 3.75rem);  /*60px - 16px*/
}
.formulary-management-why-choose-us li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 25px;
  height: 25px;
  background-image: url('https://dosepacker.com/wp-content/uploads/2025/04/ic_round-check.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.formulary-management-program-section .program-section > :first-child {
    padding-top: 0px;
}

.fm-page-swiper .swiper-slide {
  width: auto !important; /* allow Swiper control */
  flex-shrink: 1 !important;
  height:auto;
}
.fm-page-swiper .swiper-wrapper{
    /*gap:20px;*/
}
.custom-swiper {
  width: 100%;
  padding: 20px 0;
}

.custom-swiper-slide {
  background: #f1f1f1;
  padding: 40px;
  border-radius: 12px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.formulary-management-services-page.who-we-serve-section{
    padding-bottom:0px;
}
.fm-slider-section{
    padding:0 clamp(0.9375rem, -0.9375rem + 3.9063vw, 3.75rem);
}
@media (max-width:1600px) {
  .formulary-management-services-banner.all-services-section .spacing-property{
    padding: 4% 4%;
  }
}
@media (max-width:1024px) {
  .fm-slider-section .fm-page-swiper .swiper-slide {
  flex-shrink: auto !important;
}
.formulary-management-services-banner .products-btn{
      margin-top:12px;
  }
  .fm-faq .accordion-body p {
        font-size: 18px;
    }
}
@media (max-width:767px) {
   .formulary-management-services-banner{
      background-image: url(https://dosepacker.com/wp-content/uploads/2025/12/Hero-Section-Mobile.png);
      height:110vh;
    }
    .formulary-management-services-banner.all-services-section .abs-wrapper {
        left: 0;
        padding: 20px;
    }
    .formulary-management-why-choose-us li {
  padding-left:30px;
}
    .formulary-management-why-choose-us li::before {
  width: 20px;
  height: 20px;
  top:11px;
}
.formulary-management-program-section .program-spacing {
        padding: 20px 0px !important;
    }
.fm-slider-section{
    padding-right:0 !important;
}
.padding-left-30-0{
    padding-left:0px;
}
}

@media (max-width:500px) {
    .formulary-management-services-banner p{
        padding-top:0 !important;
    }
    .formulary-management-why-choose-us .program-spacing{
        padding-bottom:0 !important;
    }
    .formulary-management-why-choose-us ul{
        margin-bottom:0 !important;
    }
    .fm-strengthen-your-formulary .connect-section {
        padding: 40px 12px;
    }
    .fm-strengthen-your-formulary .pharmacy-btn-container{
        margin-bottom:0 !important;
    }
    .fm-strengthen-your-formulary .products-btn{
    font-size:15px;
    padding:14px;
}

}






/*blog faq css*/
 .blogfaq-wrap{
    margin:0 auto;
  }
  .blogfaq-wrap .faq-item{
      border-bottom:1px solid #cfcfcf;
      margin-bottom: 20px;
  }
  .blogfaq-wrap .faq-btn{
    width:100%;
    border:none;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    text-align:left;
    cursor:pointer;
    color:#061a2b;
    font-weight:500;
  }
   .blogfaq-wrap .faq-btn h3{
    font-size: 22px;
    margin-bottom: 1rem;
    margin-top: 0;
    padding-bottom: 0;
   }
  .blogfaq-wrap .faq-icon{
    flex:0 0 auto;
    width:28px;height:28px;
    position:relative;
  }
  .blogfaq-wrap .faq-icon::before,
  .blogfaq-wrap .faq-icon::after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    background:#061a2b;
    border-radius:2px;
    transform:translate(-50%,-50%);
    transition:all .25s ease;
  }
  .blogfaq-wrap .faq-icon::before{width:16px;height:2px;}
  .blogfaq-wrap .faq-icon::after{width:2px;height:16px;}
  .blogfaq-wrap .faq-item.active .faq-icon::after{height:0;opacity:0;}
  .blogfaq-wrap .faq-content{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .35s ease;
  }
  .blogfaq-wrap .faq-item.active .faq-content{grid-template-rows:1fr;}
  .blogfaq-wrap .faq-inner{overflow:hidden;}
  .blogfaq-wrap .faq-item.active .faq-btn{padding-bottom:14px;}

  @media (max-width: 900px){
    .blogfaq-wrap .faq-btn h3{font-size: 18px;}
  }
  @media (max-width: 600px){
    .blogfaq-wrap .faq-btn{gap:10px;}
    .blogfaq-wrap .faq-icon{width:24px;height:24px;}
    .faq-answer{padding-bottom: 20px;}
  }








/* --------------- Career Page CSS ------------------ */
.banner-bg-lightBlue {
    background-color: #E0EAF5;
  }

  .career-banner-section .bannerCol_img {
    width: auto;
    max-height: clamp(17.5rem, 8.3532rem + 19.0807vw, 31.25rem);
    float: right;
  }
  .border-Right-Prop{
    border-right: 1px solid #C1C7CD;
    padding-right: 15px;
  }
  .aboutJob-section ul{
    list-style: revert;
    padding: revert;
  }
  .aboutJob-section ul li{
    padding-left: 0;
  }
  
  @media(max-width:767px){
      .border-Right-Prop{
    border-right: 0px;
    padding-right: 0px;
  }
  }