.page-template-template-io-services .container {
  max-width: 1400px;
}
.page-template-template-io-services {
  overflow-y: hidden;
}
.page-template-template-io-services footer#main-footer {
  position: relative;
  border-top: 1px solid #f2f2f2;
  padding: 19px 0 0 0;
}
.page-template-template-io-services sup {
  bottom: 5px;
}
.page-template-template-io-services h1 {
  font-size: 60px;
  line-height: 65px;
  font-weight: 700 !important;
}
.page-template-template-io-services h2 {
  font-size: 38px;
  line-height: 65px;
  font-weight: 700;
  color: #252525;
  margin-bottom: 30px;
}
.page-template-template-io-services h3 {
  font-size: 32px;
  line-height: 38px;
  color: #252525;
}
.page-template-template-io-services h4 {
  font-size: 28px;
  line-height: 34px;
  color: #252525;
}
.page-template-template-io-services p, .page-template-template-io-services li {
  font-size: 18px;
  line-height: 30px;
  color: #0F2318;
}
.page-template-template-io-services p {
  margin-bottom: 15px;
}
.page-template-template-io-services p:last-child {
  margin-bottom: 0px;
}
.page-template-template-io-services p strong {
  font-weight: 700;
}

.page-template-template-io-services .hero-block .field__item h1 sup {
  font-size: 40px;
  bottom: 15px;
}
.page-template-template-io-services .menu-item-link-wrapper sup {
  bottom: 0px;
}

/* Main nav */
.logged-in .sticky-nav-bar.fixed-top-nav.sticky-element-original.element-is-sticky {
  top: 58px !important;
}

/*service-hero*/
.service-hero-section .hero-block {
  margin: 0 auto;
}
.service-hero-section .block-system-breadcrumb-block {
  float: none;
  padding-top: 25px;
}
.service-hero-section .block-system-breadcrumb-block > .container {
  margin: 0px;
  width: 100%;
  padding-left: 0px;
}
#block-views-blockheader-slider.block-views-page.service-hero-section,
#block-views-blockheader-slider.block-views-page.service-hero-section
  > .block-views-blockheader {
  height: auto;
  margin-bottom: 45px;
}
.hero-bg
  #block-views-blockheader-slider.block-views-page
  .bgr-image-header
  img {
  background-position: center;
  background-size: contain;
  object-fit: cover;
}
.page-template-template-io-services .hero-block .field__item h1 sup {
  font-size: 40px;
  bottom: 15px;
}
.service-hero-content-block {
  max-width: 49.3%;
  padding: 60px 20px 90px;
}
.page-template-template-io-services
  .service-hero-content-block
  .content-below-title
  sup,
