.dhls-container .font-medium {
  font-weight: 400;
  font-family: TWK Lausanne EDS
}

.product-banner-wrapper :is(.relative) {
  position: relative
}

.product-banner-wrapper :is(.mx-auto) {
  margin-left: auto;
  margin-right: auto
}

.product-banner-wrapper :is(.mb-3) {
  margin-bottom: 0.75rem
}

.product-banner-wrapper :is(.mt-0) {
  margin-top: 0px
}

.product-banner-wrapper :is(.mt-8) {
  margin-top: 2rem
}

.product-banner-wrapper :is(.line-clamp-6) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6
}

.product-banner-wrapper :is(.block) {
  display: block
}

.product-banner-wrapper :is(.inline-block) {
  display: inline-block
}

.product-banner-wrapper :is(.flex) {
  display: flex
}

.product-banner-wrapper :is(.inline-flex) {
  display: inline-flex
}

.product-banner-wrapper :is(.hidden) {
  display: none
}

.product-banner-wrapper :is(.h-\[265px\]) {
  height: 265px
}

.product-banner-wrapper :is(.w-11\/12) {
  width: 91.666667%
}

.product-banner-wrapper :is(.w-full) {
  width: 100%
}

.product-banner-wrapper :is(.max-w-\[1358px\]) {
  max-width: 1358px
}

.product-banner-wrapper :is(.basis-1\/2) {
  flex-basis: 50%
}

.product-banner-wrapper :is(.cursor-pointer) {
  cursor: pointer
}

.product-banner-wrapper :is(.flex-col) {
  flex-direction: column
}

.product-banner-wrapper :is(.items-start) {
  align-items: flex-start
}

.product-banner-wrapper :is(.items-center) {
  align-items: center
}

.product-banner-wrapper :is(.justify-start) {
  justify-content: flex-start
}

.product-banner-wrapper :is(.justify-center) {
  justify-content: center
}

.product-banner-wrapper :is(.gap-4) {
  gap: 1rem
}

.product-banner-wrapper :is(.gap-6) {
  gap: 1.5rem
}

.product-banner-wrapper :is(.gap-x-6) {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem
}

.product-banner-wrapper :is(.gap-y-6) {
  row-gap: 1.5rem
}

.product-banner-wrapper :is(.overflow-hidden) {
  overflow: hidden
}

.product-banner-wrapper :is(.rounded-\[30px\]) {
  border-radius: 30px
}

.product-banner-wrapper :is(.bg-danaherlightblue-50) {
  --tw-bg-opacity: 1;
  background-color: rgb(239 251 253 / var(--tw-bg-opacity))
}

.product-banner-wrapper :is(.bg-danaherpurple-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(117 35 255 / var(--tw-bg-opacity))
}

.product-banner-wrapper :is(.bg-danaherpurple-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(64 0 165 / var(--tw-bg-opacity))
}

.product-banner-wrapper :is(.bg-gray-100) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.product-banner-wrapper :is(.bg-gray-50) {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.product-banner-wrapper :is(.object-contain) {
  -o-object-fit: contain;
     object-fit: contain
}

.product-banner-wrapper :is(.px-5) {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.product-banner-wrapper :is(.px-6) {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.product-banner-wrapper :is(.py-3) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem
}

.product-banner-wrapper :is(.pb-4) {
  padding-bottom: 1rem
}

.product-banner-wrapper :is(.pt-12) {
  padding-top: 3rem
}

.product-banner-wrapper :is(.pt-4) {
  padding-top: 1rem
}

.product-banner-wrapper :is(.pt-6) {
  padding-top: 1.5rem
}

.product-banner-wrapper :is(.text-right) {
  text-align: right
}

.product-banner-wrapper :is(.text-4xl) {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.product-banner-wrapper :is(.text-base) {
  font-size: 1rem;
  line-height: 1.5rem
}

.product-banner-wrapper :is(.font-bold) {
  font-weight: 700
}

.product-banner-wrapper :is(.font-extralight) {
  font-weight: 200
}

.product-banner-wrapper :is(.font-medium) {
  font-weight: 500
}

.product-banner-wrapper :is(.leading-\[48px\]) {
  line-height: 48px
}

.product-banner-wrapper :is(.leading-snug) {
  line-height: 1.375
}

.product-banner-wrapper :is(.text-black) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity))
}

.product-banner-wrapper :is(.text-danaherpurple-500) {
  --tw-text-opacity: 1;
  color: rgb(117 35 255 / var(--tw-text-opacity))
}

.product-banner-wrapper :is(.text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.product-banner-wrapper :is(.underline) {
  text-decoration-line: underline
}

.product-banner-wrapper :is(.decoration-danaherpurple-500) {
  text-decoration-color: #7523FF
}

.product-banner-wrapper :is(.transition) {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.product-banner-wrapper :is(.hover\:bg-danaherpurple-500:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(117 35 255 / var(--tw-bg-opacity))
}

.product-banner-wrapper :is(.hover\:bg-danaherpurple-800:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(64 0 165 / var(--tw-bg-opacity))
}

.product-banner-wrapper :is(.hover\:text-danaherpurple-800:hover) {
  --tw-text-opacity: 1;
  color: rgb(64 0 165 / var(--tw-text-opacity))
}

.product-banner-wrapper :is(.hover\:text-white:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
  .product-banner-wrapper :is(.md\:flex-row) {
    flex-direction: row
  }

  .product-banner-wrapper :is(.md\:px-0) {
    padding-left: 0px;
    padding-right: 0px
  }

  .product-banner-wrapper :is(.md\:pt-12) {
    padding-top: 3rem
  }
}

@media (min-width: 1024px) {
  .product-banner-wrapper :is(.lg\:h-\[400px\]) {
    height: 400px
  }

  .product-banner-wrapper :is(.lg\:min-w-\[608px\]) {
    min-width: 608px
  }

  .product-banner-wrapper :is(.lg\:flex-row) {
    flex-direction: row
  }

  .product-banner-wrapper :is(.lg\:pt-0) {
    padding-top: 0px
  }
}