/* Subpage Banner CSS */
.product-categories-page #Banner-Container-S {
	background-repeat: no-repeat;
	background-position: center top;
}
.product-categories-page .banner-info {
	width: 600px;
	position: absolute;
	top: 65px;
	right: 0;
	padding: 10px 10px;
	color: #000;
}
.product-categories-page .banner-info .eyebrow {
	display: block;
	font: 600 13px/18px 'Parkinsans';
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #167cb7;
	padding: 0 0 6px 0;
}
.product-categories-page .banner-info h1 {
	font: normal 36px/46px 'Parkinsans';
	padding: 0 0 10px 0;
}
.product-categories-page .banner-info .product-dis {
	font: 300 15px/24px 'Parkinsans';
	padding: 10px 0 10px 0;
}
.product-categories-page .banner-info .ban-btn {
	font: normal 14px/22px 'Parkinsans';
	padding: 10px 0 10px 0;
}
.product-categories-page .banner-info .ban-btn li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px 0;
}
.product-categories-page .banner-info .ban-btn li:first-child {
	margin-right: 10px;
}
.product-categories-page .banner-info .ban-btn li a {
	display: block;
	padding: 10px 30px;
	border-radius: 25px;
	background: #1c78ae;
	border: 1px solid #167cb7;
	color:#fff;
}
.product-categories-page .banner-info .ban-btn li a::before {
	background: #000;
}
.product-categories-page .banner-info .ban-btn li a:hover {
	/* background: none; */
	color:#fff;
}
.product-categories-page .banner-info .ban-btn li:last-child a {
	background: none;
	color:#000;
}
.product-categories-page .banner-info .ban-btn li:last-child a:hover {
	/* background: #1c78ae; */
	color:#fff;
}
/* Why Category */
#PC-Why-Category .section-inside {
	padding:70px 0 100px 0;
}
#PC-Why-Category h2 {
	font:var(--h2-heading);
	text-align:center;
	padding:10px 10px 15px 10px;
}
#PC-Why-Category p {
	font: 300 16px/28px 'Parkinsans';
	text-align:center;
	padding:10px 10px;
	margin:0px auto;
	max-width:860px;
}
#PC-Why-Category ul {
	margin: 50px 0 0 0;
	display: grid;
	grid-template-columns: repeat(var(--wc-columns, 3), 1fr);
	gap: 24px;
}
#PC-Why-Category ul li .pc-wc-item {
	width: 100%;
	background:var(--bg-color-bl);
	border-radius:var(--radius-lg);
	padding:35px 20px 40px 20px;
	min-height:328px;
}
/* The configured column count (--wc-columns, up to 5) only applies above
   this point — below it, the grid degrades through fixed step counts
   regardless of what was configured, same breakpoints used elsewhere on
   this page. Previously this section had no responsive handling at all:
   inline-block items with a fixed-percentage width plus per-item margins
   would silently overflow and wrap unevenly (e.g. 5 columns showing 4+1)
   on exactly the laptop-width range these breakpoints cover. */
