* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "General Sans", sans-serif;
}
html {
    margin-top: 0px !important;
}
:root {
  --btn-color: #08559f;
  --btn-text-color: #fff;
  --primary-Text-color: #01101d;
  --head-blue: #021a30;
  --light--blue: #153858;
  --dark-blue: #05335F;
  --para-text: #666666;
  --products-bg-color: #f5f5f7;
  --lightGray:#fbfbfb;
  --gray: #c2c2c2;
  --purple:#673AB7;
  --dark-gray:#333333;
  --cc-purple: #371377;
  --cc-btn: #673AB7;
}

body{color: var(--primary-Text-color);}
.margin-class {margin: auto 0;}
h1{font-size: 78px; font-weight: 600; color: var(--primary-Text-color);}
h2{font-size: 54px; font-weight: 600; color: var(--primary-Text-color);}
h3{font-size: 48px; font-weight: 600; color: var(--btn-color);}
h4{font-size: 40px; font-weight: 600; color: var(--primary-Text-color);}
h5{font-size: 32px; font-weight: 600; color: var(--btn-color);}
h6{font-size: 24px; font-weight: 400; line-height: 1.3;}
p{font-size: 28px; font-weight: 400; color: var(--para-text);}
h6 span{color: var(--purple); font-weight: 500;}
p span{font-size: 20px;}
a{font-size: 24px; font-weight: 400; color: var(--para-text); color: var(--btn-color);}
li{font-size: 28px; color: var(--primary-Text-color);}
.p-70{padding: 70px;}
.padding-section{padding: 60px 80px 60px 80px;}
.spacing-property{padding: 13% 6%;}
.py-70{padding-top: 70px; padding-bottom: 70px;}
.element-center{display: flex; justify-content: center; align-items: center;}
.why-medication .card-title{color: var(--primary-Text-color); font-weight: 600;}
h2 span{color: var(--btn-color);}
.spacingRight{padding-right: 50px;}
.spacingLeft{padding-left: 50px;}
.card-text{color: var(--para-text); font-size: 24px;}
.card-title{font-size: 28px;}
.card-title span{display: block; font-size: 28px;}
ul {list-style: none; padding: 0;}
ul li{position: relative; padding-left: 35px; line-height: 1.8;}
.blue-text{
  color: var(--btn-color);
}
.black-text{
  color: var(--primary-Text-color) !important;
}
.dark-blue-text{
  color: var(--dark-blue) !important;
}
.font-500{
  font-weight: 500 !important;
}
.font-600{
  font-weight: 600 !important;
}
.font-700{
  font-weight: 700;
}
.experience-innovation ul li:before {
  content: '';
  position: absolute;
  left: 0;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px; 
  height: 25px;
  background: url('https://dosepacker.com/wp-content/uploads/2025/04/ic_round-check.png') no-repeat center / contain;
}
.btn-border-utility{
  border: 3px solid var(--btn-color);
}
.mobile-variant-image{
  display: none;
}
label{
  color: var(--btn-color);
  font-size: 32px;
  font-weight: 600;
}
.home-carousel{position: relative;}
.solid-btn a{color: var(--primary-Text-color);}
.solid-btn a:hover{border: 3px solid var(--btn-text-color); color: var(--btn-text-color);}
.carousel-content{width: 55%;}
.carousel-content h1, .carousel-content h5{color: var(--btn-text-color);}
.carousel-content h5{font-weight: 400; margin: 40px 0 70px 0;}
.solid-btn .transparent-btn{
  border: 3px solid transparent;
  border-radius: 8px;
  outline: 0;
  margin-top: 20px;
  padding: 14px 24px;
  background-color: transparent;
  transition: background-color 0.4s ease-out;
  text-decoration: none;
  color: var(--btn-text-color);
  margin-left: 20px;
}
.solid-btn .transparent-btn:hover{transition: border 2s ease-out;}
.What-makes-us-col2 h4{font-size: 28px;}
.solid-btn a {font-weight: 600;}
.What-makes-us-col1 h4{color: var(--btn-color);}
.testimonial_slider label{color: var(--primary-Text-color);}
/* -------- 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);}
.blog-page .blue-h6{color: var(--btn-color); font-weight: 500;}
/* .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;}
.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;
}
.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;
  /* flex-wrap: wrap; */
  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: 512px;
}
.slide {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 90vh;
  overflow-x: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 1s ease-in-out;
  /* 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: .4s ease-out;
}

.slider-item {
  margin: 0 15px;
  width: 250px;
  height: 100px;
}
.desktop_content{
  display: block;
}
.mobile-restricted{
  display: none;
}
.slider-item img {
  width: 90%;
  height: 90%;
  border-radius: 12px;
}

.slider-wrapper .prev,
.slider-wrapper .next {
  position: absolute;
  z-index: 1;
  width: 30px;
  height: 30px;
  line-height: 26px;
  border-radius: 50%;
  color: black;
  font-size: 15px;
  cursor: pointer;
  display: none;
}

.slider-wrapper .prev {
  left: 10px;
}

.slider-wrapper .next {
  right: 10px;
}
.background-property{
background-position: center;
padding: 100px 0;
background-size: cover;
background-repeat: no-repeat;
}

.home-banner{margin-top: 103px;}
.slide1 {
  background-image: url("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);
}

.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 {
  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: 100px 80px 80px 80px;
}
.Second-container hr{
  color: var(--dark-blue);
  width: 75%;
  height: 2px;
}
.zoomSwiperSection .slider-section .swiper-wrapper{
    overflow: visible;
    align-items:center;
}
.zoomSwiperSection .slider-section .shadow-holder{
    border-radius: 24px;
    background: #F5F5F5;
    transform:scale(0.85);
    padding:2%;
    transition:all 0.3s linear;
}
.zoomSwiperSection .slider-section .shadow-holder.zoomed-slide{
    border-radius: 24px;
    border: 2px solid rgba(8, 85, 159, 0.20);
    background: #FFF;
    transform:scale(1);
}
.Whats-New .bg-img {
  background: url("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;
}

/*  */
.footer {
  padding: 30px 100px; 
  background: #E0EAF5;
}
.footer a {font-size: 22px; color:#666666; text-decoration: none;  font-weight: 400;}
.footer p {margin-bottom: 7px; font-size: 22px; font-weight: 400; color: #666666;}
.footer-logo {
  padding-top: 10px;
}
.footer-logo p{
  margin-bottom: 0;
}
.footer-logo-img {
  width: 320px;
  margin-bottom: 30px;
}
.footer-links {
  text-align: right;
  text-decoration: none;
  padding-top: 10px;
}
.footer .social-container{
  margin-top: 15px;
}
.social-container img{padding-right: 5px;}
.footer-links a {
  font-size: 18px;
  font-weight: 400;
  padding-right: 10px;
  text-decoration: none;
  color: var(--primary-Text-color);
}
.footer h4{
  color:#01101D;
  font-size: 22px;
  font-weight: 600px;
  padding-bottom: 10px;
}
.social-container img{width: 30px; margin-right: 15px;}


.bottom-footer{margin-top: 15px;}
.bottom-footer p{color: var(--primary-Text-color); font-size: 18px;} 

@keyframes slide_up{
  0%{
    transform: translateY(250px);
  }
  100%{
    transform: translateY(0);
  }
}
/* delete this section */
.testimonial_slider p{
  font-size: 24px;
  font-weight: 400;
}
.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: 110px;
  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: 100px 60px;}
.products-btn a, .products-btn{
  font-size: 24px;
  color: var(--btn-text-color);
  text-decoration: none;
  font-weight: 600;
}
.products-btn:hover { border: 3px solid var(--btn-color);  background-color: transparent;}
.products-btn:hover a {color: var(--btn-color);font-weight: 600;}
.products-btn-secondary {border-radius: 8px; border: solid 3px var(--btn-color);
  outline: 0;
  margin-top: 20px;
  padding: 14px 24px;
  transition: background-color 0.4s ease-out;
  /* 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.50); 
  padding: clamp(1.875rem, 1.5461rem + 1.3158vw, 3.125rem) clamp(1.875rem, 0.5416rem + 2.1529vw, 3.125rem);
}
.administration-experience-img{
  background-image: url('https://dosepacker.com/wp-content/uploads/2025/04/administration-experience.png');
  border-radius: 12px;
}
.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.20);
  background: #FFF;
  width: 40%;
  font-size: 24px;
}
.card-margin .hover-smart-product{
  margin: 0 20px;
}
.hover-smart-product h4, .visible-product h3{
  color: var(--btn-color);  
  font-weight: 600;
}

.heading-content{padding-right: 40px;}
/* .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: .1em;
  margin-left: .1em;
  }
  .dropdown:hover>.dropdown-menu, 
  .dropstart:hover>.dropdown-menu {
  display: block;
  margin-top: .1em;
  margin-left: .1em;
  }
  .dropdown:hover>.two-col {
    display: flex !important;
    margin-top: .1em;
    margin-left: .1em;
    }
.two-col{display: flex;}
.career-banner{
  background-image: url('https://dosepacker.com/wp-content/uploads/2025/04/Career-banner.png');
}
.career-search input{  
  border-radius: 50px;  
  padding: 20px;
}
.career-search form{
  display: flex;
  align-items: center;
  position: relative; 
}
.career-search button{
  position: absolute; 
  right: 45px;
  background-color: var(--btn-color) !important;
  color: white;
  border-radius: 25px;
  padding: 8px 25px;
}
.career-search button:hover{
  color: white;
}
.section-padding{
  padding: 120px 60px;
}
.searchBy .card{
  padding: 10px;
  border-radius: 20px;
}
.job_search{background: linear-gradient(180deg, white 0%, #E0EAF5 50%);}
.job_search label{font-size: 22px; font-weight: 400;}
.job_location{padding-bottom: 50px; color: var(--primary-Text-color); font-weight: 500;}
.left-border{border-right: 1px solid #C1C7CD;}
.right-border{padding-left: 50px;}
.searchBy span{color: var(--btn-color); font-size: 20px; font-weight: 500;}
.refer-patient-banner{
  background-image: url('img/Refer-Patient.png');
}
.refer-form{padding: 0 60px;}
.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;}
.stats-overview .card h2{font-size: 108px; color: var(--purple);}
.stats-overview .card h5{color: var(--para-text);}
.profile-ease{display: flex; align-items: center;}
.profile-ease h2{padding-bottom: 20px;}
.resident-profiles .card{background-color: #F0F0F0; border-radius: 32px;}
.resident-profiles h3{font-size: 48px; color: var(--primary-Text-color);}
.carecommunity-purple{color: var(--cc-purple);}
.resident-profiles h3 span, .profile-ease h2 span{color: var(--purple);}
.resident-profiles .card{padding: 3rem;}
.resident-profiles .card .card-img-top{width: 65% !important; margin: 20px auto;}
.dosepacker-slot .slot1, .dosepacker-slot .slot2{height: 800px; width: auto;}
.col-height{position: relative;  padding: 50px; border-radius: 12px; border: 1px rgba(174, 155, 209, 0.50) solid;}
.col-height a{position: absolute; bottom: 50px; background-color: var(--purple); border-color: var(--purple);}
.col-height a:hover{border-color: var(--purple);}
.scroll-section {background-color: #f0f0f0;}

.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;
}
.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;
    font-family: Arial, sans-serif;
    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: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.product-faq .accordion-button:not(.collapsed){
box-shadow: none;
}
.background {
  width: 100vw;
  height: 100vh;
  z-index: -1;
}
.background img {
  position: absolute;
  left: 0;
  width: 100%;  
  height: 100vh; 
  object-fit: cover; 
  opacity: 0;
  transition: opacity 2s ease-in-out;
  animation: fadeEffect 15s infinite;
}
.background img:nth-child(1) { animation-delay: 0s; }
.background img:nth-child(2) { animation-delay: 3s; }
.background img:nth-child(3) { animation-delay: 6s; }
.background img:nth-child(4) { animation-delay: 9s; }
.background img:nth-child(5) { animation-delay: 12s; }

@keyframes fadeEffect {
  0% { opacity: 0; }
  20% { opacity: 1; }
  40% { opacity: 1; }
  60% { opacity: 0; }
  100% { opacity: 0; }
}
/*.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, .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 80px 60px 80px}
.blog-content-section h2 {
    font-size: 32px;
    color: var(--primary-Text-color);
    margin-top: 2rem;
}
.blog-content-section h3 {
    font-size: 22px;
    color: var(--primary-Text-color);
    margin-bottom: 0rem;
    margin-top: 2rem;
}
.blog-content-section h4{
    font-size: 26px;
    color: var(--primary-Text-color);
    margin-bottom: 1rem;
}
.blog-content-section p,.blog-content-section a, .blog-content-section li{
    font-size: 20px;
}
.blog-content-section p{color: var(--primary-Text-color);}
.blog-content-section ul {
    list-style-type: disc; 
    padding: revert;
}
.blog-content-section ul li {
    padding-left: revert;
    color: var(--primary-Text-color);
    font-weight: 400;
}
.blog-content-section .products-btn {
    margin-top: 1rem;
    margin-bottom:1.5rem;
}
.blog-image{
    border-radius: 16px;
}
.more-blog-h5{
    color: var(--primary-Text-color);
}
.thank-you-section hr{
     color: var(--primary-Text-color);
     width: 80%;
     margin: auto;
     margin-top: 50px;
}
#no-col-msg{
    font-size: 28px;
    padding: 20px;
    display: none;
}
.tablet_content{
    display: none;
}
.highlight{
    background: linear-gradient(90deg, #371377, #4D17AF, #7E50D0); 
    color: white;
    padding: 0em 0.4em;
    border-radius: 1.5em;
    line-height: 1.4;
    display: inline;
}
#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;}
body.modal-open {
  padding-right: 0 !important;
}
body {
  padding-right: 0 !important;
}
.modal-content {
    border-radius: 14px !important;
    padding-right: 10px;
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    font-weight: 600;
    color: #003566;
    font-size: 24px;
}
.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.8);
}
.modal hr{
    border-bottom: 1px solid #C1C7CD ;
    margin: 0;
}
.pp-modal .modal-header, .pp-modal .modal-body{
    padding: 20px 30px;
}
.pp-modal p{font-size: 18px; color: var(--primary-Text-color);}
.pp-modal p strong{font-weight: 600;}
.pp-modal p span strong {font-weight: 600; text-decoration: underline;}
footer .hipaa-policy{color: var(--btn-color); text-decoration: underline;} 


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

/* ----------------------- Style Section for Blog Section End ---------------------- */
/* Media Querry for care network section */

@media only screen and (min-width: 601px) {
  .mobile_img, .mobile_contentsolution{display: none;}
  .mobile_makes_us{display: none;}
  .form_heading p{display: none;}
  .footer_mobile, .Whats-New-mobile{display: none;} 
}
@media screen and (min-width:769px) {
  .dropend:hover>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropstart .dropdown-toggle {
    margin-left: .5em;
  }
  .mobile_navigation, .mobile-bottom-footer, .mobile-footer{
      display: none !important;
  }
  .profile-content{padding-right: 50px;}
}
@media only screen and (min-width: 1024px) {
  .form-content{padding-right: 20px;}
  .slotPackaging-content h2, .slotPackaging-content p{padding-right: 50px;}
}
@media only screen and (min-width: 1200px){
    .slide-container {padding-left: 50px;}
    .partners{padding-bottom:30px;}
}
@media 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; }
}
@media only screen and (min-width: 1601px){
    .pp-modal .modal-xl{
    max-width: 1400px;
    width: 100%;
}
  .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: 15vh;}
  .circle5{top: 30vh;}
  .circle6{bottom: 32vh;}
  .box-1{bottom: 29vh;}
  .box-2{bottom: 26vh;}
  .box-3{bottom: 18vh;}
  .box-4{bottom: 17vh;}
  .box-5{bottom: 69vh;}
  .box-6{bottom: 34vh;}
  .tooltip-circle{left: 70px;}
  .tooltip-box{left: 45px;}
  .stats-overview{margin-top: 3rem;}
  }
  