.xenograft-model p sup {
  bottom: 0px;
}
.pharmacology-page .service-hero-content-block {
  padding: 40px 20px 70px;
}
.service-hero-section .breadcrumb ol li:first-child > a:after {
  position: absolute;
  content: "";
  background-image: url(/wp-content/uploads/2023/07/home-icon.svg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.service-hero-section .breadcrumb ol li:first-child {
  margin-right: 20px;
}
.service-hero-section .breadcrumb ol li:not(:first-child):before {
  position: absolute;
  content: "";
  background-image: url(/wp-content/uploads/2023/07/breadcrumbs-arrow.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  top: 10px;
  left: -10px;
  opacity: 1;
}
.service-hero-section .anchor-button {
  padding: 10px 25px;
}

.service-hero-section .breadcrumb ol li:first-child > a {
  font-size: 0px;
}
.service-hero-section .breadcrumb ol li,
.service-hero-section .breadcrumb ol li a,
.service-hero-section h1,
.service-hero-section p,
.stats-title {
  color: #fff;
  font-weight: 400;
}

/* .pharmacology-page .service-hero-section .breadcrumb {
  margin-bottom: 35px;
} */
/* .service-hero-section .breadcrumb {
  margin-bottom: 33px;
} */
.xenograft-model .service-hero-section .block-system-breadcrumb-block {
  padding: 0px;
}
.xenograft-model .service-hero-section .block-system-breadcrumb-block ol {
  display: none;
}
.xenograft-model .service-hero-section h1 {
  padding-top: 5px;
}
.service-hero-section .breadcrumb ol li {
  padding: 10px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.service-hero-section .breadcrumb ol li:last-child {
  font-weight: 300;
}
.service-hero-section .breadcrumb ol li a {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.io-service-banner p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
#main-header.not-sticky {
  position: absolute;
}
.page-template-template-io-services .view-container {
  padding-top: 45px;
  padding-bottom: 0px;
  margin-bottom: 120px;
}
.io-service-banner {
  margin-bottom: 0px !important;
}
.io-service-banner .block-views-blockheader {
  margin-bottom: 0px !important;
}

#block-views-blockheader-slider.block-views-page.io-service-banner {
    background-color: #0F2318;
}
#block-views-blockheader-slider.io-service-banner .bgr-image-header {
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.io-service-banner .service-hero-content-block {
  padding: 0 0 80px;
}

/* intro section */
.page-template-template-io-services
  .services-intro-section
  .services-intro-content {
  margin-bottom: 45px;
}
.page-template-template-io-services
  .services-intro-section
  .services-intro-content
  p:last-child {
  margin-bottom: 0px;
}
/*service-modal-section*/
.services-grid {
  display: grid;
  gap: 60px;
  /*  flex-wrap: wrap;*/
  grid-template-columns: repeat(3, 1fr);
  padding: 45px 0px;
}

.service-card {
  padding: 20px;
  min-height: 320px;
  /*  min-width: 240px;*/
  /*  width: 427px;*/
  max-width: 100%;
  transition: all 0.3s ease;
  height: 100%;
  flex: 1;
}
.service-card:hover,
.related-service-card:hover {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
.service-icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 40px;
}

.service-title {
  margin-top: 11px;
  color: #066938;
  word-break: break-word;
}

.service-description {
  margin-top: 16px;
  font-size: 20px;
  color: #2b2b2b;
  line-height: 30px;
  flex-grow: 1;
}
.service-description p {
  margin: 0px;
}

/* CTA Section */

.io-service-cta-section {
  background: linear-gradient(0deg, #0F2318 0%, #0F2318 100%);
  margin-top: 120px;
}
.io-service-cta-section h2.cta-title {
  color: #fff;
  margin-bottom: 28px;
  text-align: center;
}
.io-service-cta-section .content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  text-align: center;
}
.io-service-cta-section .cta-content {
  align-items: center;
  text-align: center;
  margin: 0 auto;
  padding: 93px 0px;
}
.io-service-cta-section .white-btn {
  padding: 10px 15px;
  border-radius: 99px;
  color: #3C3C3B;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  cursor: pointer;
  background-color: #F9F9F9;
  transition: all 0.5s ease;
  /* border: none;
  position: relative;
  transition: background-color 0.3s ease; */
}
.io-service-cta-section .white-btn:hover {
  background-color: #3778B4;
  color: #fff;
  transition: all 0.5s ease;
}
.io-service-cta-section a.white-btn:before {
	background: none;
}
.io-service-cta-section .cta-description {
  margin-bottom: 14px;
}
.io-service-cta-section .cta-description p {
  color: #fff;
}


/*table section*/
.color-scheme-purple .service-table h2 {
  color: #252525;
}
.color-scheme-purple .paragraph--type--table-one .tablefield thead tr th {
  background: #066938;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  padding: 10px;
  font-weight: 400;
}
.color-scheme-purple
  .paragraph--type--table-one
  .tablefield
  tbody
  tr:nth-child(2n + 1)
  td {
  background: #ebf7f2;
  padding: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #252525;
}
.color-scheme-purple
  .paragraph--type--table-one
  .tablefield
  tbody
  tr:nth-child(2n)
  td {
  background: #f9f9f9;
  padding: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #252525;
}
.color-scheme-purple .paragraph--type--table-one .tablefield tbody tr a {
  color: #066938;
}
.color-scheme-purple .paragraph--type--table-one .dataTables_length label,
.color-scheme-purple .paragraph--type--table-one .dataTables_filter label,
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_wrapper
  .dataTables_info {
  font-size: 20px;
  line-height: 30px;
  color: #252525;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_wrapper
  .dataTables_info {
  padding: 40px 0px 45px;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_wrapper
  .dataTables_paginate {
  padding: 30px 0px 45px;
}
.color-scheme-purple .paragraph--type--table-one .dataTables_length label {
  display: flex;
  gap: 15px;
  align-items: center;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_length,
.color-scheme-purple .paragraph--type--table-one .dataTables_filter {
  padding: 15px 0px !important;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_length
  select,
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_filter
  input[type="search"] {
  font-size: 18px !important;
  line-height: 20px !important;
  padding: 5px;
  height: 50px !important;
  border: 1px solid #2b2b2b !important;
  border-radius: 4px;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_filter
  input[type="search"] {
  width: 457px;
  margin-left: 10px;
}
.color-scheme-purple .paragraph--type--table-one .dataTables_filter > label {
  position: relative;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_filter
  > label:after {
  content: "";
  position: absolute;
  background-image: url(/wp-content/uploads/2023/07/Search-Icons.svg);
  width: 20px;
  height: 20px;
  right: 10px;
  top: 50%;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.color-scheme-purple .paragraph--type--table-one table.tablefield {
  width: 100%;
}
.color-scheme-purple .paragraph--type--table-one .dt-buttons {
  padding: 30px 0 45px;
  float: right;
}
.color-scheme-purple .paragraph--type--table-one .dt-buttons > .buttons-excel {
  padding: 10px 25px;
  font-size: 22px;
  line-height: 30px;
  background: transparent;
  color: #066938;
  font-weight: 400;
  border: 1px solid #066938;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dt-buttons
  > .buttons-excel
  > span {
  text-transform: capitalize;
}
.color-scheme-purple
  table.tablefield.dataTable.no-footer.dtr-inline.fixedHeader-locked {
  display: none;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dt-buttons
  > .buttons-excel:hover {
  color: #ffffff;
  background-color: #066938;
}
.color-scheme-purple
  .paragraph--type--table-one
  table.tablefield
  thead
  > tr:not(.header-group-row),
.color-scheme-purple
  .paragraph--type--table-one
  table.tablefield
  thead
  > tr:not(.header-group-row),
.color-scheme-purple
  .paragraph--type--table-one
  table.tablefield
  tbody
  tr:not(:last-child) {
  border-bottom: 5px solid #fff;
}
.color-scheme-purple
  .paragraph--type--table-one
  table.tablefield
  thead
  > tr.header-group-row {
  border-bottom: 1px solid #fff;
}
.color-scheme-purple .paragraph--type--table-one .dataTables_length {
  width: 215px !important;
}
.color-scheme-purple
  .paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .dataTables_filter {
  width: calc(100% - 215px);
}
.color-scheme-purple .paragraph--type--table-one .dataTables_length > label {
  position: relative;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_length
  > label:before {
  content: "";
  position: absolute;
  background-image: url(/wp-content/uploads/2023/07/down-arrow.svg);
  background-repeat: no-repeat;
  left: 55%;
  top: 50%;
  width: 14px;
  height: 10px;
  transform: translateY(-50%);
  z-index: 0;
  pointer-events: all;
  cursor: pointer;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_length
  > label
  > select {
  appearance: none;
  width: 74px;
  cursor: pointer;
  background-color: transparent !important;
  z-index: 1;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_wrapper
  a.paginate_button {
  font-size: 20px;
  line-height: 30px;
  color: #066938;
  width: 44px;
  height: 50px;
  padding: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05) !important;
}
.color-scheme-purple
  .paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .dataTables_paginate
  .paginate_button.next::before,
.color-scheme-purple
  .paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .dataTables_paginate
  .paginate_button.previous::before {
  color: #066938;
}
.color-scheme-purple
  .paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .dataTables_paginate
  .paginate_button.current {
  background: #f2f2f2;
}

.paragraph--table-simple th {
  background: #006c60;
  color: #fff;
  border-right: 2px solid #fff;
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
  font-size: 1.15rem;
  font-weight: 400;
}
.paragraph--table-simple th::after {
  opacity: 0.5;
  font-family: "FontAwesome";
  content: "\0a0\f0dc";
  font-weight: normal;
}
.paragraph--table-simple table tbody tr:nth-child(2n + 1) td {
  background: rgba(0, 108, 96, 0.1) !important;
}
.paragraph--table-simple table tbody tr:nth-child(2n) td {
  background: rgba(0, 108, 96, 0.05) !important;
}
.paragraph--table-simple table tbody tr td {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 8px 10px;
  font-size: 1.15rem;
}

.hero-block .anchor-link {
  margin-top: 31px;
}

/* entry content */

.entry-content-servises .overview {
  margin-bottom: 80px;
}
.entry-content-servises ul {
  margin: 0;
  padding: 0;
}
.entry-content-servises ul li {
  margin: 0;
  position: relative;
  list-style-type: none;
  padding: 0 0 0 20px;
  font-size: 20px;
  line-height: 30px;
}
.entry-content-servises ul li a {
  color: #006c60;
}
.entry-content-servises ul li::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.6rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  box-sizing: content-box;
}
.page-template-template-io-services .entry-content-servises ul {
  color: #252525;
}
.page-template-template-io-services .entry-content-servises p {
  color: #2b2b2b;
  margin-bottom: 15px;
}

.entry-content-servises .teaser_title h4 {
  font-size: 1.8rem;
  font-weight: 600;
}

.page-template-template-io-services .contact-buttons {
  flex: 0 0 250px;
  padding-top: 7px;
}
.page-template-template-io-services .contact-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.page-template-template-io-services .contact-buttons > .block {
  width: 246px;
  height: 58px;
  background: #066938;
  margin: 0 0 5px 0;
  position: relative;
  padding: 5px;
  z-index: 1;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  transition-delay: 0;
  transform: translateZ(0);
}
.contact-buttons > .block a {
  display: block;
  height: 100%;
  align-items: center;
  position: relative;
  z-index: 2;
  text-decoration: none;
}
.contact-buttons > .block:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* background: -moz-linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); */
  z-index: 1;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  transition-delay: 0;
  transform: translateZ(0);
}
.contact-buttons > .block:hover {
  width: 266px;
  padding-right: 15px;
}
.contact-buttons > .block:hover:after {
  background: -moz-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
  background: -webkit-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
}
.contact-buttons > .block a .field--name-field-icon {
  float: left;
  width: 38px;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 0;
}
.contact-buttons > .block a .field--name-field-icon img {
  width: 100%;
  height: auto;
}
.contact-buttons > .block a .field--name-field-text {
  color: #fff;
  padding: 0 0 0 15px;
  font-size: 16px;
  line-height: 24px;
  float: left;
  width: calc(100% - 38px);
  height: 100%;
  display: flex;
  align-items: center;
}
.text-mit-bild-text {
  position: relative;
  max-width: 100%;
  display: flex;
  gap: 81px;
}

/* Sticky Navigation css */

.sticky-nav-bar {
  padding: 15px 0px;
  background: #fff;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.sticky-nav-bar ul {
  display: flex;
  gap: 50px;
  margin-bottom: 0px;
}
.sticky-nav-bar li {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
.sticky-nav-bar li a {
  color: #3c3c3b;
}
.sticky-nav-bar a.active {
  border-bottom: 3px solid #066938;
  padding-bottom: 15px;
  color: #066938 !important;
}

/* hero section */

.page-template-template-io-services .service-hero-section,
.page-template-template-io-services .block-views-blockheader {
  margin-bottom: 0px !important;
}
.io-service-banner p.desc {
  font-weight: 400;
}
.io-service-banner p.sub-desc {
  font-weight: 600;
}

/* breadcrumbs css */
/* .page-template-template-io-services
  .paragraph-view-type-banner
  .field--name-field-headline-big {
  background-color: #13771f;
} */
.page-template-template-io-services .breadcrumb ol li {
  color: #066938;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: #fff;
  text-underline-offset: 2px;
}

.page-template-template-io-services .breadcrumb a {
  color: #066938;
}
.page-template-template-io-services .et-social-icons .et-social-icon a {
  color: #666;
}

.page-template-template-io-services .block-system-breadcrumb-block,
.page-template-template-io-services .discovery-breadcrumb-block {
  float: none;
}
.page-template-template-io-services .breadcrumb ol li:last-child {
  color: #fff;
  text-decoration: none;
}

/* Overview section */


.page-template-template-io-services .service-overview-text p, 
.page-template-template-io-services .service-overview-text ul {
  max-width: 1000px;
}
.page-template-template-io-services .service-overview-text ul {
  list-style: disc;
  padding-left: 20px;
}
.page-template-template-io-services .service-overview-text p {
  font-size: 18px;
  line-height: 30px;
}
.page-template-template-io-services .service-overview-text ul li {
  font-size: 18px;
  line-height: 30px;
  color: #0f2318;
  margin-bottom: 5px;
}
.page-template-template-io-services .service-overview-text h2:nth-child(3) {
  margin-top: 80px;
}
.service-overview-text li::marker,
.assay-card__desc li::marker {
  color: #066938;
}

/* Resources Section */

.page-template-template-io-services .related-resources-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: #fff;
  margin-bottom: 90px;
}
section.related-resources-container {
  margin-top: 120px;
  margin-bottom: 120px;
}
.related-resources-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}
.page-template-template-io-services .related-resources-card {
  display: flex;
  width: auto;
  flex-direction: column;
  gap: 20px;
  transition: all 0.3s ease;
  height: 100%;
  flex: 1;
  background-color: #EBF1F8;
  border-radius: 8px;
}
.related-resources-details {
  display: flex;
  padding: 0px 20px 15px 15px;
  flex-direction: column;
  gap: 10px;
}
.related-resources-content {
  display: flex;
  flex-direction: column;
}
.page-template-template-io-services .resources-image {
  width: 100%;
  height: auto;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.page-template-template-io-services .related-resources-prefix {
  background: #CBDCEF;
  padding: 2px 10px;
  width: fit-content;
  color: #0F2318;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 0px;
}
.page-template-template-io-services .related-resources-card:hover {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.10);
  background-color: #3778B4;
}
.page-template-template-io-services .related-resources-title h4,
.page-template-template-io-services .related-service-title {
  color: #0F2318;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
}
.page-template-template-io-services .related-resources-card:hover .related-resources-title h4 {
  color: #fff;
}

.page-template-template-io-services .resources-section-title {
  margin-bottom: 0px;
}

/* Service section */
.page-template-template-io-services .related-services-container {
  margin-bottom: 90px;
}

/* faq-css */
.page-template-template-io-services .paragraph--type--faq-container {
  clear: both; /* Ensure FAQ section appears after any floating elements */
  margin-top: 45px; /* Add some spacing from previous section */
}
.faq-section {
  margin-bottom: 120px;
  margin-top: 100px;
}
.faq-section .faq-container {
  padding: 30px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
}

/* .faq-title {
  font-family: "Heebo", sans-serif;
  font-weight: 400;
  font-size: 38px;
  line-height: 60px;
  color: #252525 !important;
  margin: 0 !important;
} */
.faq-title:after {
  content: unset !important;
}
.faq-subtitle {
  font-family: "Heebo", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #2b2b2b;
  max-width: 335px;
  margin: 0;
}

.faq-items {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 25px;
  min-width: 0;
}

.faq-item {
  background: #0F2318;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.faq-item.active {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.page-template-template-io-services .faq-item:hover {
  background: #1F8A41;
  color: #fff;
}
.faq-item:hover .faq-question-text {
  color: #fff;
}
.faq-question {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 4px;
}

.faq-item .faq-question.active {
  background: #0F2318;
  color: #fff;
  border-bottom: 1px solid #0F2318;
  border-radius: 4px 4px 0px 0px;
}

.faq-item .faq-question:not(.active) .faq-question {
  background: #f4fbf8;
  color: #066938;
}
.faq-header p {
  color: #2b2b2b;
}

/* .page-template-template-io-services h3.faq-question-text {
  color: #066938;
} */

.page-template-template-io-services h3.faq-question-text {
  flex: 1;
  font-family: "Heebo", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  transition: all 0.3s ease;
  color: #066938;
}
.faq-item .faq-question.active .faq-question-text {
  color: #fff;
}
.faq-toggle-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.faq-item:hover svg.chevron-down path {
  color: #fff;
}
.faq-toggle-icon svg.chevron-down path {
  color: #fff;
}

.page-template-template-io-services h3.faq-question-text {
  color: #FFF;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 0;
}
.page-template-template-io-services .faq-answer {
  background: #E8F3EC;
  padding: 30px;
  border-top: none;
  display: none;
}
.faq-item .faq-question.active .faq-answer {
  display: block;
}
.faq-answer-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #0F2318;
  margin: 0;
}
.faq-answer-text p:last-child {
  margin-bottom: 0;
}
/* Chevron SVG styles */
.chevron-down {
  width: 36px;
  height: 36px;
}

.faq-item .faq-question:not(.active) .chevron-down {
  opacity: 1;
}
.faq-item .faq-question.active .chevron-down {
  transform: rotate(180deg);
  filter: brightness(0) invert(1);
}

/* Accordian Section */

.faq-section.accordian-section {
  margin-bottom: 0px !important;
}
.accordian-section .faq-answer {
  background: #FDFDFD;
}
.accordian-section .faq-question {
  padding: 13px 30px;
}
.accordian-section .faq-items {
  gap: 12px;
}
.faq-item.active {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}



/* Tab section css */

.tab-container {
  display: flex;
  margin: 15px 0 0 0;
  width: 100%;
}
.tab-container .tab-navigation {
  background: rgba(0, 108, 96, 0.05);
}
.page-template-template-io-services .tab-container .tab-navigation {
	background: #E8F3EC;
	position: relative;
}
.page-template-template-io-services .tab-container .tab-navigation:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background-color: #FBF5F8;
}
.tab-content-wrapper ul {
  padding-left: 20px;
}
.tab-content-wrapper ul li {
  font-size: 20px;
  line-height: 30px;
  list-style-type: none;
  color: #252525;
  position: relative;
  padding: 0 0 0 20px;
}
.tab-content-wrapper ul li:before {
  content: "";
  position: absolute;
  display: block;
  top: 0.7rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  box-sizing: content-box;
}
.tab-container .tab-navigation {
  width: 370px;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 20px 0;
  background: rgba(6, 105, 56, 0.05);
  z-index: 0;
}
.page-template-template-io-services .tab-container .tab-navigation li:hover {
  background: #1F8A41;
  color: #fff;
  transition: all 0.3s ease;
}
.page-template-template-io-services
  .tab-container
  .tab-navigation
  li::after,
.page-template-template-io-services
  .paragraph--type--tab-container
  > .center
  > .tab-container
  .tab-navigation
  li::after {
  top: 0px !important;
}
.page-template-template-io-services .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph .field--name-field-title {
  font-size: 18px;
  line-height: 30px;
}
.page-template-template-io-services .tab-container > .field--name-field-paragraph > .paragraph {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
	border-radius: 0 8px 8px 0;
	transform: none;
}
.tab-container .tab-navigation li.tab-active {
  color: #fff;
  margin: 0 -15px 0 0px !important;
  z-index: 100;
  font-weight: 700;
}
.page-template-template-io-services .tab-container .tab-navigation li {
  list-style-type: none;
  border-top: 3px solid #fff;
  margin: 0;
  padding: 15px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.tab-container > .field--name-field-paragraph {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  flex-basis: 0;
}
.tab-container > .field--name-field-paragraph > .paragraph.tab-content-active {
  display: block;
  min-height: 100%;
}
.tab-container > .field--name-field-paragraph > .paragraph {
  box-shadow: 0 0 20px rgba(5, 83, 130, 0.2);
  display: flex;
  padding: 42px 26px 42px 44px;
  display: none;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  transition-delay: 0;
  transform: translateZ(0);
}
.tab-container
  > .field--name-field-paragraph
  > .paragraph
  .field--name-field-title {
  font-weight: 500;
  display: none;
  background: #066938;
  color: #fff;
  margin: 0 -2px;
  padding: 5px 22px;
}
.page-template-template-io-services .tab-content-wrapper h3 {
  color: #000;
  font-weight: 400;
}
.tab-container
  > .field--name-field-paragraph
  > .paragraph
  .field--name-field-title {
  font-weight: 500;
  display: none;
  background: #066938;
  color: #fff;
  margin: 0 -2px;
  padding: 5px 22px;
}
.page-template-template-io-services section {
  margin-bottom: 120px;
}
.page-template-template-io-services .table-section {
  margin-bottom: 200px;
}
.page-template-template-io-services .tab-section h2 {
  margin-bottom: 30px;
}
.page-template-template-io-services .tab-section,
.page-template-template-io-services .faq-section {
  margin-bottom: 90px;
}
.page-template-template-io-services .tab-container .tab-navigation li.tab-active {
  background: #0F2318;
  border-radius: 0 8px 8px 0;
}
.tab-content-wrapper h4 {
  color: #0F2318;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
.tab-content-wrapper h5 {
  color: #0F2318;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.tab-content-wrapper h4, .tab-content-wrapper h5 {
  margin-bottom: 15px;
}



/* ===== Related Services (matches screenshot) ===== */

.related-services-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}

.page-template-template-io-services .related-services-card {
  display: flex;
  width: auto;
  flex-direction: column;
  height: 100%;
  flex: 1;
  padding: 20px;
  background-color: #EBF1F8;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.page-template-template-io-services .related-services-card:hover {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.10);
  background-color: #3778B4;
  transition: all 0.3s ease;
}
.page-template-template-io-services .related-services-card:hover h4.related-services-card__title, 
.page-template-template-io-services .related-services-card:hover .related-services-card__desc p {
  color: #fff;
  transition: all 0.3s ease;
}
.related-service-details {
  display: flex;
  padding: 5px 15px 15px 15px;
  flex-direction: column;
  gap: 10px;
}
.related-service-description {
  color: #2b2b2b;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0;
  flex-grow: 1;

}
/* Grid */
.related-services-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
/* Title + description inside card */
.page-template-template-io-services .related-services-card__title {
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  color: #0F2318; 
  transition: all 0.3s ease;
}
.related-services-card__desc p {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  color: #0F2318;
  transition: all 0.3s ease;
}


@media (min-width: 768px) {
  .related-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
}




/* Hover (subtle) */
.related-services-card:hover {
  background: #e6eef3;
  /* transform: translateY(-1px); */
}

/* Keyboard focus */
.related-services-card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(27, 127, 103, 0.22);
}

.content-with-sidebar {
  display: flex;
  gap: 30px;
  margin-top: 80px;
}
.content-with-sidebar__aside {
  flex: 0 0 217px;
  width: 217px;
}
.content-with-sidebar__main {
  flex: 1 1 auto;  
  min-width: 0;  
  max-width: 1153px;
}
.sidebar-sticky-nav-bar {
  border-radius: 8px;
  background: #EBF1F8;
  padding: 20px;
}
.sidebar-sticky-nav-bar .container {
  margin: 0;
  padding: 0;
}
.sidebar-sticky-nav-bar ul li {
  padding: 11px 0px;
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.sidebar-sticky-nav-bar h5 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #252525;
  margin-bottom: 3px;
}
.sidebar-sticky-nav-bar ul {
  margin-bottom: 0;
}
.sidebar-sticky-nav-bar ul li:hover a {
  color: #3778B4;
}

.fixed-top-nav.sticky-nav-bar li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.fixed-top-nav.sticky-nav-bar li:hover a {
	color: #0f2318;
	border-bottom: 1px solid #0F2318;
}
.fixed-top-nav.sticky-nav-bar ul {
  gap: 3px;
}
.fixed-top-nav.sticky-nav-bar {
  background-color: #fff;
  padding: 0;
  margin-top: 0px;
  border-bottom: 1px solid #EEE;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);
}
.fixed-top-nav.sticky-nav-bar li a {
  color: #2e683e;
  padding: 10px 20px;
  text-align: center;
  display: block;
  border-bottom: 1px solid transparent;
}
/* .fixed-top-nav.sticky-nav-bar li a.active {
  color: #0F2318 !important;
  border-bottom: 1px solid #0F2318;
} */
.sidebar-sticky-nav-bar ul li a {
  color: #2e683e;
}
.fixed-top-nav.sticky-nav-bar li a.active-item {
    color: #0F2318 !important;
    border-bottom: 1px solid #0F2318;
}

/* Key application section */
.strategy-section {
  margin-top: 120px;
  margin-bottom: 120px;
}
article.strategy-card {
  /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10); */
  background: #E8F3EC;
  border-radius: 8px;
  padding: 30px;
  position: relative;
  cursor: pointer;
  transition: background 0.5s ease;
}
.strategy-card__link {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: none;
}
.strategy-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: start;
}
h3.strategy-card__title {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: #252525;
  /* margin-bottom: 15px; */
  margin-bottom: 0;
  transition: color 0.3s ease, margin-bottom 0.3s ease;
}
.strategy-card__text {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    height 0.4s ease,
    opacity 0.3s ease;
  transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.3s ease;
}
.strategy-card__text p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 30px;
  color: #0F2318;
  margin-top: 15px;
  transition: color 0.3s ease;
}
article.strategy-card:hover {
  background: #0F2318;
  transition: background 0.5s ease;
}
article.strategy-card:hover h3.strategy-card__title,
article.strategy-card:hover .strategy-card__text p {
  color: #fff;
}

article.strategy-card.is-active,
article.strategy-card.is-hovered {
  background: #0F2318;
  transition: background 0.5s ease;
}

article.strategy-card.is-active h3.strategy-card__title,
article.strategy-card.is-active .strategy-card__text p,
article.strategy-card.is-hovered h3.strategy-card__title,
article.strategy-card.is-hovered .strategy-card__text p {
  color: #fff;
}

article.strategy-card.is-active h3.strategy-card__title,
article.strategy-card.is-hovered h3.strategy-card__title {
  margin-bottom: 15px;
}

article.strategy-card.is-active .strategy-card__text,
article.strategy-card.is-hovered .strategy-card__text {
  max-height: 300px;
  opacity: 1;
}

#overview,
#applications,
#assay_formats,
#advantage,
#case_studies,
#faqs {
    scroll-margin-top: 260px;
}


/* Assay Formats */

.assay-formats__track {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 20px 0;
}
.assay-formats__carousel {
  position: relative;
  overflow: visible;
}
.assay-card {
  background: #E8F3EC;
  padding: 30px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
  flex: 0 0 490px;
  border-radius: 8px;
}
h3.assay-card__title {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 15px;
}
.assay-card__desc ul {
  list-style: disc;
  padding-left: 30px;
}
.assay-card__desc ul li {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 15px;
}
.assay-formats__nav {
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);
  background-repeat: no-repeat;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 50%;
  bottom: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  display: block;
  /* display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%); */
}
.assay-formats__nav img {
  padding: 8px;
}
.assay-formats__nav:hover {
  background-color: #1F8A41;
}
.assay-formats__nav:hover path {
  fill: #fff;
}
.assay-formats__nav:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(101%);
}
.assay-formats__nav--prev {
  left: -22px;
}
.assay-formats__nav--next {
  right: -22px;
  transform: rotate(180deg);
}


.assay-formats__track::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}


/* Responsive */


@media (min-width: 1281px) and (max-width: 1440px) {
  .page-template-template-io-services .infobox-image {
    width: 40%;
  }
  .page-template-template-io-services .infobox-content {
    width: 60%;
  }
}
@media screen and (max-width: 1280px) {
  .page-template-template-io-services .infobox-image {
    width: 50%;
  }
  .page-template-template-io-services .infobox-content {
    width: 50%;
  }
}

@media screen and (max-width: 1180px) {
  #block-views-blockheader-slider.block-views-page.service-hero-section
    > .block-views-blockheader {
    min-height: auto;
  }
  .service-hero-content-block {
    max-width: 75%;
  }
}

@media (min-width: 1101px) and (max-width: 1180px) {
  .page-template-template-io-services .container {
    width: 90%;
  }
}

@media screen and (max-width: 992px) {
  .color-scheme-purple
    .paragraph--type--table-one
    .dataTables_filter
    input[type="search"] {
    width: 350px;
  }
  .color-scheme-purple .paragraph--type--table-one .dt-buttons {
    width: 100%;
    text-align: center;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_info {
    padding: 40px 0px 0px;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_paginate {
    padding: 30px 0px 0px;
  }
  .services-grid,
  .stats-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .io-service-cta-section {
    padding: 30px 20px;
  }
  .io-service-cta-section .content-container {
    max-width: 100%;
  }
  .related-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .related-service-card {
    width: 100%;
    max-width: 448px;
  }
  .page-template-template-io-services section {
    margin-bottom: 80px;
  }
  .related-resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-template-template-io-services .view-container {
    margin-bottom: 80px;
  }
  .strategy-section {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 834px) {
  .fixed-top-nav, .sidebar-sticky-nav-bar {
    display: none;
  }
  .content-with-sidebar__aside {
    display: none;
  }
  .content-with-sidebar__main {
    max-width: 100%;
  }

}


@media only screen and (min-width: 768px) {
	.service-hero-section .breadcrumb ol li {
	  position: relative;
    left: -10px;
  }
}

@media screen and (max-width: 767px) {
  .page-template-template-io-services .hero-block .field__item h1 sup {
    bottom: 5px !important;
  }
  .page-template-template-io-services .view-container {
    padding-top: 40px;
    margin-bottom: 60px;
  }
  .anchor-button,
  .white-btn {
    font-size: 18px;
    line-height: 26px;
    padding: 10px 20px;
  }
  /* .color-scheme-purple .paragraph--type--table-one .dataTables_length label,
  .color-scheme-purple .paragraph--type--table-one .dataTables_filter label,
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_info,
  .color-scheme-purple .paragraph--type--table-one .tablefield thead tr th,
  .color-scheme-purple
    .paragraph--type--table-one
    .tablefield
    tbody
    tr:nth-child(2n + 1)
    td,
  .color-scheme-purple
    .paragraph--type--table-one
    .tablefield
    tbody
    tr:nth-child(2n)
    td,
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    a.paginate_button {
    font-size: 18px;
    line-height: 28px;
  } */
  /* .service-table {padding-top: 20px;} */
  .color-scheme-purple
    .paragraph--type--table-one
    .dataTables_filter
    input[type="search"] {
    width: auto;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_length,
  .color-scheme-purple .paragraph--type--table-one .dataTables_filter {
    width: 100% !important;
  }
  .color-scheme-purple .paragraph--type--table-one .dataTables_filter > label {
    margin-left: 0px !important;
  }
  .color-scheme-purple
    .paragraph--type--table-one
    .dataTables_length
    > label:before {
    left: 115px;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_paginate {
    margin: 0px;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_info {
    padding: 30px 0px 0px;
  }
  .color-scheme-purple .paragraph--type--table-one .dt-buttons {
    padding: 30px 0 20px;
  }
  .page-template-template-io-services footer#main-footer {
    margin-top: 20px;
  }

  #block-views-blockheader-slider.block-views-page.service-hero-section {
    margin-bottom: 0px;
  }
  #block-views-blockheader-slider.block-views-page.service-hero-section
    > .block-views-blockheader {
    margin-bottom: 20px;
  }
  .service-hero-section .breadcrumb ol li {
    padding: 0px 0px 10px 20px;
  }
  .service-hero-section .breadcrumb ol li:not(:first-child):before {
    left: 0px;
    top: 0px;
  }
  .service-hero-section .breadcrumb ol li:first-child > a:after {
    left: 0px;
  }
  .service-hero-section .breadcrumb ol li:first-child {
    margin-right: 0px;
  }
  .service-hero-content-block {
    max-width: 100%;
    padding: 20px 15px 50px;
  }
  .page-template-template-io-services
    .services-intro-section
    .services-intro-content {
    margin-bottom: 20px;
  }
  .service-card {
    width: 100%;
    max-width: 427px;
    margin-left: auto;
    margin-right: auto;
  }
  .services-grid {
    padding: 20px 0px;
    gap: 30px;
  }
  .services-grid,
  .stats-container,
  .related-services-grid {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    justify-content: center;
    align-self: center;
  }
  .research-excellence {
    padding: 20px 0px;
  }
  .research-excellence article.content {
    flex-wrap: wrap;
    gap: 15px;
  }
  .research-excellence .content-col {
    max-width: 100%;
  }
  .research-excellence .image-col {
    width: 100%;
    justify-content: end;
  }
  .io-service-cta-section {
    padding: 40px 15px;
    width: 100%;
  }
  .io-service-cta-section .content-container {
    gap: 20px;
  }
  .io-service-cta-section .cta-description {
    font-size: 16px;
    line-height: 24px;
  }
  .contact-button {
    padding: 15px 20px;
    font-size: 18px;
  }

  .related-service-details {
    padding: 5px 10px 10px 10px;
  }
  .related-service-description {
    font-size: 16px;
    line-height: 24px;
  }
  /* .page-template-template-io-services .workflow-content {
    grid-template-columns: none;
  }
  .page-template-template-io-services .infobox-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  .page-template-template-io-services .infobox-image,
  .page-template-template-io-services .infobox-content {
    flex: 1;
    max-width: 100%;
  } */
  /* .page-template-template-io-services section {
    margin-bottom: 45px;
  } */
  .related-resources-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-template-template-io-services
    .tab-section
    .paragraph--type--tab-container
    .paragraph
    .field--name-field-title {
    background: #066938 !important;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .page-template-template-io-services
    .tab-section
    .paragraph--type--tab-container
    > .center
    > .tab-container
    > .field--name-field-paragraph
    > .paragraph {
    margin-bottom: 5px;
  }
  /* .feature_table_container {
    width: 100%;
    overflow-x: auto;
  }
  .feature-table-wrapper {
    width: 100%;
    min-width: 700px;
  } */
  
  /* .page-template-template-io-services .infobox-image {
    width: 100%;
  }
  .page-template-template-io-services .infobox-content {
    width: 100%;
  }
  .page-template-template-io-services .infobox-image img,
  .page-template-template-io-services .workflow-image img {
    max-width: 100%;
  } */
  .tab-content-wrapper ul {
    padding-left: 10px;
  }
  .tab-content-wrapper ul li {
    /* font-size: 18px;
    line-height: 26px; */
    padding-left: 20px;
  }
  /* .page-template-template-io-services .related-resources-title h4,
  .page-template-template-io-services .related-service-title {
    font-size: 22px;
    line-height: 32px;
  } */
  /* .entry-content-servises ul li {
    font-size: 18px;
    line-height: 28px;
  } */
  .page-template-template-io-services .contact-buttons {
    flex: 0 0 150px;
  }
  .feature-table-wrapper td {
    vertical-align: top;
  }
  .feature-table-wrapper th,
  .feature-table-wrapper td {
    font-size: 18px;
    line-height: 28px;
  }
  .tab-container
    > .field--name-field-paragraph
    > .paragraph
    .field--name-field-title {
    padding: 15px 35px 15px 15px;
    font-size: 16px;
  }
  .page-template-template-io-services h3.faq-question-text {
    font-size: 18px;
    line-height: 28px;
  }
  .page-template-template-io-services.color-scheme-purple
    .paragraph--type--table-one
    .dt-buttons
    > .buttons-excel {
    font-size: 18px;
    line-height: 28px;
  }
  /* .page-template-template-io-services .tab-section,
  .page-template-template-io-services .faq-section,
  .page-template-template-io-services .related-resources-container,
  .page-template-template-io-services .related-services-container {
    margin-bottom: 60px;
  } */
  .page-template-template-io-services .contact-buttons > .block {
    width: 165px;
  }
  .text-mit-bild-text {
    gap: 0;
  }
  .page-template-template-io-services table.tablefield thead > tr.header-group-row {
    display: none;
  } 
  .strategy-grid { 
	  display: block;
	}
	.strategy-card {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 470px) {
  .page-template-template-io-services .table-section {
    margin-bottom: 328px;
  }

}

.service-hero-section .breadcrumb ol li:first-child > a:after {
  position: absolute;
  content: "";
  background-image: url(/wp-content/uploads/2023/07/home-icon.svg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.service-hero-section .breadcrumb ol li:first-child {
  margin-right: 20px;
}
.service-hero-section .breadcrumb ol li:not(:first-child):before {
  position: absolute;
  content: "";
  background-image: url(/wp-content/uploads/2023/07/breadcrumbs-arrow.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  top: 10px;
  left: -10px;
  opacity: 1;
}
.page-template-template-io-services .service-hero-section .anchor-button {
  padding: 10px 15px;
}

.service-hero-section .breadcrumb ol li:first-child > a {
  font-size: 0px;
}
.service-hero-section .breadcrumb ol li,
.service-hero-section .breadcrumb ol li a,
.service-hero-section h1,
.service-hero-section p,
.stats-title {
  color: #fff;
  font-weight: 400;
}

.service-hero-section .breadcrumb {
  margin-bottom: 25px;
}

.service-hero-section .breadcrumb ol li {
  padding: 10px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.service-hero-section .breadcrumb ol li:last-child {
  font-weight: 300;
}
.service-hero-section .breadcrumb ol li a {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

/* intro section */
.page-template-template-io-services
  .services-intro-section
  .services-intro-content {
  margin-bottom: 45px;
}
.page-template-template-io-services
  .services-intro-section
  .services-intro-content
  p:last-child {
  margin-bottom: 0px;
}
/*service-modal-section*/
.services-grid {
  display: grid;
  gap: 60px;
  grid-template-columns: repeat(3, 1fr);
  padding: 45px 0px;
}

.service-card {
  padding: 20px;
  min-height: 320px;
  max-width: 100%;
  transition: all 0.3s ease;
  height: 100%;
  flex: 1;
}
.service-card:hover,
.related-service-card:hover {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
.service-icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 40px;
}

.service-title {
  margin-top: 11px;
  color: #066938;
  word-break: break-word;
}

.service-description {
  margin-top: 16px;
  font-size: 20px;
  color: #2b2b2b;
  line-height: 30px;
  flex-grow: 1;
}
.service-description p {
  margin: 0px;
}
.paragraph--table-simple th {
  background: #006c60;
  color: #fff;
  border-right: 2px solid #fff;
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
  font-size: 1.15rem;
  font-weight: 400;
}
.paragraph--table-simple th::after {
  opacity: 0.5;
  font-family: "FontAwesome";
  content: "\0a0\f0dc";
  font-weight: normal;
}
.paragraph--table-simple table tbody tr:nth-child(2n + 1) td {
  background: rgba(0, 108, 96, 0.1) !important;
}
.paragraph--table-simple table tbody tr:nth-child(2n) td {
  background: rgba(0, 108, 96, 0.05) !important;
}
.paragraph--table-simple table tbody tr td {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 8px 10px;
  font-size: 1.15rem;
}
.page-template-template-io-services table.has-grouped-headers thead > tr.header-group-row th:after{
  display: none;
} 

.single-post .smoa_pro_text-2.footer-wrapper {
  display: none;
}

.page-template-template-io-services .cta-content {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin: 0 auto;
}

.page-template-template-io-services .content-container {
  max-width: 832px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  text-align: center;
  margin: 0 auto;
}

.page-template-template-io-services h2.cta-title {
  color: #fff;
  font-size: 60px;
  font-weight: 400;
  line-height: 65px;
  width: 100%;
  margin: 0;
  text-align: center;
}


/* .anchor-button,
.white-btn {
  padding: 20px 25px;
  border-radius: 4px;
  color: #2b2b2b;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  position: relative;
  transition: background-color 0.3s ease;
} */
/* .anchor-button:before,
.white-btn:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  top: 50%;
  height: 0;
  background: #2b2b2b;
  opacity: 0.2;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  transform: translateZ(0);
} */
/* .anchor-button:hover,
.white-btn:hover {
  text-decoration: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.anchor-button:hover:before,
.white-btn:hover:before {
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
}
.immuno-oncology-page .cta-section {
  padding: 75px 45px;
} */


.related-services-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: #fff;
}

.related-services-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0px;
}

.related-section-title {
  color: #252525;
  gap: 15px;
  margin: 0;
}

.related-service-card {
  display: flex;
  width: auto;
  flex-direction: column;
  gap: 20px;
  transition: all 0.3s ease;
  height: 100%;
  flex: 1;
}

.related-service-image {
  height: 266px;
  width: 100%;
  object-fit: cover;
}

.related-service-details {
  display: flex;
  padding: 5px 15px 15px 15px;
  flex-direction: column;
  gap: 10px;
}

.related-service-title {
  color: #066938;
  font-weight: 600;
  margin: 0;
}

.related-service-description {
  color: #2b2b2b;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  flex-grow: 1;
}

/*research section*/
.bullet-icon-wrapper {
  display: flex;
  gap: 7px;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 15px;
}
.bullet-icon-wrapper p {
  margin: 0px;
}
.research-excellence {
  padding: 45px 0px;
}
.research-excellence article.content {
  display: flex;
  justify-content: space-between;
}

.research-excellence .image-col {
  display: flex;
  align-items: end;
}
.research-excellence .content-col {
  max-width: 59.65%;
}
.research-excellence .research-title {
  color: #3c3c3b;
}

/*table section*/
/* .page-template-template-io-services .feature_table_section h2 {
  margin-bottom: 30px;
} */
/* .color-scheme-purple .service-table h2 {
  color: #252525;
} */
.color-scheme-purple .paragraph--type--table-one .tablefield thead tr th {
  background: #066938;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  padding: 10px;
  font-weight: 400;
}
.color-scheme-purple
  .paragraph--type--table-one
  .tablefield
  tbody
  tr:nth-child(2n + 1)
  td {
  background: #ebf7f2;
  padding: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #252525;
}
.color-scheme-purple
  .paragraph--type--table-one
  .tablefield
  tbody
  tr:nth-child(2n)
  td {
  background: #f9f9f9;
  padding: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #252525;
}
.color-scheme-purple .paragraph--type--table-one .tablefield tbody tr a {
  color: #066938;
}
.color-scheme-purple .paragraph--type--table-one .dataTables_length label,
.color-scheme-purple .paragraph--type--table-one .dataTables_filter label,
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_wrapper
  .dataTables_info {
  font-size: 20px;
  line-height: 30px;
  color: #252525;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_wrapper
  .dataTables_info {
  padding: 40px 0px 45px;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_wrapper
  .dataTables_paginate {
  padding: 30px 0px 45px;
}
.color-scheme-purple .paragraph--type--table-one .dataTables_length label {
  display: flex;
  gap: 15px;
  align-items: center;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_length,
.color-scheme-purple .paragraph--type--table-one .dataTables_filter {
  padding: 15px 0px !important;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_length
  select,
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_filter
  input[type="search"] {
  font-size: 18px !important;
  line-height: 20px !important;
  padding: 5px;
  height: 50px !important;
  border: 1px solid #2b2b2b !important;
  border-radius: 4px;
  color: #2b2b2b;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_filter
  input[type="search"] {
  width: 457px;
  margin-left: 10px;
}
.color-scheme-purple .paragraph--type--table-one .dataTables_filter > label {
  position: relative;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_filter
  > label:after {
  content: "";
  position: absolute;
  background-image: url(/wp-content/uploads/2023/07/Search-Icons.svg);
  width: 20px;
  height: 20px;
  right: 10px;
  top: 50%;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.color-scheme-purple .paragraph--type--table-one table.tablefield {
  width: 100%;
}
.color-scheme-purple .paragraph--type--table-one .dt-buttons {
  padding: 30px 0 45px;
  float: right;
}
.color-scheme-purple
  .paragraph--type--table-one
  table.tablefield
  thead
  > tr:not(.header-group-row),
.color-scheme-purple
  .paragraph--type--table-one
  table.tablefield
  thead
  > tr:not(.header-group-row),
.color-scheme-purple
  .paragraph--type--table-one
  table.tablefield
  tbody
  tr:not(:last-child) {
  border-bottom: 5px solid #fff;
}
.color-scheme-purple
  .paragraph--type--table-one
  table.tablefield
  thead
  > tr.header-group-row {
  border-bottom: 1px solid #fff;
}
.color-scheme-purple .paragraph--type--table-one .dataTables_length {
  width: 215px !important;
}
.color-scheme-purple
  .paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .dataTables_filter {
  width: calc(100% - 215px);
}
.color-scheme-purple .paragraph--type--table-one .dataTables_length > label {
  position: relative;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_length
  > label:before {
  content: "";
  position: absolute;
  background-image: url(/wp-content/uploads/2023/07/down-arrow.svg);
  background-repeat: no-repeat;
  left: 55%;
  top: 51%;
  width: 14px;
  height: 10px;
  transform: translateY(-50%);
  z-index: 0;
  pointer-events: all;
  cursor: pointer;
}
.color-scheme-purple
  .paragraph--type--table-one
  .dataTables_length
  > label
  > select {
  appearance: none;
  width: 74px;
  cursor: pointer;
  background-color: transparent !important;
  z-index: 1;
}
.color-scheme-purple
  .paragraph--type--table-one.service-table
  .dataTables_wrapper
  a.paginate_button {
  font-size: 20px;
  line-height: 30px;
  color: #066938;
  width: 44px;
  height: 50px;
  padding: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05) !important;
}
.table-section tr.odd td,
.table-section tr.even td {
  color: #2b2b2b !important;
}
.paragraph--type--table
  .field--name-field-table
  .tablefield-wrapper
  .tablefield
  thead
  tr
  th::after,
.paragraph--type--table-one
  .field--name-field-table
  .tablefield-wrapper
  .tablefield
  thead
  tr
  th::after,
.paragraph--type--table-referenced
  .field--name-field-table
  .tablefield-wrapper
  .tablefield
  thead
  tr
  th::after,
.paragraph--type--table
  .field--name-field-table-one
  .tablefield-wrapper
  .tablefield
  thead
  tr
  th::after,
.paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .tablefield
  thead
  tr
  th::after,
.paragraph--type--table-referenced
  .field--name-field-table-one
  .tablefield-wrapper
  .tablefield
  thead
  tr
  th::after {
  opacity: 0.5;
  font-family: "FontAwesome";
  content: "\0a0\f0dc";
  font-weight: normal;
}

.color-scheme-purple
  .paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .dataTables_paginate
  .paginate_button.next::before,
.color-scheme-purple
  .paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .dataTables_paginate
  .paginate_button.previous::before {
  color: #066938;
}
.color-scheme-purple
  .paragraph--type--table-one
  .field--name-field-table-one
  .tablefield-wrapper
  .dataTables_paginate
  .paginate_button.current {
  background: #f2f2f2;
}

/* Responsive Design */

@media screen and (max-width: 1180px) {
  #block-views-blockheader-slider.block-views-page.service-hero-section
    > .block-views-blockheader {
    min-height: auto;
  }
  .service-hero-content-block {
    max-width: 75%;
  }
  .sticky-nav-bar.fixed-top-nav.sticky-element-original.element-is-sticky {
      top: 110px !important;
  }
}

@media (min-width: 1101px) and (max-width: 1180px) {
  .page-template-template-io-services .container {
    width: 90%;
  }
}


@media only screen and (max-width: 1080px){
	#block-views-blockheader-slider.io-service-banner .bgr-image-header {
    background-image: none !important;
  }
  .assay-formats__nav--next {
    right: -10px !important;
  }
  .assay-formats__nav--prev {
    left: -10px !important;
  }
  .assay-formats__nav {
    width: 40px !important;
    height: 40px !important;
    z-index: 99;
  }
}

@media screen and (max-width: 992px) {
  .color-scheme-purple
    .paragraph--type--table-one
    .dataTables_filter
    input[type="search"] {
    width: 350px;
  }
  .color-scheme-purple .paragraph--type--table-one .dt-buttons {
    width: 100%;
    text-align: center;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_info {
    padding: 40px 0px 0px;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_paginate {
    padding: 30px 0px 0px;
  }
  .services-grid,
  .stats-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .io-service-cta-section {
    padding: 30px 20px;
  }
  .io-service-cta-section .content-container {
    max-width: 100%;
  }
  .related-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .related-service-card {
    width: 100%;
    max-width: 448px;
  }
  .tab-container > .field--name-field-paragraph > .paragraph {
    padding: 42px 30px 42px 44px;
  }
  #block-views-blockheader-slider.io-service-banner .bgr-image-header {
    background-image: none !important;
  } 
}



@media screen and (max-width: 767px) {

  /* Mobile Font Sizes */
  .page-template-template-io-services h1,
  .page-template-template-io-services h2.cta-title {
    font-size: 36px;
    line-height: 46px;
  }
  .page-template-template-io-services h2 {
    font-size: 30px;
    line-height: 46px;
  }
  .page-template-template-io-services h4 {
    font-size: 20px;
    line-height: 30px;
  }
  .page-template-template-io-services .service-overview-text p, 
  .page-template-template-io-services .service-overview-text ul li {
    font-size: 16px;
    line-height: 28px;
  }
  .page-template-template-io-services p, .page-template-template-io-services ul li {
    font-size: 16px;
    line-height: 28px;
  }
  h3.strategy-card__title, h3.assay-card__title {
    font-size: 20px;
    line-height: 30px;
  }
  .page-template-template-io-services h3.faq-question-text {
    font-size: 16px;
    line-height: 28px;
  }
  .page-template-template-io-services .container.center.hero-block {
    margin: 0 15px;
  }
  .anchor-button,
  .white-btn {
    font-size: 18px;
    line-height: 26px;
    padding: 10px 20px;
  }
  .page-template-template-io-services .tab-section h4 {
    font-size: 26px;
    line-height: 40px;
  }
  .page-template-template-io-services .faq-answer-text p, 
  .page-template-template-io-services .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph .field--name-field-title {
    font-size: 16px;
    line-height: 28px;
  }
  .page-template-template-io-services .related-resources-prefix {
		font-size: 14px;
    line-height: 26px;
	}
  .page-template-template-io-services .related-resources-title h4, 
  .page-template-template-io-services .related-services-card__title  {
    font-size: 20px;
    line-height: 30px;
  }
  .io-service-cta-section h2.cta-title {
    font-size: 30px;
    line-height: 46px;
  }

  /* Mobile spacing */

  .io-service-banner .service-hero-content-block {
    padding: 0 0 54px;
  }
  .content-with-sidebar {
    margin-bottom: 54px;
    margin-top: 54px;
  }
  .page-template-template-io-services .service-overview-text h2:nth-child(3) {
    margin-top: 54px;
  }
  .strategy-section {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  section.related-resources-container {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .page-template-template-io-services .service-overview-text h2:nth-child(3) {
    margin-bottom: 25px;
  }
	.page-template-template-io-services h2 {
		margin-bottom: 28px;
	} 

  /* FAQ mobile */
  .faq-section {
    margin-top: 50px;
    margin-bottom: 70px;   
  }
  .faq-section.accordian-section {
    margin-top: 70px;
    margin-bottom: 0px;
  }
  .faq-header {
    max-width: 100%;
  }
  .faq-container {
    flex-direction: column;
    gap: 15px;
  }
  .faq-title {
    width: 100%;
    font-size: 30px;
    line-height: 46px;
  }
  .faq-subtitle {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
  }
  .faq-question {
    padding: 15px 20px;
  }
  .faq-answer {
    padding: 20px;
  }
  .faq-question-text {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
  .faq-question-text {
    font-size: 18px;
    line-height: 28px;
  }
  .faq-answer-text {
    font-size: 18px;
    line-height: 28px;
  }
  .page-template-template-io-services .faq-header p {
    margin-bottom: 0px;
  }
  .faq-section .faq-container {
    padding: 15px;
  }
  .faq-items {
    gap: 15px;
  }
  /* Faq End */

  .sticky-nav-bar {
    display: none;
  }
  .assay-card {
    flex: 0 0 340px;
  }

  /* CTA Mobile */
  .io-service-cta-section {
    padding: 40px 15px;
    width: 100%;
  }
  .io-service-cta-section .content-container {
    gap: 20px;
  }
  .io-service-cta-section .cta-description {
    font-size: 16px;
    line-height: 24px;
  }
  .io-service-cta-section .white-btn {
    font-size: 18px;
    line-height: 26px;
  }
  /* CTA end */

  .contact-button {
    padding: 15px 20px;
    font-size: 18px;
  }
  /* .related-services-content{
    padding: 20px 0px;
  } */

  .related-service-details {
    padding: 5px 10px 10px 10px;
  }
  .related-service-description {
    font-size: 16px;
    line-height: 24px;
  }


  /* .page-template-template-io-services p,
  .color-scheme-purple .paragraph--type--table-one .dataTables_length label,
  .color-scheme-purple .paragraph--type--table-one .dataTables_filter label,
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_info,
  .color-scheme-purple .paragraph--type--table-one .tablefield thead tr th,
  .color-scheme-purple
    .paragraph--type--table-one
    .tablefield
    tbody
    tr:nth-child(2n + 1)
    td,
  .color-scheme-purple
    .paragraph--type--table-one
    .tablefield
    tbody
    tr:nth-child(2n)
    td,
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    a.paginate_button {
    font-size: 18px;
    line-height: 28px;
  } */
  .service-table {
    padding-top: 15px;
  }

  .color-scheme-purple
    .paragraph--type--table-one
    .dataTables_filter
    input[type="search"] {
    width: auto;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_length,
  .color-scheme-purple .paragraph--type--table-one .dataTables_filter {
    width: 100% !important;
  }
  .color-scheme-purple .paragraph--type--table-one .dataTables_filter > label {
    margin-left: 0px !important;
  }
  .color-scheme-purple
    .paragraph--type--table-one
    .dataTables_length
    > label:before {
    left: 115px;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_paginate {
    margin: 0px;
  }
  .color-scheme-purple
    .paragraph--type--table-one.service-table
    .dataTables_wrapper
    .dataTables_info {
    padding: 30px 0px 0px;
  }
  .table-section .child li {
    display: flex;
    gap: 50px;
    margin-bottom: 10px;
  }
  .table-section .child li span {
    flex: 0 0 40%;
  }
  .color-scheme-purple .paragraph--type--table-one .dt-buttons {
    padding: 30px 0 20px;
  }
  .page-template-template-io-services footer#main-footer {
    margin-top: 20px;
  }

  #block-views-blockheader-slider.block-views-page.service-hero-section {
    margin-bottom: 0px;
  }
  #block-views-blockheader-slider.block-views-page.service-hero-section
    > .block-views-blockheader {
    margin-bottom: 20px;
  }
  .service-hero-section .breadcrumb ol li {
    padding: 0px 0px 10px 20px;
  }
  .service-hero-section .breadcrumb ol li:not(:first-child):before {
    left: 0px;
    top: 0px;
  }
  .service-hero-section .breadcrumb ol li:first-child > a:after {
    left: 0px;
  }
  .service-hero-section .breadcrumb ol li:first-child {
    margin-right: 0px;
  }
  .service-hero-content-block {
    max-width: 100%;
    padding: 20px 15px 50px;
  }
  .page-template-template-io-services
    .services-intro-section
    .services-intro-content {
    margin-bottom: 20px;
  }
  .service-card {
    width: 100%;
    max-width: 427px;
    margin-left: auto;
    margin-right: auto;
  }
  .services-grid {
    padding: 20px 0px;
    gap: 30px;
  }
  .services-grid,
  .stats-container,
  .related-services-grid {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    justify-content: center;
    align-self: center;
  }
  /* .stats-section {
    padding: 20px 0px;
  }
  .stats-content-container {
    padding: 40px 15px;
  }
  .stats-title {
    font-size: 30px;
    line-height: 36px;
  }
  .stats-container {
    gap: 30px;
    align-items: center;
  }
  .stat-item {
    width: 100%;
    max-width: 280px;
  }
  .research-excellence {
    padding: 20px 0px;
  }
  .research-excellence article.content {
    flex-wrap: wrap;
    gap: 15px;
  }
  .research-excellence .content-col {
    max-width: 100%;
  }
  .research-excellence .image-col {
    width: 100%;
    justify-content: end;
  } */
  
  
}