@media screen and (max-width: 1199.99px) {
#PC-Why-Category ul {
	/* min() so a config already below 3 columns (e.g. 2) never gets
	   forced back up to 3 on a narrower screen than it needs. */
	grid-template-columns: repeat(min(var(--wc-columns, 3), 3), 1fr);
}
}
@media screen and (max-width: 767.99px) {
#PC-Why-Category ul {
	grid-template-columns: repeat(min(var(--wc-columns, 3), 2), 1fr);
}
}
@media screen and (max-width: 479.99px) {
#PC-Why-Category ul {
	grid-template-columns: 1fr;
}
}
.pc-wc-item .pc-wc-icon {
	width:70px;
	height:70px;
	margin:0px auto;
	position:relative;
}
.pc-wc-item .pc-wc-icon img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	margin:auto;
	z-index:5;
	width:65%;
	height:65%;
	object-fit:contain;
	mix-blend-mode:multiply;
}
.pc-wc-item .pc-wc-icon::before {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background:var(--bg-color-db);
	border-radius:var(--radius-md);
	rotate: 45deg;
	z-index:1;
}
.pc-wc-item h3 {
	font: 500 18px/22px 'Parkinsans';
	text-align:center;
	padding:20px 0 5px 0;
}
#PC-Why-Category .pc-wc-item p {
	font: 300 15px/26px 'Parkinsans';
	padding:10px 10px;
}
/* Mode / Feature Comparison (e.g. "Two Modes. One System.") */
#PC-Mode-Comparison .section-inside {
	padding: 70px 0 100px 0;
}
#PC-Mode-Comparison h2 {
	font: var(--h2-heading);
	text-align: center;
	padding: 10px 10px 15px 10px;
}
#PC-Mode-Comparison > .section-inside > p {
	font: 300 16px/28px 'Parkinsans';
	text-align: center;
	padding: 10px 10px;
	margin: 0 auto;
	max-width: 860px;
}
.pc-mode-grid {
	margin: 50px 0 0 0;
	display: grid;
	grid-template-columns: repeat(var(--mc-columns, 2), 1fr);
	gap: 40px;
}
.pc-mode-item { text-align: center; }
.pc-mode-image {
	width: 100%;
	aspect-ratio: 4/3;
	background: var(--bg-color-lb);
	border-radius: var(--radius-lg);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 24px;
}
.pc-mode-image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.pc-mode-item h3 {
	font: 600 22px/30px 'Parkinsans';
	color: var(--bg-color-db);
	padding: 0 0 20px 0;
}
.pc-mode-points {
	display: inline-block;
	text-align: left;
}
.pc-mode-points li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font: 300 15px/24px 'Parkinsans';
	padding: 0 0 14px 0;
}
.pc-mode-points li:last-child { padding-bottom: 0; }
.pc-mode-arrow {
	color: var(--bg-color-db);
	font-weight: 700;
	flex-shrink: 0;
}
@media screen and (max-width: 767.99px) {
.pc-mode-grid {
	grid-template-columns: repeat(1, 1fr);
	gap: 30px;
}
}
/* Find Right System */
#PC-Right-System {
	background:var(--bg-color-lb);
}
#PC-Right-System .section-inside {
	padding:100px 0 110px 0;
}
#PC-Right-System .flex-div {
	gap: 35px;
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	align-items: stretch;
}
.pc-right-system-pic {
	position: relative;
	border-radius: var(--radius-lg);
	overflow: hidden;
	min-height: 634px;
	width: 460px;
}
.pc-right-system-pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
}
.pc-right-system-pic:hover img {
	transform: var(--t-scale);
}
.pc-right-system-text {
	padding: 10px 20px 20px 25px;
}
.pc-right-system-text h2 {
	font:var(--h2-heading);
	padding:0 0 15px 0;
}
.pc-right-system-text p {
	font: 300 15px/26px 'Parkinsans';
	padding:10px 0;
}
.pc-right-system-text .right-sys-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	align-content: start;
	margin:20px 0 0 0;
}
.right-sys-list .right-sys-item {
	font: normal 14px/20px 'Parkinsans';
	background: #fff;
	border:1px solid #c3e2ff;
	padding: 20px 40px 20px 40px;
	border-radius: var(--radius-lg);
	transition: var(--transition);
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 4px 8px 0px rgba(22, 124, 183, 0.13);
}
.right-sys-list .right-sys-item:last-child:nth-child(2n+1) {
	grid-column: 1 / -1;
	padding: 25px 20px 20px 128px;
}
.right-sys-item .right-sys-icon {
	width: 36px;
	height: 36px;
	margin-bottom: 10px;
	object-fit: contain;
}
.right-sys-item h3 {
	font: 600 20px/24px 'Parkinsans';
}
.right-sys-item span {
	display:block;
	font: 600 18px/22px 'Parkinsans';
	color:#167cb7;
	padding: 8px 0;
}
/* PC Product Details */
#PC-Product-Section .section-inside {
	padding:80px 0 30px 0;
}
#PC-Product-Section-Ext .section-inside {
	padding:30px 0 30px 0;
}
#PC-Product-Section-Ext1 .section-inside {
	padding:30px 0 110px 0;
}
#PC-Product-Section h2, #PC-Product-Section-Ext h2, #PC-Product-Section-Ext1 h2 {
	font:var(--h2-heading);
	text-align:center;
	padding:10px 10px 15px 10px;
}
#PC-Product-Section p, #PC-Product-Section-Ext p, #PC-Product-Section-Ext1 p {
	font: 300 16px/28px 'Parkinsans';
	text-align:center;
	padding:10px 10px;
	margin:0px auto;
	max-width:950px;
}
#PC-Product-Section ul, #PC-Product-Section-Ext ul, #PC-Product-Section-Ext1 ul {
	text-align:center;
	margin:30px 0 0 0;
}
#PC-Product-Section .pc-product-section-list, #PC-Product-Section-Ext .pc-product-section-ext-list, #PC-Product-Section-Ext1 .pc-product-section-ext1-list {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
}
#PC-Product-Section ul ul li, #PC-Product-Section-Ext ul ul li, #PC-Product-Section-Ext1 ul ul li {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin:0px 5px;
}
#PC-Product-Section ul li .pc-product-item, #PC-Product-Section-Ext ul li .pc-product-item, #PC-Product-Section-Ext1 ul li .pc-product-item {
	width:380px;
	margin:0px auto;
	border-radius:var(--radius-lg);
}
.pc-product-item:hover {
	box-shadow: 0px 15px 20px 0px rgba(121, 124, 124, 0.2);
}
.pc-product-item .pc-product-image {
	border-radius:20px 20px 0 0;
	background:var(--bg-color-lb);
	padding:10px 0;
}
.pc-product-item .pc-product-image img {
	margin:0px auto;
	display:block;
	max-width:100%;
	height:auto;
	object-fit:contain;
}
.pc-product-item .pc-product-text {
	text-align:left;
	padding:40px 40px;
	border-radius:0 0 20px 20px;
	border:1px solid #e1ecf9;
}
.pc-product-item:hover .pc-product-text {
	border:1px solid #fff;
}
.pc-product-text h3 {
	font: normal 19.5px/28px 'Parkinsans';
}
.pc-product-text span {
	font: 500 14px/22px 'Parkinsans';
	color:#167cb7;
	display:block;
	padding:0 0 20px 0;
}
#PC-Product-Section .pc-product-text ul, #PC-Product-Section-Ext .pc-product-text ul, #PC-Product-Section-Ext1 .pc-product-text ul {
	margin:0px;
}
#PC-Product-Section .pc-product-text ul li, #PC-Product-Section-Ext .pc-product-text ul li, #PC-Product-Section-Ext1 .pc-product-text ul li {
	font: normal 14px/20px 'Parkinsans';
	padding:7px 0px 7px 35px;
	display:block;
	position:relative;
}
#PC-Product-Section .pc-product-text ul li::before, #PC-Product-Section-Ext .pc-product-text ul li::before, #PC-Product-Section-Ext1 .pc-product-text ul li::before {
	position:absolute;
	content:'';
	width:20px;
	height:18px;
	left:0px;
	top:7px;
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18"><path d="M2 9.5l5 5L18 3" fill="none" stroke="%23167cb7" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat left top;
}
.pc-product-text .view-features {
	padding:25px 0 10px 0;
	text-align:center;
	color:#000 !important;
}
.pc-product-text .view-features a {
	display:inline-block;
	padding:10px 25px;
	border:1px solid #71c5f7;
	border-radius:var(--radius-big);
	-webkit-border-radius:var(--radius-big);
	-moz-border-radius:var(--radius-big);
	-ms-border-radius:var(--radius-big);
	-o-border-radius:var(--radius-big);
}
.pc-product-text .view-features a:hover {
	color: #fff;
}
.pc-product-text .view-features a::before {
	background:#71c5f7;
}
.pc-product-text .view-features a span {
	padding:0px;
}
/* Fallback styling for a "standalone" Product Collection block (no
   section_position set) — it renders under a per-instance id rather than one
   of the three fixed #PC-Product-Section(-Ext/-Ext1) ids above, which are
   scoped for the "several blocks stacked in a sequence" case only. These are
   class-scoped (lower specificity than the id rules above), so they only
   ever take effect where those don't match — the three real stacked-sequence
   blocks are unaffected. */