@media only screen and (max-width: 1600px){
  .experience-innovation img{width: 90%;}
  .medication-card .card {padding: 35px 10px;}
  .medication-card img {max-width: 100px;}
  .data-difference .col{padding: 20px;}
  .spacing-property {padding: 7% 3%;}
  .medication-card .swiper-slide p{font-size: 20px;}
  .easeUse-Video {max-width: 63%;}
  .medication-administration .card{padding: 20px;}
  .easy-use{padding-left: 80px;}
  .secure-locks{padding: 100px 10px 260px 10px;}
  .product-background-property {padding: 100px 60px;}
  .dynamic-range{padding: 80px 60px 450px 60px;}
  .secure-locks{padding: 80px 60px 450px 60px;}
  .pharmacy-faq-section{padding-top: 0;}
  .stats-overview .card h2{font-size: 75px;}
  .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;
    }
}

@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;}
.slide-container { height: 82vh;}
h2{font-size: 42px;}
p{font-size: 24px;}
.card-title span {font-size: 24px;}
.card-text{font-size: 20px;}
.data-difference .card h2 {font-size: 70px;}
.card-title {font-size: 24px;}
.padding-section{padding: 60px;}
li{font-size: 24px;}
h3{font-size: 28px;}
/* .blog-page h5{font-size: 20px;} */
h6{font-size: 20px;}
.item {min-height: 35em;}
.content h3 {padding-left: 50px !important; font-size: 26px; width: 80%;}
.footer a{font-size: 20px;}
.What-makes-us-section h2 {font-size: 42px; padding-bottom: 20px;}
/* p, a {font-size: 20px;} */
.footer p{ font-weight: 400; font-size: 20px;}
.para p{font-size: 14px !important; }
.head h5 {font-size: 21px;}
.Whats-New .sub-container2 {
  background-color: #021a30;
  padding: 40px 20px 40px 20px;
  border-radius: 40px;
  height: auto;  }
