.bg-color-theme{background-color: rgba(2, 39, 80, 1);border-radius: 16px;}
.ft-size-40{font-size: 40px;line-height: 48px;}
.text-clr-tittle{color: #0CA1F6;}
.together-Pharma{height: 540px;padding: 24px;}
.together-Pharma::after{background-image: url(../images/home-image/line-bg-add.png);background-repeat: no-repeat;background-size: 100% 100%;content: '';width: 100%;height: 77%;position: absolute;z-index: 0;margin: 70px 0 53px 0;}
/* .landing-page-template {margin-top: 140px;} */
.pharmatech-network h2{font-size: 80px;line-height: 64px;font-weight: 800;color: rgba(4, 76, 157, 20%);}
.consumers-pharmacy h2{font-size: 96px;line-height: 100%;font-weight: 800;color: rgba(4, 76, 157, 1);}
.consumers-pharmacy span {font-size: 24px;line-height: 32px;font-weight: 800;color: #000000;display: flex;align-items: center;justify-content: end;gap: 6px;}
.consumers-pharmacy span img {width: 32px;}
.map-network-largest{max-width: 1130px;margin: auto;}
.consumers-pharmacy{position: absolute;bottom: 60px;text-align: end;right: 85px;}
.maps-pagination{position: absolute;bottom: 125px !important;width: unset !important;z-index: 99;}
.maps-pagination .swiper-pagination-bullet{width: 40px;height: 12px;border-radius: 16px;background-color: rgba(12, 161, 246, 1);opacity: unset;transition: all 0.3s ease;}
.maps-pagination .swiper-pagination-bullet-active {width: 120px;height: 12px;border-radius: 16px;background-color: rgba(4, 76, 157, 1);opacity: unset;}
.row-largest-pharma{display: flex;}
.footer-social-list-mobile{display: none;}
/* .largestSwiperPlans{position: absolute !important;width: 100%;bottom: 60px;text-align: end;right: 60px;} */
.maps-image-network img {transition: opacity 1s ease-in-out;}
.card-sticky {margin: 0 auto;transition: none;}


/* start stikiy card in css animation and scroll add */

  .card-bg-rx{background-color: rgba(11, 110, 222, 1);/* max-width: 1020px;margin: auto; */}
  .card-bg-supply{background-color: rgba(1, 87, 183, 1);/* max-width: 1094px;margin: auto; */}
  .card-bg-paas{background-color: rgba(0, 58, 123, 1);/* max-width: 1175px;margin: auto; */}
  .card-bg-pillo{background-color: rgba(13, 32, 95, 1);/* max-width: 1240px; *//* margin: auto; */}
  .card-bg-engage{background-color: rgba(0, 13, 57, 1);}
  /* :root {--card-height: 40vw;--card-margin: 4vw;--card-top-offset: 1em;--numcards: 4;--outline-width: 0px;}
  #cards {list-style: none;display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(var(--numcards), var(--card-height));gap: var(--card-margin);padding-bottom: calc(var(--numcards) * var(--card-top-offset));margin-bottom: var(--card-margin);}
  #card-1 {--index: 1;}
  #card-2 {--index: 2;top: 150px;}
  #card-3 {--index: 3;top: 250px;}
  #card-4 {--index: 4;top: 300px;}
  #card-5 {--index: 4;top: 350px;} */
  /* .card-custom-pharmacy {position: sticky;top: 90px;padding-top: calc(var(--index) * var(--card-top-offset));} */
  /* .card-content {box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1);color: #ffffff;border-radius: 2rem;overflow: hidden;display: grid;grid-template-areas: "text img";grid-template-columns: 1fr 1fr;grid-template-rows: auto;align-items: stretch;padding: 1.4em;}
  .card-content > div {grid-area: text;width: 95%;max-width: 800px;place-self: center;text-align: left;display: grid;gap: 1em;place-items: start;}
  .card-content > figure {grid-area: img;overflow: hidden;}
  .card-content > figure > img {width: 100%;height: 100%;object-fit: cover;border-radius: .4em;} */
  /* Animation */
  /* @supports (animation-timeline: works) {
  
    @scroll-timeline cards-element-scrolls-in-body {
      source: selector(body);
      scroll-offsets:
        selector(#cards) start 1,
        selector(#cards) start 0;
      start: selector(#cards) start 1;
      end: selector(#cards) start 0;
      time-range: 4s;
}
    .card {--index0: calc(var(--index) - 1);--reverse-index: calc(var(--numcards) - var(--index0));--reverse-index0: calc(var(--reverse-index) - 1);}  
    .card__content {transform-origin: 50% 0%;will-change: transform;--duration: calc(var(--reverse-index0) * 1s); --delay: calc(var(--index0) * 1s);animation: var(--duration) linear scale var(--delay) forwards;animation-timeline: cards-element-scrolls-in-body;}
    @keyframes scale {
      to {
        transform:
          scale(calc(
            1.1
            -
            calc(0.1 * var(--reverse-index))
          ));
      }
    }
  } */


  /* REFRNCE */
.card-sticky-wrapper .card-sticky {top: 90px;border-radius: 16px;min-height: 450px;margin-bottom: 40px !important;overflow: hidden;display: flex;align-items: center;padding: 70px;}
.pb-100{padding-bottom: 100px;}


@media(min-width: 992px) {
.card-sticky-wrapper .card-sticky {position:sticky}
}
/* @media(min-width: 992px) {
.card-sticky:nth-child(2n) {transform:translate(0%, 70px) !important;}
.card-sticky:nth-child(3n) {transform: translate(0%, 145px) !important;}
.card-sticky:nth-child(4n) {transform: translate(0%, 210px) !important;}
.card-sticky:nth-child(5n) {transform: translate(0%, 260px) !important;}
} */

.sticky-image-scroll-wrap {width: 100%;top: 0;display: grid;grid-template-columns: 1fr 1fr;height: 100%}
.sticky-image-scroll-wrap .c-customerTestimonialSlider__boi,.sticky-image-scroll-wrap .sticky-images-on-scroll img {transition: opacity 1s;}
.sticky-image-scroll-wrap .c-customerTestimonialSlider__boi {height: 100%;}
.sticky-image-scroll-wrap .c-customerTestimonialSlider__boi .c-customerTestimonialSlider__details {width: auto;}
.sticky-image-scroll-wrap .sticky-images-on-scroll {position: relative;height: 100%;}
.sticky-image-scroll-wrap .sticky-images-on-scroll img {width: 100%;top: 0;}
.sticky-image-scroll-wrap .visible {opacity: 1;}
.drug-retailer h2 {position: sticky;top: 0; z-index: 2;transition: transform 0.9s ease-out; }
  /* ens  stikiy card in css animation and scroll add */

.drug-retailer h2{font-weight: 800;font-size: 28px;line-height: 32px;}
.drug-retailer p{font-weight: 500;font-size: 18px;line-height: 24px;}
.rigt-side-img{position: absolute;bottom: 0;right: 0px;}
.rigt-side-img img{width: 550px;}

.drug-retailer {width: 455px;}
.patients-customer-img img{width: 478px;}
.rigt-side-img-corporates img{width: 600px;}
.video-section-youtube{margin-top: 150px;}
.customer-review-tab .hero-content-wrap.block-heading {margin-top: 0px !important;}
.btn-explore-arrow {background-color: #ffffff30;border: 0;border-radius: 100px;font-weight: 700;font-size: 20px;line-height: 100%;color: #ffffff;padding: 15px 30px;display: flex;align-items: center;margin-top: 45px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btn-explore-arrow:hover{background-color:  white;color: #0ca1f6;}
.btn-explore-arrow:hover i.fa-solid.fa-arrow-right {transform: translateX(4px);transition: all .4s ease-in-out;}
.explore-chemists-p{position: relative;top: -22px;}

/* responsive in css */
@media (max-width: 1199px) {
.pharmatech-network h2 {font-size: 60px;}
.consumers-pharmacy h2 {font-size: 40px;}
.consumers-pharmacy span {
    font-size: 18px;}
}
@media (max-width: 991px) {
.row-largest-pharma{flex-direction: column;}
.rigt-side-img {position: unset;}
.pharmatech-network br{display: none;}
.maps-image-network{text-align: center;}
.maps-pagination {position: unset;text-align: center;}
.drug-retailer h2 {transform: translateY(0px) !important;}
.card-sticky-wrapper .card-sticky {min-height: unset;padding: 0;align-items: center;}
.drug-retailer {width: 100%;padding: 24px;}
.card-sticky .row{flex-direction: column;justify-content: space-between;align-items: center;}
.rigt-side-img-corporates img {width: 100%;}
.video-section-youtube {margin-top: 60px;}
}
@media (max-width: 768px) {
.ft-size-40 {font-size: 24px;line-height: 30px;}
.consumers-pharmacy h2 {font-size: 40px;margin-bottom: 10px !important;}
.consumers-pharmacy span {font-size: 18px;}
.pharmatech-network h2 {font-size: 32px;line-height: 36px;}
.drug-retailer h2 {font-size: 18px;line-height: 24px;}
.drug-retailer p {font-size: 14px;line-height: 18px;}
.customer-review-tab .container{padding: 0;}
.landing-page-template {margin-top: 94px;}
/* .sticky-header{background-color: rgba(2, 39, 80, 1);} */
.together-Pharma::after {height: 38%;}
/* .pharmatech-network {height: 80px;} */
.consumers-pharmacy {position: unset;text-align: end;margin-top: 14px;}
.maps-image-network {box-shadow: 0px 4px 40px 0px #00000014;padding: 20px;border-radius: 8px;background-color: #FFFFFF;margin: 25px 15px 40px 15px;}
.map-network-largest {padding-top: 20px;}
/* .largestSwiperPlans .swiper-slide-active .maps-image-network{transform: scale(1.1);} */
.card-bg-rx  .drug-retailer img{max-width: 140px;}
.card-bg-supply .drug-retailer img{max-width: 160px;;}
.card-bg-paas .drug-retailer img{max-width: 80px;}
.card-bg-pillo .drug-retailer img{max-width: 85px;}
.card-bg-engage .drug-retailer img{max-width: 147px;}
.drug-retailer {width: 100%;padding: 40px 30px;}
.mobile-footer-product {width: 50%;}
.footer-social-list-desktop{display: none;}
.footer-social-list-mobile{display: block;text-align: center;}
.pharmatech-network {text-align: center;}
.pb-100{padding-bottom: 60px;}
}
@media (max-width: 575px) {
  .bg-color-theme {border-radius: 0;}
  .customer-review-tab {margin: 0 !important;}
  }
@media (max-width: 375px) {
.consumers-pharmacy h2 {font-size: 28px;margin-bottom: 10px !important;}
.consumers-pharmacy span {font-size: 16px;}
}