.pc-product-collection .section-inside {
	padding: 60px 0;
}
.pc-product-collection h2 {
	font: var(--h2-heading);
	text-align: center;
	padding: 10px 10px 15px 10px;
}
.pc-product-collection p {
	font: 300 16px/28px 'Parkinsans';
	text-align: center;
	padding: 10px 10px;
	margin: 0 auto;
	max-width: 950px;
}
.pc-product-collection ul.pc-product-section-list {
	text-align: center;
	margin: 30px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 28px;
}
.pc-product-collection ul.pc-product-section-list li .pc-product-item {
	width: 380px;
	margin: 0 auto;
	border-radius: var(--radius-lg);
}
/* Product Category Page Digital Unit Section CSS */
#PC-Digital-Unit-Section-In {
	padding-top: 30px;
	padding-bottom: 40px;
	color: var(--black-color);
}
.pc-digital-unit-section-hd {
	text-align: center;
}
.pc-digital-unit-section-hd h2 {
font: normal 36px/42px 'Parkinsans';
}
.pc-digital-unit-section-hd p {
font: normal 15px/30px 'Parkinsans';
width: 70%;
margin: 16px auto 70px auto;
}
.pc-digital-unit-section-in {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}
.pc-digital-unit-section-in-txt {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	flex: 1;
	background: var(--bg-color-lb);
	padding: 105px 40px 50px 85px;
}
.pc-digital-unit-section-in-txt h3 {
	font: normal 60px/60px 'Parkinsans';
}
.pc-digital-unit-section-in-txt h3 span {
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: var(--bg-color-db);
}
.pc-digital-unit-section-in-txt p {
	font: normal 15px/30px 'Parkinsans';
	margin-top: 27px;
	margin-bottom: 30px;
}
.pc-digital-unit-section-in-txt ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 10px;
}
.pc-digital-unit-section-in-txt ul li {
	font: 500 14px/20px 'Parkinsans';
	padding-left: 44px;
	position: relative;
}
.pc-digital-unit-section-in-txt ul li::before {
	position: absolute;
	content: '';
	background: url('/images/pc-product-spec-icon.png') no-repeat;
	width: 20px;
	height: 18px;
	left: 0;
	top: 2px;
}
.pc-digital-unit-section-in-img {
	position: relative;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	overflow: hidden;
	min-height: 760px;
	width: 45%;
}
.pc-digital-unit-section-in-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
}
.pc-digital-unit-section-in-img:hover img {
	transform: var(--t-scale);
}
.pc-digital-unit-section-in-txt-btn {
	margin-top: 48px;
}
.pc-digital-unit-section-in-txt-btn a {
	border-color: #21a4f2;
	font: normal 16px/22px 'Parkinsans';
	padding: 13px 51px;
}
.pc-digital-unit-section-in-txt-btn a::before {
	background: #21a4f2;
}
.pc-digital-unit-section-in-txt-btn a:hover {
	color: #fff;
}
/* Product Category Page Trusted Medical Technology Section CSS */
#PC-Trusted-Medical-Technology-Section {
	background: #f4f9ff;
}
#PC-Trusted-Medical-Technology-Section-In {
	padding-top: 108px;
	padding-bottom: 103px;
}
.pc-trusted-medical-technology-in {
	gap: 30px 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pc-trusted-medical-technology-in-txt {
	flex: 1;
	padding-top: 5px;
}
.pc-trusted-medical-technology-in-img {
	position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  width: 41.6%;
  min-height: 617px;
}
.pc-trusted-medical-technology-in-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
}
.pc-trusted-medical-technology-in-img:hover img {
	transform: var(--t-scale);
}
.pc-trusted-medical-technology-in-txt-hd h2 {
	font: 300 44px/50px 'Parkinsans';
	color: #000;
}
.pc-trusted-medical-technology-in-txt-hd p {
	font: normal 16px/30px 'Parkinsans';
	color: #000;
	margin-top: 20px;
	margin-bottom: 34px;
}
.pc-trusted-medical-technology-in-txt-list ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 6px;
}
.pc-trusted-medical-technology-in-txt-list-in {
	border-radius: var(--radius-md);
	-webkit-border-radius: var(--radius-md);
	-moz-border-radius: var(--radius-md);
	-ms-border-radius: var(--radius-md);
	-o-border-radius: var(--radius-md);
	background: var(--bg-color-bl);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 17px;
	padding: 5px 10px 5px 21px;
	height: 65px;
}
.pc-trusted-medical-technology-in-txt-list-in-icon {
	width: 40px;
	height: 40px;
	flex: none;
}
.pc-trusted-medical-technology-in-txt-list-in-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pc-trusted-medical-technology-in-txt-list-in-txt {
	flex: 1;
}
.pc-trusted-medical-technology-in-txt-list-in-txt h3 {
	font: 600 17px/17px 'Parkinsans';
	color: var(--bg-color-db);
}
.pc-trusted-medical-technology-in-txt-list-in-txt p {
	font: normal 14px/24px 'Parkinsans';
	color: var(--black-color);
}
/* Media Gallery block (images + YouTube video embeds) */
.pc-media-gallery-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;
}
.pc-media-gallery-item {
	width: 100%;
	aspect-ratio: 4/3;
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--bg-color-lb);
}
.pc-media-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pc-media-gallery-item-video {
	aspect-ratio: 16/9;
}
.pc-media-gallery-caption {
	font: normal 14px/22px 'Parkinsans';
	color: var(--black-color);
	margin-top: 8px;
}
/* Product Category Page Workflow Section CSS */
#PC-Workflow-Section-In {
	text-align: center;
	color: #000;
	padding-top: 75px;
	padding-bottom: 65px;
}
.pc-workflow-section-head h2 {
font: 300 44px/50px 'Parkinsans';
}
.pc-workflow-section-head p {
font: normal 16px/30px 'Parkinsans';
width: 58%;
margin: 20px auto 55px auto;
}