.What-makes-us-col1 {padding-right: 0px !important;}
.slide1 {background-position: center;}
.slide6, .slide2 {background-position: center;} 
.g-lg-5, .gx-lg-5 {--bs-gutter-x: 1rem !important; --bs-gutter-y: 2rem !important;} 
.solution-heading {padding-bottom: 35px;}
.product_card {padding: 1rem 1rem 0.4rem 1rem;}
.Whats-New .Second-container h3 {
  font-size: 28px;
  color: var(--dark-blue);
  font-weight: 600px;
  line-height: 2.5rem;
}
.col-form-label{font-size: 18px;  }
.pharmacy-faq-section .box{width: 90%;}
/*  form */
.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;}
.card-align .card img{width: 70px;}
.spacingRight{padding-right: 50px;}
.spacingLeft{padding-left: 10px;}
.cardWithIcon {padding: 90px 0px 80px 0px;}
.cardWithIcon .col {padding: 0 20px;}
.cardWithIcon .card {padding: 50px 30px 40px 30px;}
.cardWithIcon img {top: -44px;}
/* .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: 20px;
}
.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: 14vh;}
}
@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: 16px;}
  p, li , a{font-size: 22px;}
  .desktop_logo img{width: 250px;}
  .navbar {padding: 1.5rem 0.5rem;}
  .horizontal-scrolling{display: none !important;}
  .horizontal-scrolling .image-container{display: none;}
  .featureSwiper{display: block;}
  .heading-h2{font-size: 40px;}
}
@media only screen and (max-width: 1199px){
  .card-align .card{margin-bottom: 0;}
  .card-align .col{margin-top: 0;}
  .card-title span{display: inline-block;}
  .slide-container {padding-top: 50px; height: 490px;}
  .dynamic-range{padding: 50px 10px 300px 10px;}
  .product-background-property{padding: 50px 30px 300px 30px;}
  .resident-profiles h3{font-size: 32px;}
  .resident-profiles .card {padding: 1rem;}
  .packaging-content{display: none;}
  .dosepacker-slot .slot1, .dosepacker-slot .slot2 {
    height: 550px; margin-bottom: 40px;
    width: auto;}
  .mobile-packaging-content1, .mobile-packaging-content2{
    display: block;
    padding-left: 50px;
  }
  #page4{display: none;}
  .cc-product-card img{
    max-width: 200px;
    width: 100%;
    margin-bottom: 30px;
  }
  .cc-product-card {
    border: 2px solid var(--cc-purple);
    padding: 40px 20px;
    border-radius: 12px;
  }
  .cc-product-description .title{
    font-size: 24px;
  }
  .cc-product-description p{
    font-size: 20px;
  }
  .mobile-compatible-product{display: block;}
  .medication-administration, .product-faq{padding: 50px 30px 50px 30px;}
  #slotPackaging-content{display: none;}
  .careCommunity-banner label {font-size: 32px;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
  .pharmacy-btn-container{
    margin-top: 0;
  } 
  .white-h3-utlity{
    font-size: 28px;
  }
  .white-h2-utlity{
    font-size: 36px;
  }
  .smart-card-swiper{
    padding: 0 1rem;
  }
}
@media only screen and (min-width: 1100px){
  .filter-section-mobile{
    display: none;
  }
}
@media only screen and (max-width: 1099px){
  .filter-section-desktop{
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .circle-content {padding-left: 1rem; }
  .item {min-height: 70em;}
  .cardWithIcon img {
    width: 80px !important;
  }
  .adherence-card .card{padding: 10px 10px 10px 10px;}
  .products-bar {
        top: 10% !important;
    }
    .solutions-bar {
        top: 10% !important;
    }
.footer {
    padding: 30px 35px;
    background: #E0EAF5;
}
.footer a, .footer p {
        font-size: 15px;
        text-decoration:none;
}
.footer-logo-img {
        width: 90%;
        margin-bottom: 30px;
}
.sidebar p a{
    font-size:20px;
}
.sidebar .accordian-button{
    font-size:20px;
    box-shadow:none;
    outline:0;
}
.sidebar .accordian-button:focus{
    box-shadow:none !important;
    outline:0;
    border-color:none !important;
}
.accordion-button:not(.collapsed)::after {
        background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/minus.png) !important;
        /* transform: rotate(-180deg); */
}
.accordion-button::after {
        background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/plus.png) !important;
}
.sidebar .accordion-button:not(.collapsed) {
    color: #232323 !important;
    background-color: none;
    box-shadow: none;
}
.zoomSwiperSection .slider-section .shadow-holder {
    padding: 7% !important;
    transition: all 0.3s linear;
    transform: scale(1);
} 
.easeUse-Video { max-width: 100%;}
.easy-use {padding-left: 20px; display: block; padding-right: 20px;}
.unlock-video{width: 100%;}
}
@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%;
  }
  .refer-patient-banner {
    background-image: url('https://dosepacker.com/wp-content/themes/dosepacker/img/Book-demo-section.png');
    height: 55vh;
  }
  .section-padding {
    padding: 30px 30px;
  }
  label {
    font-size: 28px;
    font-weight: 600;
    line-height: 2.2rem;
}
.footer-hr-divider{
    display:none;
}
.dynamic-range{background-image: url('https://dosepacker.com/wp-content/uploads/2025/04/Range-of-vials-Section.png');}
.secure-locks{background-image: url("https://dosepacker.com/wp-content/uploads/2025/04/Child-Safety-Section.png");}
.Sustainability .mobile-img{
  background-image: url('https://dosepacker.com/wp-content/uploads/2025/04/Sustainability-section.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 70vh;
}
.sustainability-content, .administration-content{
padding-right: 30px;
padding-left: calc(var(--bs-gutter-x) * .5);
}
.sustainability-padding .card{
  margin-left: 30px;
  margin-right: 30px;
}
.Sustainability  .element-center{display: block;}
.heading-h2{
  padding-bottom: 15px;
  margin-bottom: 0;
}
.administration-experience-img{
  background-image: url('https://dosepacker.com/wp-content/themes/dosepacker/img/Book-demo-section.png');
  height: 70vh;
}
.medication-administration .card {
  padding: 0px;
  margin-top: 30px;
  border: 0;
}
}
@media (max-width: 991px) {
  .slide-container .slides_customers{margin-top:20px;}
  .slide-container{height:516px; padding-top: 0;}
  .Whats-New .bg-img1 {
    width: 45vw;
    height: 30vh;
    margin-bottom: 20px;
  }
  .Whats-New .bg-img2 {
    width: 45vw;
    height: 30vh;
    margin-bottom: 20px;
  }
  .Whats-New .bg-img3 {
    width: 45vw;
    height: 30vh;
    margin-bottom: 20px;
  }
  .nav-link {padding: 0 10px !important;}
  .desktop_logo img {width: 200px;}
  .nav-item {font-size: 16px;}
  /* .pharmacy-btn-container a{display: block;}
  .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 .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) {
  .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;}
}
@media only screen and (max-width:767px) {
   
  .mobile-p-zero{padding: 0;}
  h1{font-size: 52px;}
  h2{font-size: 36px;}
  h3{font-size: 32px;}
  h4{font-size: 28px;}
  h5{font-size: 20px;}

  .heading-h2 {font-size: 36px;}
  .mobile-packaging-content1 .heading-h2, .mobile-packaging-content2 .heading-h2{
    font-size: 28px;
  }
  .careCommunity-banner img {
    margin-bottom: 40px;
}
  .zero-mobile-border{
    border: none !important;
  }
  .mobile-text-center{
    text-align: center !important;
  }
  .mobile-padding-zero{padding: 0 !important;}
  .mobile_navigation a{padding-left: 30px;}
  .products-pad {padding: 40px 20px;}
  .products-images {width: 80%; height: auto;}
  .hidden {display: block !important;}
  .shown {display: none !important;}
  .a-list-tools-banner-section {padding: 60px 20px 150px 20px;  }
  .compliance-packaging-product {padding: 0;}
  .compliance-packaging-product .content-col {padding: 40px 20px;}
  .navbar-nav a{font-size: 24px; color: var(--dark-blue);}
  .navbar-collapse{padding-top: 30px;} 
  .mobile_content{display: block;}
  .mobile_content_banner{display: block; position: absolute; bottom: 40px;}
  .mobile_content_banner h1, .mobile_content_banner p{color: white;}
  .mobile_content_banner .products-btn-secondary{border: 3px solid var(--btn-text-color); color: var(--btn-text-color);}
  .why-medication .card-title{font-weight: 500;}
  .textAlign{text-align: left;}
  .swiper-button-next:after, .swiper-button-prev:after {font-size: 17px;}
  .swiper-button-prev, .swiper-button-next{width: 40px; height: 40px;}
  .textCenter{text-align: center;}
  .data-difference .col {padding: 10px 20px;}
  .data-difference .card {    
    padding: 10px 10px;
    border: none;
    border-bottom: 1px solid gray;
    border-radius: 0;
    background-color: white;
}
.medication-administration .vial-button{margin-top: 15px;}
  .solid-btn .transparent-btn{margin-top:30px;}
  .background img { 
    height: 92vh !important; }
.carousel-content h1{font-size: 40px;}
.experience-innovation img{width: 100%;}
.upgrade_mobileimg{position: relative; margin-bottom: 30px;}
.upgrade_mobile_content{position: absolute; bottom: 10px; padding: 0 15px; text-align: left;}
.upgrade_mobile_content h2, .upgrade_mobile_content p{color: var(--btn-text-color);}
.experience-innovation h6{font-weight: 500; padding-bottom: 10px; font-size: 20px;}
.experience-innovation li{font-size: 18px;}
.pharmacy-faq-section h6{font-size: 22px;}
.pharmacy-blue-text {
  margin-top: 25px;
}
.desktop_content, .desktop_logo, .desktop-background{
  display: none;
}
.rel-wrapper{
  position: relative;
  height: 100vh;
}
.mobile-padding-util{
  padding: 0 20px;
}
.mobile-bottom-margin-util{
  margin-bottom: 40px;
}
.mobile-margin-top-util{
  margin-top: 30px;
}
.spacing-property {
  padding:20px;
}
.restrict-border{
  border: none !important;
}
.abs-wrapper{
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.mobile-text-variant h1{
  color:var(--btn-text-color) !important;
  text-align: left;
}
.mobile-text-variant h2{
  color:var(--btn-text-color) !important;
  text-align: left;
}
.mobile-text-variant p{
  color:var(--btn-text-color) !important;
  text-align: left;
}
.mobile-restricted{
  display: block;
}
.pharmacy-our-blogs .multi-blog-col .blogListing {
  padding: 30px 15px;
}
.pharmacy-faq-section {padding: 20px;}
.pharmacy-faq-section .col-md-5 {
  display: flex;
  justify-content: center;
}
.pharmacy-faq-section .col-md-5 .box {
  width: 100%;
  min-height: 100%;
  margin-top: 100px;
}
.pharmacy-faq-section .col-md-5 .box button {
  width: auto;
  height: auto;
}
.experience-innovation{
  padding: 0 !important;
}
.what-set-us-apart{
  padding: 0 !important;
}
.experience-innovation .mobile-res-img{
  width: 100%;
  margin-bottom: 25px;
}
.assisted-living-section {
    background-image: url('https://dosepacker.com/wp-content/uploads/2025/04/assisted-living-hero-mobile.jpg');
}
.resident-and-families-section {
  background-image: url("https://dosepacker.com/wp-content/uploads/2025/04/residents-and-family-hero-mobile.jpg") !important;
}
.senior-living-mobile-banner{
  background-image: url('https://dosepacker.com/wp-content/uploads/2025/04/senior-living-hero-mobile.jpg') !important;
}
.medication-management{
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/medication-management-solution-mobile.jpg);
  background-position: center;
}
.adherence-solution{
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-adherence-solutions.jpg);
  background-position: center;
}
.storage-solutions{
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-storage-solutions-hero-image.jpg);
  background-position: center;
}
.reminder-solutions{
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/mobile-medication-reminder-hero-image.jpg)
}
.solution-content{position: absolute; bottom: 40px;}
.solution-content h1{
  font-size: 2.5rem !important;
  color: white;
}
.solution-content p{
  font-size: 18px !important;
  color: white;
}
.mobile-btn .products-btn-secondary {
  border: 3px solid var(--btn-text-color);
  color: var(--btn-text-color);
}
.btn-border-utility{
  border: 3px solid var(--btn-color);
  color: var(--btn-color) !important;
}
.products-btn-secondary:hover{
    color:var(--btn-text-color) !important;
    
}
.products-btn-secondary:focus{
    color:var(--btn-text-color) !important;
    touch-action: manipulation;
}
.btn-border-utility:hover{
    color:var(--btn-text-color) !important;
}
.btn-border-utility:active{
    color:var(--btn-text-color) !important;
}
.btn-border-utility:focus{
    color:var(--btn-text-color) !important;
}
.independentLiving-section .spacing-property{
  padding: 0 !important;
  margin-top: 30px;
}
.carousel-content {
  width: 100%;
  top: unset;
  transform: none;
  bottom: -10px;
}
.carousel-content h5 {
  font-size: 20px;
}
.solid-btn a {
  border: 3px solid var(--btn-text-color);
  border-radius: 8px;
  outline: 0;
  margin-top: 20px;
  padding: 10px 10px;
  background-color: var(--btn-text-color);
  transition: background-color 0.4s ease-out;
  color: var(--btn-color);
}
.padding-section {padding: 60px 40px;}
.carousel-content {width: 100%;}
/* .products-btn a, .products-btn {
  font-size: 12px !important;
} */
/* .products-btn-secondary a, .products-btn-secondary {
  font-size: 12px !important;
} */
.google-map {
  position: static !important;
  transform: translateY(0%) !important;
  padding: 0 !important;
  width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 20px 0 !important;
}
.googlemap-iframe{
  width: 100%;
  height: 250px;
}
.white-h5-utlity, .white-h2-utlity{
  color: var(--btn-text-color);
}
.white-p-utlity{
  color: var(--btn-text-color);
}
.right-border{
  padding-left: 0;
}
.left-border{
  border-right: none;
  border-bottom: 1px solid #C1C7CD;
}
.Sustainability .card img{
  padding-left: 1rem;
  padding-top: 1rem;
}
.Sustainability, .medication-administration {padding: 50px 0;}
.cc-right-padding{padding-right: 0;}
.stats-overview .stats-3{text-align: center;}
.improve-section .left-padding {padding-left: 0;}
.optimize-medication-content{display: inline-block !important;}
.optimize-medication-content .text-end{text-align: left !important;}
.right-padding{padding-right: 0px;}
.drug-destruction-img{padding-left: 0;}
.resident-profiles .card{padding: 1.5rem;}
.dosepacker-slot .slot1, .dosepacker-slot .slot2 {
  max-height: 450px;
  height: 100%;
  width: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.careCommunity-banner{padding: 50px 0px 100px 0px;}
.unlock-video{margin-top: 30px;}
.compatible-product-content{display: inline-block;}
.compatible-product-content .text-end{text-align: left !important;}
.medication-administration .content-box{padding-left: calc(var(--bs-gutter-x) * .5);}
.careCommunity-banner label{font-size: 25px;}
.optimize-medication, .resident-profiles, .security-section{padding-top: 100px; padding-bottom: 70px;}
.security-section img{max-width: 120px; width: 100%; margin-bottom: 30px;}
.product-faq {padding: 50px 10px 50px 10px;}
.vial-content{
     bottom: 50px;
    }
    .dynamic-range {
     background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/GrayBG-1-1.jpg);
     padding: 50px 10px 10px 10px;
    }
    .easy-use{
        padding-left: 0;
        padding-right: 0;
    }
    .easyUse-content {
        padding-top: 60px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .heading-h2 {
        font-size: 32px;
        font-weight: 700;
    }
    .easyUse-heading {
        padding-bottom: 2rem;
    }
    .easy-use .img-fluid {
        margin-bottom: 10px !important;
    }
    .pharmacy-faq-section .heading-h2{
        text-align: left;
    }
    .administration-experience-img {
        margin-top: 10px;
    }
    .Sustainability, .medication-administration {
        padding: 60px 0 !important;
    }
    .sustainability-content, .administration-content{
        padding-left: 30px !important;
        padding-right: 30px;
    }
    .medication-administration .card-body{
        padding-left: 25px;
        padding-right: 25px;
    }
    .product-faq .accordion-body {padding: 0 0 1rem 0;}
    
}
@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) {
  .blog-content-section .blog-content-col h3{color: var(--primary-Text-color); padding: 0;}
  .blog-content-section li, .blog-content-section a, .blog-content-section p {font-size: 18px;}
  .blog-content-section ul{padding-top:8px;}
  .latestblogs p span{font-size: 16px;}
  .home-banner {margin-top: 0px;}
  .padding-section {padding: 40px 20px;}
  .pharmacy-our-blogs {padding: 100px 20px;}
  h1{font-size: 36px;}  
  .navbar{padding: 1.5rem 0rem;  position: sticky;}   
  .data-difference .card h2 {font-size: 50px;}
.pharmacy-btn-container {gap: 10px;}
  .slide1 {
    background-image: url("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: block;}
.stats-section h2 span, .improve-section h2 span, .optimize-medication h2 span, .administration-content h2 span{display: contents;}
.dynamic-range h2 span, .heading-h2 span{display: contents;}
.solution{font-size: 60px;}
.product_card {border: 0px ;}
h5 br{display: none;}
/* .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;
}
.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: 160px;}
/* .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);}
/* .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/04/plus.png) !important;
    
}
.footer .accordion-button:not(.collapsed) {
  color: #666666;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(https://dosepacker.com/wp-content/uploads/2025/04/minus.png) !important;
  /* transform: rotate(-180deg); */
}
.footer h4{font-size: 20px; color: var(--dark-blue);}
.accordion-button{color:#666666;}
.footer .social-container{
  margin-top: 25px;
}
.footer_logosection{padding: 0 30px;}
.footer p { font-weight: 400; font-size: 18px;}
.footer a {font-size: 18px;}
.accordion-header{border-bottom: 1px solid var(--dark-blue);}
.accordion-header{padding-left: 20px;}
.product-faq .accordion-header {border-bottom: 0;}
.accordion-item {
  border: 0px solid rgba(0, 0, 0, .125);
}
.bottom-footer{display: none;}
.What-makes-us-col1 div{padding: 0px;}
.lastcontentsolution1{border-bottom: 1px solid var(--dark-blue);}
.partner_carousel{padding-top: 0rem !important;}
.our-solution-section {padding: 65px 10px;}
.partners:before, .partners:after {background: none;}
.footer-links{text-align: center;}
.mobile-bottom-footer .footer-links a{font-size: 16px;}
.accordion-button:focus {
  z-index: 3;
  border: 0px;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}
.fa-chevron-left::before {content: "\f053";}
.fa-chevron-right::before {content: "\f054"; }
.medication-card .swiper-slide h4 {
  font-size: 22px;
}
.medication-card .swiper-slide p {
  font-size: 16px;
}
.medication-card .swiper-slide img{
  max-width: 100px;
  max-height: 100px;
}
.image-gap {padding: 30px;}
.form-content{
  padding: 20px 40px;
  background-color: #e0eaf5;
}
.second-container{
  padding-right: 0;
  padding-left: 0;
}
#dymamicH2{display: none;}
.blog-p{display: none;}
.mobile-blog-content{
  margin: -50px 40px 30px;
  margin-top: -100px !important;
  background-color: #f3f3f3;
  padding: 20px;
  border-radius: 16px;
}
.smart-product{
  padding: 20px 12px;
}
.smart-product .card-text{
  font-size: 16px;
}
.smart-product .card-title{
  font-size: 22px;
}
.adherence-content{padding-left: 0; padding-right: 0;}
.adherence-card img {
  max-width: 80px;
}
.career-banner{background-position: left;}
.career-search button{
    right: 0px;
    padding: 8px 12px;
}
.career-search input {
    padding: 10px;
}
.form-control, .form-select {
    font-size: 14px;
}
.dynamic-range{padding: 60px 10px 50px 10px;}
.careCommunity-banner label {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
.careCommunity-banner .buttonGroup a{font-size: 18px; padding: 10px 15px;}
.resident-profiles h3 {font-size: 24px;}
.mobile-packaging-content1, .mobile-packaging-content2 {
  padding-left: 30px;
}
.resident-profiles .card{padding: 1rem;}
}
@media only screen and (min-width: 507px) and (max-width: 518px){
  .pharmacy-btn-container a{text-align: center;}
  .products-btn-secondary{margin-left: 8px;}
  .solution-content{bottom: 20px;}
  .solution-content h1{font-size: 2rem !important;}
  .pharmacy-btn-container{margin-top: 2.5rem;}
}
.mystyle{background-color: #f3f3f3;}
@media only screen and (max-width: 576px){
  .custom-container, .our-solution-section{padding-left: 0; padding-right: 0;}
  .solution-heading {padding: 0 20px 35px 20px;}
  .solid-btn .transparent-btn{margin-left: 0;}
  .solid-btn .transparent-btn{margin-left: 0; display: block; padding: 14px 0;}
  .cc-administration-img {
    background-image: url("https://dosepacker.com/wp-content/uploads/2025/04/closer-look.png");
    height: 100vh;
}
.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);
}
.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;
}
.careCommunity-banner .mobile-break{display:block;}
.careCommunity-banner h5{padding:10px 12px;}
.feature-heading .heading-h2 {
    margin-bottom: 15px;
}
}
@media screen and (max-width: 575px) {
  .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;
}
  
}
@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;
}
  .cc-product-description 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){
  .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;}
}
@media only screen and (max-width: 330px){
  .pharmacy-btn-container,.pharmacy-btn-container a {font-size: 14px; display:block;}
  .dosepacker-slot .slot1, .dosepacker-slot .slot2 {
    max-height: 200px;
    height: 100%;
    width: auto;
}
}