.pc-workflow-section-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 65px;
}

.pc-workflow-section-list-in-img {
	display: inline-block;
	position: relative;
}
.pc-workflow-section-list ul li .pc-workflow-section-list-in-img::after {
	position: absolute;
	content: '';
	background: url('/images/pc-workflow-sec-right-arrow.png') no-repeat;
	width: 28px;
	height: 23px;
	right: -4vw;
  top: 43%;
}
.pc-workflow-section-list ul li:last-child .pc-workflow-section-list-in-img::after {
	display: none;
}
.pc-workflow-section-list-in {
	width: 186px;
	margin: 0 auto;
}
.pc-workflow-section-list-in-txt h3 {
	font: 600 18px/25px 'Parkinsans';
	margin-top: 24px;
	margin-bottom: 14px;
}
.pc-workflow-section-list-in-txt p {
	font: normal 14px/26px 'Parkinsans';
	width: 88%;
  margin: 0 auto;
}
/* Product Category Page FAQs Section CSS */
.pc-faqs-accordion .accordion-container {
            width: 100%;
            height: fit-content;
        }

        .pc-faqs-accordion .accordion-trigger {
            width: 100%;
            border: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            text-align: left;
            background: none;
            padding: 0;
			transition: color 0.2s ease, background 0.2s ease;
        }

        .pc-faqs-accordion .accordion-text {
            flex: 1;
        }

        .pc-faqs-accordion .accordion-icon {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pc-faqs-accordion .accordion-content {
            max-height: 0;
            overflow: hidden;
			transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }
#PC-FAQs-Section {
	background: #f4f9ff;
}
#PC-FAQs-Section-In {
	padding-top: 83px;
	padding-bottom: 104px;
}
#PC-FAQs-Section-In h2 {
	text-align: center;
	font: 300 44px/50px 'Parkinsans';
	color: #000;
}
.pc-faqs-accordion .accordion-item {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border: 1px solid #e3f2ff;
	background: #fff;
	overflow: hidden;
}
.pc-faqs-accordion .accordion-item.active {
	box-shadow: 0px 2px 6px 0px rgba(22, 124, 183, 0.2);
}
.pc-faqs-accordion .accordion-text {
	font: 500 18px/24px 'Parkinsans';
	color: #000;
}
.pc-faqs-accordion .accordion-text strong {
	font-weight: inherit;
	margin-right: 16px;
}
.pc-faqs-accordion .accordion-trigger {
	padding: 18px 52px 18px 137px;
	flex-wrap: wrap;
	position: relative;
}
.pc-faqs-accordion .active .accordion-trigger {
	background: #167cb7;
}
.pc-faqs-accordion .active .accordion-text {
	color: #fff;
}
.pc-faqs-accordion .accordion-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 12px;
	padding: 0 5px;
}
.pc-faqs-accordion {
	margin-top: 63px;
}
.pc-faqs-accordion .accordion-icon {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33"><path d="M8 13l8 8 8-8" fill="none" stroke="%23167cb7" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
	width: 32px;
	height: 33px;
	position: absolute;
	right: 53px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.pc-faqs-accordion .active .accordion-icon {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33"><path d="M8 20l8-8 8 8" fill="none" stroke="%23167cb7" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
}
.pc-faqs-accordion .accordion-content {
	font: normal 16px/30px 'Parkinsans';
	color: #000;
	padding: 0 155px 0 138px;
}
.pc-faqs-accordion .active .accordion-content {
	max-height: 2000px;
	padding-top: 28px;
	padding-bottom: 31px;
}
/* Product Category Page Client Success Stories Section CSS */
#PC-Client-Success-Stories-Section-In {
    height: 931px;
    padding-top: 101px;
}
.pc-client-success-stories-cont {
    background: #167cb7;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
}
.pc-client-success-stories-cont-hd {
    padding: 55px 0 55px 80px;
}
.pc-client-success-stories-cont-hd h2 {
    font: 300 44px/50px 'Parkinsans';
    color: #fefeff;
}
.pc-client-success-stories-cont-hd h2 a:hover {
    text-decoration: underline;
}
.pc-client-success-stories-cont-list-in-img {
	border-radius: inherit;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	-ms-border-radius: inherit;
	-o-border-radius: inherit;
	position: relative;
	aspect-ratio: 16 / 6.37;
}
.pc-client-success-stories-cont-list .splide__arrows {
	position: absolute;
	top: -103px;
	right: 62px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.pc-client-success-stories-cont-list .splide__arrow {
	width: 44px;
	height: 44px;
	opacity: 1;
	position: static;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}
.pc-client-success-stories-cont-list .splide__arrow svg {
    display: none;
}
.pc-client-success-stories-cont-list .splide__arrow--prev {
	background: #fff url('/images/pc-client-success-stories-list-left-arrow.png') no-repeat center center;
}
.pc-client-success-stories-cont-list .splide__arrow--next {
	background: #c3e2ff url('/images/pc-client-success-stories-list-right-arrow.png') no-repeat center center;
}
.pc-client-success-stories-cont-list-in-img img, 
.pc-client-success-stories-cont-list-in-img iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pc-client-success-stories-cont-list-in-txt {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 116px;
    color: #fff;
    padding: 47px 115px 35px 79px;
}
.pc-client-success-stories-cont-list-in-txt-comment-main {
	flex: 1;
}
.pc-client-success-stories-cont-list-in-txt-product h3 {
    font: normal 30px/36px 'Parkinsans';
}
.pc-client-success-stories-cont-list-in-txt-product h3 {
    font: normal 30px/36px 'Parkinsans';
}
.pc-client-success-stories-cont-list-in-txt-comment p {
    font: 300 15px/25px 'Parkinsans';
}
.pc-client-success-stories-cont-list-in-txt-name {
    margin-top: 10px;
}
.pc-client-success-stories-cont-list-in-txt-name p {
    font: normal 15px/25px 'Parkinsans';
}
.pc-client-success-stories-cont-list ul li:not(:first-child) {
    display: none;
}
.pc-client-success-stories-cont-list .is-active ul li {
    display: block;
}
.pc-client-success-stories-cont-list-in {
	height: 100%;
}
#pc-client-success-stories .splide__slide {
    display: flex;
    height: auto !important;
}
.pc-client-success-stories-cont-list-in,
.pc-client-success-stories-cont-list-in-txt-comment-main {
    display: flex;
    flex-direction: column;
}
.pc-client-success-stories-cont-list-in-txt,
.pc-client-success-stories-cont-list-in-txt-comment {
    flex-grow: 1;
}

/* Product Page Product Support Section CSS */
#PC-Product-Support-Section-In {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 93px;
}
#PC-Product-Support-Section-In h2 {
	font: 300 48px/54px 'Parkinsans';
	color: #222222;
}
#PC-Product-Support-Section-In p {
	font: 300 18px/28px 'Parkinsans';
	color: #494949;
	margin: 22px auto 0 auto;
    width: 65%;
}
/* Background-image variant: a dark overlay + white text keeps the heading/
   sub-heading/buttons readable regardless of what photo is used, matching
   the overlay approach already used by the Hero block. */
#PC-Product-Support-Section-In.has-bg-image {
	position: relative;
	background-size: cover;
	background-position: center;
}
#PC-Product-Support-Section-In.has-bg-image::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(10, 20, 35, .55);
}
#PC-Product-Support-Section-In.has-bg-image h2,
#PC-Product-Support-Section-In.has-bg-image p {
	position: relative;
	color: #fff;
}
#PC-Product-Support-Section-In.has-bg-image .pc-product-support-list {
	position: relative;
}
.pc-product-support-list {
	margin-top: 50px;
}
.pc-product-support-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
}
.pc-product-support-list ul li a {
	display: block;
	font: normal 18px/24px 'Parkinsans';
	color: #000;
	letter-spacing: 0.2px;
	border-color: #167cb7;
	padding: 13px 52px;
}
.pc-product-support-list ul li a.btn-hvr-b::before {
	background: #167cb7;
}
.pc-product-support-list ul li a.btn-hvr-b:hover {
	color: #fff;
}
.pc-product-support-list ul li a.btn-hvr-w::before {
	background: #fff;
}
.pc-product-support-list ul li a.btn-hvr-w:hover {
	color: #000;
}
.pc-product-support-list ul li:nth-child(even) a {
	background: #167cb7;
	color: #fff;
}
/* Product Category Page Browse Solutions by Category Section CSS */
#PC-Browse-Solutions-by-Category-Section-In {
	color: var(--black-color);
	padding-top: 75px;
	/* padding-bottom: 65px; */
}
.pc-browse-solutions-by-category-hd h2 {
font: 300 44px/50px 'Parkinsans';
}
.pc-browse-solutions-by-category-hd p {
font: normal 16px/26px 'Parkinsans';
margin-top: 14px;
margin-bottom: 67px;
}
.pc-browse-solutions-by-category-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 42px;
}
.pc-browse-solutions-by-category-list-in {
	width: 371px;
}
.pc-browse-solutions-by-category-list-in-img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	overflow: hidden;
	width: 100%;
	height: 301px;
	position: relative;
}
.pc-browse-solutions-by-category-list-in-img img {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.pc-browse-solutions-by-category-list-in-img:hover img {
	transform: var(--t-scale);
}
.pc-browse-solutions-by-category-list-in-txt {
	padding: 35px 5px 20px 28px;
	position: relative;
}
.pc-browse-solutions-by-category-list-in-txt::before {
	position: absolute;
	content: '';
	background: #057ac0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	width: 7px;
	height: 43px;
	left: 0;
	top: 40px;
}
.pc-browse-solutions-by-category-list-in-txt h3 {
	font: 500 24px/30px 'Parkinsans';
}
.pc-browse-solutions-by-category-list-in-txt h3 a:hover {
	color: #057ac0;
}
.pc-browse-solutions-by-category-list-in-txt p {
	font: normal 15px/25px 'Parkinsans';
	margin-top: 12px;
}
/* Product Category Page Use Case Grid Section CSS */
#PC-Use-Case-Grid-Section-In {
	color: var(--black-color);
	padding-top: 75px;
}
.pc-use-case-grid-hd h2 {
	font: 300 44px/50px 'Parkinsans';
}
.pc-use-case-grid-hd p {
	font: normal 16px/26px 'Parkinsans';
	margin-top: 14px;
	margin-bottom: 67px;
}
.pc-use-case-grid-list ul {
	display: grid;
	grid-template-columns: repeat(var(--ucg-columns, 3), 1fr);
	gap: 40px 30px;
}
.pc-use-case-grid-list ul li {
	width: 100%;
}
.pc-use-case-grid-list-in-img {
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	height: 220px;
	position: relative;
}
.pc-use-case-grid-list-in-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
}
.pc-use-case-grid-list-in-img:hover img {
	transform: var(--t-scale);
}
.pc-use-case-grid-list-in-txt {
	padding: 25px 5px 10px 20px;
	position: relative;
}
.pc-use-case-grid-list-in-txt::before {
	position: absolute;
	content: '';
	background: #057ac0;
	border-radius: 30px;
	width: 7px;
	height: 34px;
	left: 0;
	top: 28px;
}
.pc-use-case-grid-list-in-txt h3 {
	font: 500 20px/26px 'Parkinsans';
}
.pc-use-case-grid-list-in-txt h3 a:hover {
	color: #057ac0;
}
.pc-use-case-grid-list-in-txt p {
	font: normal 15px/24px 'Parkinsans';
	margin-top: 10px;
}
/* Editorial block — generic image + rich text + CTA, reused across page types */
#PC-Editorial .section-inside {
	padding: 70px 0;
}
.pc-editorial-in {
	display: grid;
	gap: 40px;
	grid-template-columns: 1fr 1.3fr;
	align-items: stretch;
}
.pc-editorial-in.pc-editorial-img-left {
	grid-template-columns: 1.3fr 1fr;
}
.pc-editorial-in.pc-editorial-img-left .pc-editorial-pic {
	order: -1;
}
.pc-editorial-in.pc-editorial-img-top {
	grid-template-columns: 1fr;
}
.pc-editorial-in.pc-editorial-img-none {
	grid-template-columns: 1fr;
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
}
.pc-editorial-pic {
	position: relative;
	border-radius: var(--radius-lg);
	overflow: hidden;
	min-height: 420px;
}
.pc-editorial-in.pc-editorial-img-top .pc-editorial-pic {
	min-height: 320px;
}
.pc-editorial-pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
}
.pc-editorial-pic:hover img {
	transform: var(--t-scale);
}
.pc-editorial-text {
	background: var(--bg-color-bl);
	border-radius: var(--radius-lg);
	padding: 55px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pc-editorial-in.pc-editorial-img-none .pc-editorial-text {
	background: none;
	padding: 0;
}
.pc-editorial-tag {
	font: 600 18px/24px 'Parkinsans';
	color: var(--bg-color-db);
	display: block;
	margin-bottom: 8px;
}
.section-eyebrow {
	display: block;
	font: 600 13px/18px 'Parkinsans';
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #167cb7;
	text-align: center;
	margin-bottom: 8px;
}
.pc-editorial-text h2 {
	font: 300 36px/44px 'Parkinsans';
}
.pc-editorial-text p {
	font: 300 15px/26px 'Parkinsans';
	padding: 10px 0;
}
.pc-editorial-cta {
	margin-top: 15px;
}
/* =============================================================================
   RESPONSIVE — category / solution / generic pages
   This file had no responsive section at all before this — every layout
   below was fixed desktop-width/height regardless of viewport. Breakpoint
   tiers match the ones already established in product-detail.css (used on
   individual product pages), which already handles this correctly.
   ============================================================================= */
@media screen and (max-width: 1023.99px) {
/* Hero (HeroBlock, and category.php's own hardcoded banner) — a fixed
   600px box, absolutely positioned to the right, overflows any viewport
   narrower than ~700px without this. */
.product-categories-page .banner-info {
	width: 100%;
	position: static;
	padding: 30px 20px;
}
/* Solution Finder — image + item list side-by-side collapses to stacked. */
#PC-Right-System .flex-div {
	grid-template-columns: 1fr;
}
.pc-right-system-pic {
	width: 100%;
	min-height: 320px;
}
/* Trust / Credentials — a fixed 41.6%-width, 617px-tall image becomes an
   absurdly tall, narrow column once it wraps onto its own row below this. */
.pc-trusted-medical-technology-in-img {
	width: 100%;
	min-height: 320px;
}
/* Editorial — side-by-side grid collapses to a single stacked column. */
.pc-editorial-in,
.pc-editorial-in.pc-editorial-img-left {
	grid-template-columns: 1fr;
}
.pc-editorial-pic {
	min-height: 280px;
}
/* Client Success Stories — was a fixed 931px height on the whole section;
   that clips the video/testimonial instead of growing once the columns
   inside get narrower and need more vertical room. */
#PC-Client-Success-Stories-Section-In {
	height: auto;
	padding-bottom: 60px;
}
}
@media screen and (max-width: 1023.99px) {
.pc-use-case-grid-list ul {
	grid-template-columns: repeat(min(var(--ucg-columns, 3), 3), 1fr);
}
}
@media screen and (max-width: 767.99px) {
.pc-right-system-text .right-sys-list {
	grid-template-columns: 1fr;
}
.pc-client-success-stories-cont-hd {
	padding: 35px 20px;
}
.pc-use-case-grid-list ul {
	grid-template-columns: repeat(min(var(--ucg-columns, 3), 2), 1fr);
}
}
@media screen and (max-width: 479.99px) {
.product-categories-page .banner-info .ban-btn li,
.product-categories-page .banner-info .ban-btn li a {
	display: block;
	width: 100%;
	text-align: center;
}
.product-categories-page .banner-info .ban-btn li:first-child {
	margin-right: 0;
}
.pc-use-case-grid-list ul {
	grid-template-columns: 1fr;
}
}

/* Feature Highlights — side-image layout (image + two-column icon list),
   ported from product-detail.css so FeatureHighlightsBlock renders correctly
   here too, not just on product pages — see feature_highlights.php. */
#PP-Product-Clinical-Use {
	background: var(--bg-color-lb);
}
#PP-Product-Clinical-Use .section-inside {
	padding: 50px 0 100px 0;
}
#PP-Product-Clinical-Use h2 {
	font: 300 44px/52px 'Parkinsans';
	text-align: center;
	padding: 10px 10px 60px 10px;
}
#PP-Product-Clinical-Use h2 span {
	font: 300 16px/24px 'Parkinsans';
	display: block;
}
#PP-Product-Clinical-Use .flex-div {
	gap: 35px;
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	align-items: stretch;
}
#PP-Product-Clinical-Use .pcu-pic {
	position: relative;
	border-radius: var(--radius-lg);
	overflow: hidden;
	width: 515px;
	min-height: 636px;
}
#PP-Product-Clinical-Use .pcu-pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
}
#PP-Product-Clinical-Use .pcu-pic:hover img {
	transform: var(--t-scale);
}
#PP-Product-Clinical-Use .pcu-text {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	align-content: start;
}
.pcu-text .pcu-item {
	background: var(--bg-color-bl);
	padding: 20px 20px 20px 50px;
	border-radius: var(--radius-lg);
	transition: var(--transition);
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}
.pcu-text .pcu-item h3 {
	font: 600 18px/22px 'Parkinsans';
	padding: 60px 0 5px 0;
}
.pcu-text .pcu-item .pcu-icon {
	position: absolute;
	width: 55px;
	height: 55px;
	border-radius: 10px;
	/* background-color: #fff; */
	background-position: center center;
	background-repeat: no-repeat;
	left: 50px;
	top: 20px;
}
.pcu-text .pcu-item p {
	font: 300 14px/20px 'Parkinsans';
	padding: 5px 0;
}
.pcu-text .pcu-item:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	padding: 25px 20px 20px 128px;
}
.pcu-text .pcu-item:last-child:nth-child(odd) .pcu-icon {
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}
.pcu-text .pcu-item:last-child:nth-child(odd) h3 {
	padding: 5px 0;
}
@media screen and (max-width : 1023.99px) {
#PP-Product-Clinical-Use .flex-div {
	grid-template-columns: 1fr;
}
#PP-Product-Clinical-Use .pcu-pic {
	width: 100%;
	min-height: 360px;
}
}
@media screen and (max-width : 767.99px) {
#PP-Product-Clinical-Use .pcu-text {
	grid-template-columns: 1fr;
}
}