:root {
  --primary: #3394f0;
  --primary-dark: #167bd5;
  --ink: #111111;
  --text: #444444;
  --muted: #6f7b86;
  --soft: #f4f9fe;
  --line: #c6e3ff;
  --white: #ffffff;
  --dark: #111111;
  --radius-lg: 30px;
  --radius-md: 20px;
  --radius-sm: 12px;
  --shadow: 0 18px 45px rgba(17, 50, 85, 0.09);
  --font-head: "Inter Tight", sans-serif;
  --font-body: "Poppins", "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--text);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.62;
  overflow-x: hidden;
  background: var(--white);
}

body,
p,
li,
a,
span,
input,
textarea,
button,
label,
.nav-link,
.btn {
  font-family: var(--font-body);
}

form#gform_1 input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  height: 75px !important;
  border: 1px solid #E4E4E4 !important;
  border-radius: 10px !important;
  font-family: "Poppins", "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px !important;
  line-height: 30px;
  color: #444444 !important;
  padding: 20px !important;
  box-shadow: none !important;
}

.contact-info-section form#gform_1 input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  border-width: 0px 0px 1px 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

#gform_1 label.gfield_label.gform-field-label {
  display: none;
}

#gform_1 .gform-theme--foundation .gform_fields {
  grid-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 23px !important;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(auto-fill, auto);
  inline-size: 100%;
  grid-row-gap: var(--gf-form-gap-y);
  row-gap: 23px;
}

#gform_1 textarea {
  inline-size: 100%;
  border: 1px solid #E4E4E4 !important;
  border-radius: 10px !important;
  font-family: "Poppins", "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px !important;
  line-height: 30px;
  color: #444444 !important;
  padding: 20px !important;
  box-shadow: none !important;
}

.contact-info-section #gform_1 textarea {
  inline-size: 100%;
  border-width: 0px 0px 1px 0 !important;
  border-radius: 0px !important;
  padding: 0 !important;
}

.contact-info-section form#gform_1 input:focus,
.contact-info-section #gform_1 textarea:focus {
  box-shadow: none !important;
  outline: none;
}

div#gform_1_validation_container {
  display: none;
}

input#gform_submit_button_1 {
  background: #3394F0;
  padding: 15px 30px;
  border-radius: 30px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
}

input#gform_submit_button_1:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(51, 148, 240, 0.28);
}

.svg-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

.site-container {
  width: 100%;
  max-width: 1460px;
  padding-left: 0;
  padding-right: 0;
}

.header-container {
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  max-width: none;
}

.section-pad {
  padding: 92px 0;
  overflow: hidden;
}

section#certifications {
  padding-top: 0;
}

.soft-band {
  margin-inline: clamp(12px, 1.6vw, 30px);
  background: var(--soft);
  border-radius: var(--radius-lg);
}

.eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--primary);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.8em;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-head);
  font-weight: 700;
  letter-spacing: 0;
}

h1 {
  color: var(--white);
  font-size: clamp(42px, 5vw, 80px);
  line-height: 92px;
  letter-spacing: -3.2px;
  text-wrap: balance;
}

h2 {
  font-size: clamp(31px, 3vw, 36px);
  line-height: 1.06;
}

h3 {
  font-size: 24px;
  line-height: 1.2;
}

.btn {
  border: 0;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.btn-primary-soft {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-height: 58px;
  padding: 18px 30px;
  border-radius: 60px;
  background: var(--primary);
  color: var(--white);
  font-size: 18px;
  white-space: nowrap;
}

.btn-primary-soft .btn-arrow-icon,
.newsletter button .btn-arrow-icon {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
}

.btn-primary-soft:hover,
.btn-primary-soft:focus {
  background: var(--primary-dark);
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(51, 148, 240, 0.28);
}

.btn-sm-soft {
  min-height: 42px;
  padding: 18px 36px;
  font-size: 18px;
}

.header-offcanvas-cta {
  display: none;
}

/* Header */
.site-header {
  position: relative;
  z-index: 20;
  padding: 18px 0 19px;
  background: var(--white);
}

.navbar {
  padding: 0;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #444444;
  font-family: var(--font-head);
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.brand img {
  width: 52px;
  height: 34px;
  object-fit: contain;
}

.site-header .brand {
  gap: 0;
}

.site-header .brand span {
  display: none;
}

.site-header .brand img {
  width: 213px;
  height: auto;
  max-height: 100%;
}

.navbar-nav {
  gap: clamp(18px, 2.2vw, 38px);
}

.navbar .nav-link {
  padding: 8px 0;
  color: #353535;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.45;
  white-space: nowrap;
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: var(--primary);
}

a.nav-link.active {
  color: #3394F0;
}

.navbar-toggler {
  border: 0;
  padding: 6px;
  box-shadow: none;
}

.offcanvas {
  border: 0;
}

@media (min-width: 1200px) {
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    justify-content: flex-end;
    gap: 30px;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 !important;
  }
}

/* Hero */
.hero-section {
  padding-bottom: 65px;
}

.hero-bleed {
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  margin-inline: auto;
}

.hero-card {
  position: relative;
  min-height: 750px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

.hero-card.is-dragging {
  cursor: grabbing;
}

.hero-card .carousel-inner,
.hero-card .carousel-item {
  height: 750px;
}

.hero-img,
.hero-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-img {
  object-fit: cover;
  object-position: center 44%;
  transform: scale(1.01);
}

.hero-img-alt {
  object-position: center;
}

.hero-overlay {
  background:
    linear-gradient(90deg, rgba(4, 33, 65, 0.78) 0%, rgba(8, 50, 92, 0.48) 39%, rgba(0, 0, 0, 0.18) 100%),
    linear-gradient(244deg, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.32) 98%);
}

.hero-content-wrap {
  position: relative;
  z-index: 2;
  width: min(100% - 24vw, 1460px);
  height: 100%;
  margin-inline: auto;
}

.hero-content {
  position: relative;
  width: 100%;
  max-width: 879px;
  padding: clamp(80px, 8.55vw, 70px) 0 0;
}

.hero-content p {
  max-width: 620px;
  margin: 26px 0 30px;
  color: var(--white, #fff);
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.6;
}

.hero-actions {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 24px;
  flex-direction: column;
}

.avatar-stack {
  display: inline-flex;
  align-items: center;
  color: var(--white);
}

.avatar-stack img {
  width: 146px;
  height: 57px;
  object-fit: contain;
}

.support-copy {
  display: grid;
  gap: 2px;
  margin-left: 12px;
}

.support-copy em {
  color: var(--white, #fff);
  font-size: clamp(15px, 1.2vw, 18px);
  font-style: normal;
  font-weight: 300;
  line-height: 1.3;
  white-space: nowrap;
}

.support-copy strong {
  color: var(--white);
  font-family: var(--font-head);
  font-size: 34px;
  font-weight: 700;
}

.hero-pagination {
  position: absolute;
  bottom: 66px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 17px;
  width: min(100% - 24vw, 1460px);
  padding-left: 44px;
  transform: translateX(-50%);
}

.hero-fraction {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  min-width: 72px;
  color: var(--white);
  font-family: var(--font-head);
  font-weight: 800;
  line-height: 1;
}

.hero-current {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  font-weight: 300;
}

.hero-separator,
.hero-total {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.hero-separator {
  display: none;
}

.hero-indicators {
  position: static;
  display: flex;
  gap: 0;
  width: 150px;
  height: 3px;
  margin: 0;
  padding: 0;
}

.hero-indicators [data-bs-target] {
  width: 50px;
  height: 3px;
  margin: 0;
  border: 0;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.25);
  opacity: 1;
}

.hero-indicators .active {
  background: var(--white);
}

/* About */
.about-section {
  padding-top: 100px;
  padding-bottom: 105px;
}

.about-row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 32px;
  column-gap: 65px;
}

.about-media-col {
  flex: 0 0 calc(50% - 32.5px);
  max-width: calc(50% - 32.5px);
}

.about-row > .col-lg-6:not(.about-media-col) {
  flex: 0 0 calc(50% - 32.5px);
  max-width: calc(50% - 32.5px);
}

.about-images {
  display: grid;
  grid-template-columns: 227px 1fr;
  align-items: center;
  gap: 30px;
}

.about-img {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--soft);
}

.about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-img-small {
  height: clamp(291px, 20.2vw, 388px);
}

.about-img-large {
  height: clamp(413px, 28.65vw, 550px);
}

.section-copy {
  max-width: 677px;
}

.section-copy p {
  margin: 24px 0 0;
  font-size: clamp(16px, 0.94vw, 18px);
  font-weight: 300;
  line-height: 1.61;
}

.section-copy .btn {
  margin-top: 28px;
}

.home-page .about-section {
  padding-top: 96px;
  padding-bottom: 96px;
  background: var(--white);
}

.home-page .about-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}

.home-page .about-media-col {
  flex: 0 0 310px;
  max-width: 100%;
  width: 100%;
}

.home-page .about-row > .col-lg-6:not(.about-media-col) {
  flex: 0 0 390px;
  max-width: 100%;
  width: 100%;
}

.home-page .about-images {
  grid-template-columns: 260px 1fr;
  justify-content: end;
  gap: 24px;
}

.home-page .about-img {
  border-radius: 30px;
  background: transparent;
}

.home-page .about-img-small {
  height: 550px;
}

.home-page .about-img-large {
  height: 550px;
}

.home-page .about-section .section-copy {
  max-width: 100%;
}

.home-page .about-section .section-copy p {
  max-width: 100%;
  margin-top: 14px;
  color: #444444;
}

.home-page .about-section .btn-primary-soft .btn-arrow-icon {
  width: 9px;
  height: 9px;
}

/* Products */
.section-title {
  margin-bottom: 34px;
}

.section-title .eyebrow {
  margin-bottom: 6px;
}

.category-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 42px;
}

.category-tabs button {
  width: 195px;
  min-height: 95px;
  padding: 12px 38px;
  border: 1px solid #e7f2fc;
  border-radius: 10px;
  background: #EAF3FD;
  color: #444444;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  transition: 0.25s ease;
}

.category-tabs button.active,
.category-tabs button:hover {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--white);
}

.slider-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 24px;
}

.slider-viewport {
  width: 100%;
  overflow: hidden;
}

.slider-track {
  display: flex;
  gap: 24px;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  margin-bottom: 40px;
}

.slider-track > * {
  flex: 0 0 calc((100% - 72px) / 4);
}

.slider-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 65px;
  height: 65px;
  border: 1px solid #111111;
  border-radius: 50%;
  background: transparent;
  color: var(--ink);
  transition: 0.25s ease;
}

.slider-arrow[hidden],
.slider-arrow.is-disabled {
  display: none !important;
}

.products-section .slider-wrap {
  gap: 0;
}

.products-section .slider-viewport {
  max-width: 100%;
  margin-inline: auto;
}

.products-section .slider-track.has-single-visible {
  justify-content: center;
}

.products-section .slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
}

.products-section .slider-prev {
  left: -92px;
}

.products-section .slider-next {
  right: -92px;
}

.slider-arrow svg {
  width: 24px;
  height: 8px;
}

.slider-arrow:hover,
.slider-arrow.active {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--white);
}

.product-card {
  position: relative;
  min-height: 344px;
  padding: 21px 21px 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: transparent;
  text-align: center;
  transition: 0.25s ease;
}

.product-card.active,
.product-card:hover {
  box-shadow: var(--shadow);
  background-color: #fff;
}

.product-card:hover span.icon-pill {
  background: #3394F0;
}

.product-card:hover .icon-pill img {
  width: 45px;
  height: 45px;
  object-fit: contain;
  filter: brightness(8.5) invert(0);
}

.product-img {
  height: 230px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--white);
}

.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.icon-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  margin: -51px auto 12px;
  border: 0;
  border-radius: 50%;
  background: var(--white);
  color: var(--primary);
  font-size: 23px;
  font-weight: 700;
}

.icon-pill img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}

.product-card h3 {
  font-size: 25px;
  line-height: 31px;
}

.product-card.active h3 {
  color: var(--white);
}

.product-card:hover h3 {
  color: #111111;
}

/* Manufacturing */
.section-head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 42px;
}

.section-head-row .section-title {
  margin: 0;
}

.manufacturing-grid {
  align-items: stretch;
}

.stat-card,
.tour-image {
  height: 100%;
  min-height: 360px;
  border-radius: var(--radius-lg);
}

.stat-card {
  position: relative;
  overflow: hidden;
  padding: 42px;
  border: 1px solid #e8f2fd;
  background: var(--soft);
}

.stat-card > * {
  position: relative;
  z-index: 1;
}

.row-line {
  display: flex;
  gap: 20px;
  align-items: anchor-center;
  width: 100%;
  padding-bottom: 100px;
  margin-bottom: 50px;
  border-bottom: 1px solid #54ACFF;
}

.row-line h3 {
  margin: 0;
}

.stat-card-blue {
  background: var(--primary);
  color: rgba(255, 255, 255, 0.86);
}

.stat-card-blue::after {
  content: "";
  position: absolute;
  right: -56px;
  top: -60px;
  z-index: 0;
  width: 257px;
  height: 257px;
  background: url("../images/medical-treatment-overlay.png") center / contain no-repeat;
  opacity: 1;
  pointer-events: none;
}

.stat-card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  width: 127px;
}

.stat-card p {
  min-height: 78px;
  margin: 0 0 18px;
  font-size: 18px;
  font-weight: 300;
}

article.stat-card p {
  color: #444444;
}

article.stat-card.stat-card-blue p {
  color: #fff;
}

.stat-card strong {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: var(--primary);
  font-family: var(--font-head);
  font-size: 60px;
  font-weight: 300;
  line-height: 70px;
}

.stat-card-blue h3,
.stat-card-blue strong {
  color: var(--white);
}

.stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  color: var(--primary);
}

.stat-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.manufacturing-section .stat-icon {
  width: 82px;
  height: 82px;
}

.manufacturing-section .stat-icon img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}

.stat-card-blue .stat-icon {
  background: rgba(255, 255, 255, 0.18);
  color: var(--white);
}

.tour-image {
  overflow: hidden;
}

.tour-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Certifications */
.cert-slider {
  gap: 20px;
}

.cert-track {
  gap: 20px;
}

.cert-track > * {
  flex-basis: calc((100% - 80px) / 5);
}

.cert-track article {
  min-height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 16px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: var(--soft);
  color: var(--ink);
  font-family: var(--font-head);
  font-size: 25px;
  font-weight: 700;
  text-align: center;
}

.cert-track article.active {
  border-color: var(--primary);
  transition: 0.3s;
}

/* Team */
.team-slider .slider-wrap,
.team-slider {
  display: block;
}

.team-card {
  position: relative;
  overflow: hidden;
  min-height: 385px;
  padding: 19px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: transparent;
  cursor: pointer;
  z-index: 1;
  transition: border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;
}

.team-card.active,
.team-card:hover,
.team-card:focus-visible {
  border-color: transparent;
  transform: translateY(-3px);
  z-index: 5;
}

.team-image {
  overflow: hidden;
  border-radius: 15px;
  background: #f8fbff;
}

.team-image img {
  width: 100%;
  height: 226px;
  object-fit: contain;
  object-position: top center;
  transition: transform 0.4s ease;
  background: #fff;
}

.team-default-content {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.32s ease, visibility 0.32s ease, transform 0.4s ease;
}

.team-card.active .team-default-content,
.team-card:hover .team-default-content,
.team-card:focus-visible .team-default-content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}

.team-hover-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 19px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--primary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
}

.team-card.active .team-hover-content,
.team-card:hover .team-hover-content,
.team-card:focus-visible .team-hover-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.team-hover-image {
  position: absolute;
  left: 18px;
  right: 18px;
  top: 18px;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  pointer-events: none;
}

.team-hover-image img {
  width: 89%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
  border-radius: 15px 15px 6px 6px;
  transform: translateY(14px) scale(1.04);
  transition: transform 0.4s ease;
}

.team-card.active .team-hover-image img,
.team-card:hover .team-hover-image img,
.team-card:focus-visible .team-hover-image img {
  transform: translateY(0) scale(1.04);
}

.team-hover-panel {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 132px;
  margin: 0 auto;
  padding: 28px 18px 20px;
  border-radius: 20px;
  background: var(--white);
  box-shadow: 0 18px 38px rgba(18, 67, 112, 0.18);
  transform: translateY(18px);
  transition: transform 0.4s ease;
}

.team-card.active .team-hover-panel,
.team-card:hover .team-hover-panel,
.team-card:focus-visible .team-hover-panel {
  transform: translateY(0);
}

.team-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 25px;
  line-height: 1.2;
}

.team-hover-panel h3 {
  margin: 0;
  color: var(--ink);
  font-size: 25px;
  line-height: 1.2;
  text-align: center;
}

.team-card p {
  margin: 7px 0 12px;
  color: #444444;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 300;
}

.team-hover-panel p {
  margin: 7px 0 12px;
  color: #444444;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.arrow-group {
  display: flex;
  gap: 12px;
}

.socials {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 8px;
}

.team-hover-panel .socials {
  justify-content: center;
}

.socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background: transparent;
  color: #3394F0;
  font-size: 10px;
  font-weight: 700;
  border: 1px solid #C6E3FF;
}

.socials svg {
  width: 16px;
  height: 16px;
  color: currentColor;
}

.team-card.active .socials a,
.team-card:hover .socials a,
.team-card:focus-visible .socials a {
  background: var(--primary);
  color: var(--white);
}

@media (hover: none) and (max-width: 767.98px) {
  .team-card .team-default-content {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
  }

  .team-card .team-hover-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .team-card .team-hover-image img,
  .team-card .team-hover-panel {
    transform: translateY(0);
  }
}

/* Testimonials */
.testimonials-section h2 {
  padding-bottom: 50px;
}

.testimonial-card {
  position: relative;
  min-height: 340px;
  padding: 66px 38px 30px;
  border: 2px solid var(--soft);
  border-radius: 16px;
  background: var(--white);
}

.testimonial-card.active {
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 40px 1px #ececec;
}

article.testimonial-card:hover {
  box-shadow: 0px 4px 40px 1px #ECECEC;
}

.testimonial-slider .slider-track > * {
  flex-basis: calc((100% - 48px) / 3);
}

.testimonial-slider .slider-viewport {
  box-sizing: border-box;
  margin: -40px 0 -44px;
  padding: 40px 0 44px;
}

.testimonial-slider button.slider-arrow.slider-prev {
  position: absolute;
  left: -80px;
}

/* Network Hospital */
.network-hospital-section {
  overflow: hidden;
  background: var(--white);
}

.network-hospital-section .section-title {
  margin-bottom: 38px;
}

.network-hospital-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.network-hospital-slider::before,
.network-hospital-slider::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: clamp(42px, 8vw, 150px);
  pointer-events: none;
  content: "";
}

.network-hospital-slider::before {
  left: 0;
  background: linear-gradient(90deg, var(--white) 0%, rgba(255, 255, 255, 0) 100%);
}

.network-hospital-slider::after {
  right: 0;
  background: linear-gradient(270deg, var(--white) 0%, rgba(255, 255, 255, 0) 100%);
}

.network-hospital-row {
  overflow: hidden;
}

.network-hospital-row + .network-hospital-row {
  margin-top: 24px;
}

.network-hospital-track {
  --network-hospital-gap: 28px;
  --network-hospital-gap-offset: 14px;
  display: flex;
  width: max-content;
  gap: var(--network-hospital-gap);
  will-change: transform;
}

.network-hospital-track-ltr {
  animation: network-hospital-scroll-ltr 34s linear infinite;
}

.network-hospital-track-rtl {
  animation: network-hospital-scroll-rtl 34s linear infinite;
}

.network-hospital-slider:hover .network-hospital-track {
  animation-play-state: paused;
}

.network-hospital-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 210px;
  height: 118px;
  padding: 22px 26px;
  border: 1px solid #d9ecff;
  border-radius: var(--radius-md);
  background: var(--white);
  box-shadow: 0 12px 34px rgba(17, 50, 85, 0.05);
}

.network-hospital-logo img {
  display: block;
  width: 100%;
  max-height: 72px;
  object-fit: contain;
}

@keyframes network-hospital-scroll-rtl {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - var(--network-hospital-gap-offset)));
  }
}

@keyframes network-hospital-scroll-ltr {
  from {
    transform: translateX(calc(-50% - var(--network-hospital-gap-offset)));
  }

  to {
    transform: translateX(0);
  }
}

@media (max-width: 1199.98px) {
  .network-hospital-logo {
    flex-basis: 180px;
    height: 108px;
    padding: 20px 22px;
  }

  .network-hospital-logo img {
    max-height: 64px;
  }
}

@media (max-width: 767.98px) {
  .network-hospital-section .section-title {
    margin-bottom: 28px;
  }

  .network-hospital-track {
    --network-hospital-gap: 18px;
    --network-hospital-gap-offset: 9px;
  }

  .network-hospital-track-ltr,
  .network-hospital-track-rtl {
    animation-duration: 28s;
  }

  .network-hospital-row + .network-hospital-row {
    margin-top: 18px;
  }

  .network-hospital-logo {
    flex-basis: 150px;
    height: 92px;
    padding: 16px 18px;
  }

  .network-hospital-logo img {
    max-height: 54px;
  }
}

@media (max-width: 575.98px) {
  .network-hospital-slider::before,
  .network-hospital-slider::after {
    width: 34px;
  }

  .network-hospital-logo {
    flex-basis: 136px;
    height: 86px;
  }
}

.quote {
  position: absolute;
  top: -38px;
  left: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border: 2px solid #F4F9FE;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='27' viewBox='0 0 36 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50658 0.654297L0.326969 11.4514V24.5388L1.30852 25.8475H15.7046L16.6862 24.8659V11.1242L15.7046 10.1426H8.50658V0.654297Z' fill='%233394F0'/%3E%3Cpath d='M27.1563 0.654297L18.9767 11.4514V24.5388L19.9583 25.8475H34.3544L35.3359 24.8659V11.1242L34.3544 10.1426H27.1563V0.654297Z' fill='%233394F0'/%3E%3Cpath d='M1.5629 26.1748H15.629C16.4907 26.1748 17.1919 25.4737 17.1919 24.6119V11.3273C17.1919 10.4655 16.4907 9.7644 15.629 9.7644H8.98665V0.387108C8.98665 0.0193577 8.50434 -0.142008 8.28335 0.152597L0.0781441 11.0929C0.02742 11.1605 0 11.2428 0 11.3273V24.6119C0 25.4737 0.701038 26.1748 1.5629 26.1748ZM0.781448 11.4576L8.2052 1.5592V10.1551C8.2052 10.2588 8.24637 10.3581 8.31964 10.4314C8.39292 10.5047 8.4923 10.5459 8.59593 10.5459H15.629C16.0598 10.5459 16.4104 10.8964 16.4104 11.3273V24.6119C16.4104 25.0428 16.0598 25.3934 15.629 25.3934H1.5629C1.132 25.3934 0.781448 25.0428 0.781448 24.6119V11.4576ZM20.3176 26.1748H34.3837C35.2455 26.1748 35.9466 25.4737 35.9466 24.6119V11.3273C35.9466 10.4655 35.2455 9.7644 34.3837 9.7644H27.7414V0.387033C27.7414 0.0213928 27.2592 -0.142242 27.0381 0.152597L18.8329 11.0929C18.7822 11.1605 18.7547 11.2428 18.7547 11.3273V24.6119C18.7547 25.4737 19.4559 26.1748 20.3176 26.1748ZM19.5362 11.4576L26.9599 1.5592V10.1551C26.9599 10.2588 27.0011 10.3581 27.0744 10.4314C27.1477 10.5047 27.247 10.5459 27.3507 10.5459H34.3837C34.8146 10.5459 35.1652 10.8964 35.1652 11.3273V24.6119C35.1652 25.0428 34.8146 25.3934 34.3837 25.3934H20.3176C19.8868 25.3934 19.5362 25.0428 19.5362 24.6119V11.4576Z' fill='%233394F0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 36px;
  color: var(--white);
  font-family: Georgia, serif;
  font-size: 0;
  line-height: 1;
}

.testimonial-card:hover span.quote {
  background-color: #3394F0;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='27' viewBox='0 0 36 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50658 0.654297L0.326969 11.4514V24.5388L1.30852 25.8475H15.7046L16.6862 24.8659V11.1242L15.7046 10.1426H8.50658V0.654297Z' fill='white'/%3E%3Cpath d='M27.1563 0.654297L18.9767 11.4514V24.5388L19.9582 25.8475H34.3544L35.3359 24.8659V11.1242L34.3544 10.1426H27.1563V0.654297Z' fill='white'/%3E%3Cpath d='M1.5629 26.1748H15.629C16.4907 26.1748 17.1919 25.4737 17.1919 24.6119V11.3273C17.1919 10.4655 16.4907 9.7644 15.629 9.7644H8.98665V0.387108C8.98665 0.0193577 8.50434 -0.142008 8.28335 0.152597L0.0781441 11.0929C0.02742 11.1605 0 11.2428 0 11.3273V24.6119C0 25.4737 0.701038 26.1748 1.5629 26.1748ZM0.781448 11.4576L8.2052 1.5592V10.1551C8.2052 10.2588 8.24637 10.3581 8.31964 10.4314C8.39292 10.5047 8.4923 10.5459 8.59593 10.5459H15.629C16.0598 10.5459 16.4104 10.8964 16.4104 11.3273V24.6119C16.4104 25.0428 16.0598 25.3934 15.629 25.3934H1.5629C1.132 25.3934 0.781448 25.0428 0.781448 24.6119V11.4576ZM20.3176 26.1748H34.3837C35.2455 26.1748 35.9466 25.4737 35.9466 24.6119V11.3273C35.9466 10.4655 35.2455 9.7644 34.3837 9.7644H27.7414V0.387033C27.7414 0.0213928 27.2592 -0.142242 27.0381 0.152597L18.8329 11.0929C18.7822 11.1605 18.7547 11.2428 18.7547 11.3273V24.6119C18.7547 25.4737 19.4559 26.1748 20.3176 26.1748ZM19.5362 11.4576L26.9599 1.5592V10.1551C26.9599 10.2588 27.0011 10.3581 27.0744 10.4314C27.1477 10.5047 27.247 10.5459 27.3507 10.5459H34.3837C34.8146 10.5459 35.1652 10.8964 35.1652 11.3273V24.6119C35.1652 25.0428 34.8146 25.3934 34.3837 25.3934H20.3176C19.8868 25.3934 19.5362 25.0428 19.5362 24.6119V11.4576Z' fill='white'/%3E%3C/svg%3E%0A");
}

.stars {
  display: flex;
  align-items: center;
  gap: 4px;
}

.stars img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.testimonial-card p {
  margin: 22px 0;
  font-size: 18px;
  color: #444444;
}

.client {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

.client img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
}

.client strong {
  color: var(--ink);
  font-family: var(--font-head);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Enquiry */
.enquiry-section {
  border-top: 0;
}

section#enquiry {
  padding-top: 0;
}

.enquiry-section .container.site-container {
  border-top: 1px solid #E6F3FF;
  padding-top: 95px;
}

.enquiry-image {
  height: 608px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.enquiry-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.form-panel {
  max-width: 780px;
  padding: 0;
}

.enquiry-section form {
  padding: 40px 30px;
  border-radius: 30px;
  background: #FFFFFF;
  box-shadow: 0px 4px 40px 1px #ECECEC;
}

.form-panel .form-control {
  min-height: 75px;
  padding: 20px;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  color: var(--text);
  font-size: 16px;
  box-shadow: none;
}

.form-panel textarea.form-control {
  min-height: 135px;
  resize: vertical;
}

.form-panel .form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgba(51, 148, 240, 0.12);
}

/* Footer */
.site-footer {
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  margin: 0 auto 50px;
  padding: 0;
  border-radius: 30px;
  background: #020816;
  color: var(--white);
}

.footer-shell {
  position: relative;
  overflow: hidden;
  padding: 88px 0 30px;
}

.site-footer .container.site-container {
  width: calc(100% - clamp(48px, 7.3vw, 140px));
  max-width: 1460px;
}

.footer-brand {
  color: var(--white);
  font-size: 28px;
  line-height: 1.15;
}

.footer-brand img {
  width: 204px;
  height: auto;
}

a.brand.footer-brand img {
  width: 202px !important;
}

.footer-shell h3 {
  margin: 0 0 26px;
  color: var(--white);
  font-size: 26px;
  line-height: 1.2;
  text-transform: capitalize;
}

.footer-shell ul {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-shell a,
.footer-shell p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 1.62;
  text-decoration: none;
  transition: color 0.25s ease;
}

.footer-shell a:hover {
  color: var(--white);
}

.footer-socials {
  margin-top: 36px;
}

.footer-socials a {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  background: transparent;
  color: var(--white);
}

.footer-socials a:hover {
  border-color: var(--primary);
  background: var(--primary);
}

.footer-socials svg {
  width: 17px;
  height: 17px;
}

.contact-line {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 13px !important;
}

.contact-line-content {
  display: grid;
  gap: 2px;
}

.site-footer .contact-line svg {
  display: none;
}

.site-footer .contact-line::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  margin-top: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.site-footer .contact-line-footer-location::before {
  width: 22px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='26' viewBox='0 0 22 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.567 14.1999C12.5483 14.1999 14.1545 12.5881 14.1545 10.5999C14.1545 8.61174 12.5483 7 10.567 7C8.58568 7 6.97949 8.61174 6.97949 10.5999C6.97949 12.5881 8.58568 14.1999 10.567 14.1999Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5667 1C8.02947 1 5.59613 2.01143 3.80203 3.81178C2.00792 5.61212 1 8.05392 1 10.6C1 12.8704 1.48073 14.356 2.79376 16L10.5667 25L18.3397 16C19.6527 14.356 20.1334 12.8704 20.1334 10.6C20.1334 8.05392 19.1255 5.61212 17.3314 3.81178C15.5373 2.01143 13.104 1 10.5667 1V1Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.site-footer .contact-line-mail::before {
  width: 22px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L9.16492 9.71544C9.82609 10.1783 10.1567 10.4097 10.5163 10.4993C10.8339 10.5785 11.1661 10.5785 11.4837 10.4993C11.8433 10.4097 12.1739 10.1783 12.8351 9.71544L21 4M5.8 17H16.2C17.8802 17 18.7202 17 19.362 16.673C19.9265 16.3854 20.3854 15.9265 20.673 15.362C21 14.7202 21 13.8802 21 12.2V5.8C21 4.11984 21 3.27976 20.673 2.63803C20.3854 2.07354 19.9265 1.6146 19.362 1.32698C18.7202 1 17.8802 1 16.2 1H5.8C4.11984 1 3.27976 1 2.63803 1.32698C2.07354 1.6146 1.6146 2.07354 1.32698 2.63803C1 3.27976 1 4.11984 1 5.8V12.2C1 13.8802 1 14.7202 1.32698 15.362C1.6146 15.9265 2.07354 16.3854 2.63803 16.673C3.27976 17 4.11984 17 5.8 17Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.site-footer .contact-line-call::before {
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.12 5C14.0967 5.19057 14.9944 5.66826 15.698 6.37194C16.4017 7.07561 16.8794 7.97326 17.07 8.95M13.12 1C15.1492 1.22544 17.0416 2.13417 18.4862 3.57701C19.9309 5.01984 20.842 6.91101 21.07 8.94M9.29695 12.8631C8.09537 11.6615 7.14659 10.3028 6.45059 8.85323C6.39072 8.72854 6.36079 8.66619 6.33779 8.5873C6.25607 8.30695 6.31477 7.96269 6.48478 7.72526C6.53262 7.65845 6.58978 7.60129 6.70409 7.48698C7.0537 7.13737 7.2285 6.96257 7.34278 6.78679C7.77378 6.1239 7.77378 5.26932 7.34279 4.60643C7.2285 4.43065 7.0537 4.25585 6.70409 3.90624L6.50922 3.71137C5.97778 3.17993 5.71206 2.91421 5.42668 2.76987C4.85912 2.4828 4.18885 2.4828 3.62129 2.76987C3.33591 2.91421 3.07019 3.17993 2.53874 3.71137L2.38111 3.86901C1.85149 4.39863 1.58668 4.66344 1.38443 5.02348C1.16001 5.42298 0.998645 6.04347 1.00001 6.5017C1.00124 6.91464 1.08134 7.19687 1.24155 7.76131C2.10252 10.7947 3.72699 13.6571 6.11497 16.045C8.50295 18.433 11.3653 20.0575 14.3987 20.9185C14.9632 21.0787 15.2454 21.1588 15.6583 21.16C16.1165 21.1614 16.737 21 17.1365 20.7756C17.4966 20.5733 17.7614 20.3085 18.291 19.7789L18.4486 19.6213C18.9801 19.0898 19.2458 18.8241 19.3902 18.5387C19.6772 17.9712 19.6772 17.3009 19.3902 16.7333C19.2458 16.448 18.9801 16.1822 18.4486 15.6508L18.2538 15.4559C17.9042 15.1063 17.7294 14.9315 17.5536 14.8172C16.8907 14.3862 16.0361 14.3862 15.3732 14.8172C15.1975 14.9315 15.0226 15.1063 14.673 15.4559C14.5587 15.5702 14.5016 15.6274 14.4348 15.6752C14.1973 15.8453 13.8531 15.904 13.5727 15.8222C13.4938 15.7992 13.4315 15.7693 13.3068 15.7094C11.8572 15.0134 10.4985 14.0646 9.29695 12.8631Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.newsletter {
  display: grid;
  gap: 18px;
  max-width: 410px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.newsletter input {
  width: 100%;
  min-height: 60px;
  padding: 16px 24px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50px;
  background: transparent;
  color: var(--white);
  outline: 0;
}

.newsletter input::placeholder {
  color: rgba(255, 255, 255, 0.72);
}

.newsletter input:focus {
  border-color: var(--primary);
}

.newsletter button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  justify-self: start;
  min-height: 58px;
  padding: 16px 30px;
  border: 0;
  border-radius: 60px;
  background: var(--primary);
  color: var(--white);
  font-weight: 600;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 70px;
  padding-top: 27px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-bottom p {
  margin: 0;
}

/* Responsive */
@media only screen and (min-width: 1080px) and (max-width: 1600px) {
  html {
    zoom: 0.85;
    zoom: 85%;
  }
}

@media (max-width: 1399.98px) {
  .site-container {
    width: min(100% - 160px, 1180px);
    max-width: 1180px;
  }

  .header-container,
  .hero-bleed {
    width: calc(100% - 32px);
  }

  .hero-content-wrap {
    width: min(100% - 160px, 1180px);
  }

  .hero-pagination {
    width: min(100% - 160px, 1180px);
  }

  .navbar-nav {
    gap: 20px;
  }

  .navbar .nav-link {
    font-size: 15px;
  }

  .brand {
    font-size: 24px;
  }
}

@media (max-width: 1279.98px) and (min-width: 1200px) {
  .home-page .hero-card,
  .home-page .hero-card .carousel-inner,
  .home-page .hero-card .carousel-item {
    min-height: 700px;
    height: 700px;
  }
}

@media (max-width: 991.98px) {
  .products-section .slider-wrap {
    gap: 18px;
  }

  .products-section .slider-arrow {
    position: static;
    transform: none;
  }

  .products-section .slider-viewport {
    max-width: none;
  }
}

@media (max-width: 1200px) {
  .hero-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: clamp(80px, 8.55vw, 164px) 0 0;
  }
}

@media (max-width: 1199.98px) {
  body {
    font-size: 17px;
  }

  .site-container {
    width: min(100% - 96px, 960px);
    max-width: 960px;
  }

  .hero-content-wrap {
    width: min(100% - 96px, 960px);
  }

  .hero-pagination {
    bottom: 46px;
    width: min(100% - 96px, 960px);
  }

  .offcanvas-body {
    align-items: flex-start;
  }

  .header-offcanvas-cta {
    display: inline-flex;
    margin-top: 22px;
  }

  .navbar-nav {
    align-items: flex-start !important;
    gap: 6px;
  }

  .navbar .nav-link {
    font-size: 18px;
  }

  .hero-card {
    min-height: 620px;
  }

  .hero-card .carousel-inner,
  .hero-card .carousel-item {
    height: 620px;
  }

  .about-media-col,
  .about-row > .col-lg-6:not(.about-media-col) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .about-row {
    column-gap: 0;
  }

  .about-images {
    grid-template-columns: minmax(180px, 258px) minmax(300px, 457px);
    justify-content: center;
  }

  .section-copy {
    max-width: 100%;
  }

  .slider-track > * {
    flex-basis: calc((100% - 24px) / 2);
  }

  .cert-track > * {
    flex-basis: calc((100% - 40px) / 3);
  }

  .testimonial-slider .slider-track > * {
    flex-basis: calc((100% - 24px) / 2);
  }

  .footer-shell {
    padding: 64px 0 30px;
  }
}

@media (max-width: 991.98px) {
  .site-container {
    width: min(100% - 56px, 720px);
    max-width: 720px;
  }

  .section-pad {
    padding: 72px 0;
  }

  .hero-content {
    padding-top: 96px;
  }

  .hero-content-wrap {
    width: min(100% - 56px, 720px);
  }

  .hero-pagination {
    width: min(100% - 56px, 720px);
  }

  .about-images {
    max-width: 620px;
    margin-inline: auto;
  }

  .section-head-row {
    align-items: flex-start;
  }

  .stat-card,
  .tour-image {
    min-height: 310px;
  }

  .enquiry-image {
    height: 100%;
  }

  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  .site-container {
    width: min(100% - 48px, 540px);
    max-width: 540px;
  }

  body {
    font-size: 16px;
  }

  .eyebrow {
    font-size: 13px;
    letter-spacing: 0.46em;
  }

  .brand {
    font-size: 22px;
  }

  .brand img {
    width: 45px;
  }

  a.brand.footer-brand {
    width: 202px;
  }

  .hero-section {
    padding-bottom: 64px;
  }

  .hero-card {
    min-height: 560px;
    border-radius: 22px;
  }

  .hero-card .carousel-inner,
  .hero-card .carousel-item {
    height: 560px;
  }

  .hero-content {
    padding: 64px 0 0;
  }

  .hero-content h1 {
    max-width: 310px;
  }

  .btn-primary-soft {
    min-height: 50px;
    padding: 15px 22px;
    font-size: 15px;
  }

  .about-images {
    grid-template-columns: 1fr 1.2fr;
    gap: 14px;
  }

  .about-img-small {
    height: 280px;
  }

  .about-img-large {
    height: 370px;
  }

  .category-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    justify-content: center;
  }

  .category-tabs button {
    width: 100%;
    min-width: 0;
  }

  .slider-wrap {
    gap: 10px;
  }

  .slider-track > *,
  .testimonial-slider .slider-track > * {
    flex-basis: 100%;
  }

  .slider-arrow {
    width: 42px;
    height: 42px;
    font-size: 24px;
  }

  .slider-arrow svg {
    width: 18px;
    height: 8px;
  }

  .product-card {
    min-height: 318px;
  }

  .section-head-row {
    flex-direction: column;
  }

  .cert-track > * {
    flex-basis: 100%;
  }

  .cert-track article {
    min-height: 92px;
  }

  .testimonial-card {
    padding-inline: 24px;
  }

  .footer-shell {
    padding: 46px 0 26px;
  }
}

@media (max-width: 575.98px) {
  .site-header {
    padding: 14px 0;
  }

  .container.site-container {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    padding-left: 0;
    padding-right: 0;
  }

  .soft-band {
    margin-inline: 8px;
    border-radius: 22px;
  }

  .section-pad {
    padding: 56px 0;
  }

  section.about-stats-section {
    padding-top: 20px;
  }

  .about-testimonials-section h2 {
    margin-bottom: 0;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 30px;
  }

  .hero-card {
    min-height: 520px;
  }

  .hero-card .carousel-inner,
  .hero-card .carousel-item {
    height: 570px;
  }

  .hero-img {
    object-position: 58% center;
  }

  .hero-bleed,
  .header-container {
    width: calc(100% - 24px);
  }

  .hero-content-wrap {
    width: calc(100% - 48px);
  }

  .hero-pagination {
    bottom: 28px;
    left: 50%;
    width: calc(100% - 48px);
    gap: 13px;
  }

  .hero-fraction {
    min-width: 58px;
  }

  .hero-total,
  .hero-separator {
    font-size: 18px;
  }

  .hero-indicators {
    width: 120px;
  }

  .hero-indicators [data-bs-target] {
    width: 40px;
  }

  .hero-content p {
    margin: 20px 0 24px;
    max-width: 270px;
    font-size: 16px;
    line-height: 1.55;
  }

  .hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .about-images {
    grid-template-columns: 1fr;
  }

  .about-img-small,
  .about-img-large {
    height: 300px;
  }

  .category-tabs {
    grid-template-columns: 1fr;
  }

  .slider-wrap {
    display: grid;
    grid-template-columns: 36px 1fr 36px;
  }

  .team-slider {
    display: block;
  }

  .team-slider .slider-viewport {
    width: 100%;
  }

  .team-slider .slider-track > * {
    flex-basis: 100%;
  }

  .stat-card {
    padding: 30px;
  }

  .stat-card h3 {
    margin-bottom: 42px;
  }

  .enquiry-image {
    height: 340px;
  }

  .enquiry-image {
    height: 100%;
  }

  .form-panel .form-control {
    min-height: 62px;
  }
}

@media (max-width: 375px) {
  .container.site-container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  .brand {
    font-size: 19px;
  }

  .hero-content {
    padding-top: 58px;
  }

  h1 {
    font-size: 34px;
  }

  .avatar-stack img {
    width: 124px;
    height: auto;
  }

  .product-img {
    height: 205px;
  }

  .site-footer .container.site-container {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
  }
}

/* About Page */
.about-page .site-container {
  max-width: 1440px;
}

.inner-hero {
  padding: 20px 0 0;
}

.inner-hero-card {
  position: relative;
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  height: 666px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 30px;
  background: #102b32;
}

.inner-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.inner-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(234deg, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.44) 98%), rgba(0, 122, 125, 0.28);
}

.inner-hero-content-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: min(100% - clamp(48px, 24vw, 480px), 1440px);
  max-width: 1440px;
  margin: 0 auto;
}

.inner-hero-content {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 890px;
  color: var(--white);
  transform: translateY(-36%);
}

.inner-hero-content .eyebrow,
.about-page .eyebrow {
  margin-bottom: 11px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.7em;
}

.inner-hero-content .eyebrow {
  color: #fff !important;
}

.inner-hero-content h1 {
  margin: 0 0 24px;
  color: var(--white);
  font-size: clamp(52px, 4.17vw, 80px);
  line-height: 1.06;
  letter-spacing: -0.01em;
}

.inner-hero-content p {
  max-width: 630px;
  margin: 0;
  color: var(--white);
  font-size: 18px;
  line-height: 31px;
  font-weight: 300;
}

.about-section-space {
  padding: 132px 0 0;
}

.about-two-col {
  display: grid;
  grid-template-columns: minmax(0, 717px) minmax(0, 677px);
  align-items: center;
  justify-content: space-between;
  gap: clamp(36px, 4.2vw, 66px);
}

.about-story-grid {
  grid-template-columns: minmax(0, 677px) minmax(0, 717px);
}

.about-page-image {
  overflow: hidden;
  border-radius: 30px;
  background: var(--soft);
}

.about-page-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-page-image-large {
  height: 629px;
}

.about-page-copy {
  max-width: 677px;
}

.about-page-copy h2,
.about-stats-shell h2,
.about-testimonials-section h2 {
  margin: 0 0 28px;
  color: var(--ink);
  font-size: 36px;
  line-height: 38px;
  letter-spacing: -0.01em;
}

.about-page-copy p {
  margin: 0 0 22px;
  color: #444444;
  font-size: 18px;
  line-height: 29px;
  font-weight: 300;
}

.about-stats-section {
  padding: 100px 0 0;
}

.about-stats-shell {
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  margin: 0 auto;
  padding: 65px 0 70px;
  border-radius: 30px;
  background: #f4f9fe;
}

.about-stats-shell .section-title {
  margin-bottom: 26px;
}

.about-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 36px;
  justify-content: center;
}

.about-stat-card {
  min-height: 242px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36px 24px;
  border: 1px solid rgba(198, 227, 255, 0.65);
  border-radius: 27px;
  background: var(--white);
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.about-stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(17, 50, 85, 0.1);
}

.about-stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 73px;
  height: 73px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: rgba(51, 148, 240, 0.1);
  color: var(--primary);
}

.about-stat-icon svg,
.about-stat-icon img {
  width: 34px;
  height: 34px;
}

.about-stat-icon img {
  object-fit: contain;
}

.about-stat-card strong {
  color: var(--ink);
  font-family: var(--font-head);
  font-size: 25px;
  line-height: 38px;
  letter-spacing: -0.01em;
}

.about-stat-card p {
  margin: 8px 0 0;
  color: #444444;
  font-size: 18px;
  line-height: 29px;
}

.about-story-section {
  padding-top: 120px;
}

.about-story-image {
  height: 478px;
}

.about-testimonials-section {
  padding: 100px 0 116px;
}

.about-testimonials-section h2 {
  margin-bottom: 90px;
}

.about-testimonial-slider .testimonial-card {
  min-height: 340px;
}

.about-testimonial-slider .testimonial-card.active {
  border-color: transparent;
  border-radius: 30px;
  box-shadow: 0 4px 40px 1px #ececec;
}

@media (max-width: 1499.98px) {
  .about-page .site-container {
    width: min(100% - 80px, 1440px);
  }

  .inner-hero-content-wrap {
    width: min(100% - 160px, 1440px);
  }

  .inner-hero-card,
  .inner-hero-img {
    height: 850px;
  }

  .about-page-image-large {
    height: 560px;
  }

  .about-stats-shell {
    padding-top: 65px;
    padding-bottom: 70px;
  }
}

@media (max-width: 1199.98px) {
  .about-page .site-container {
    width: min(100% - 56px, 960px);
  }

  .inner-hero-content-wrap {
    width: min(100% - 96px, 960px);
  }

  .inner-hero-card,
  .inner-hero-img {
    height: 700px;
  }

  .about-section-space {
    padding-top: 90px;
  }

  .about-page-image-large,
  .about-story-image {
    height: 480px;
  }

  .about-stats-shell {
    padding: 56px 0 60px;
  }
}

@media (max-width: 991.98px) {
  .about-page .site-container {
    width: min(100% - 48px, 720px) !important;
  }

  .inner-hero-content-wrap {
    width: min(100% - 56px, 720px);
  }

  .inner-hero-content {
    left: 0;
    transform: translateY(-30%);
  }

  .about-page-copy {
    max-width: none;
  }

  .about-two-col,
  .about-story-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-story-grid > :first-child {
    order: 2;
  }

  .about-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .about-stats-shell {
    padding: 52px 0 56px;
  }

  .testimonial-slider button.slider-arrow.slider-prev {
    left: -46px;
  }
}

@media (max-width: 767.98px) {
  .header-container {
    width: 100%;
    padding-right: 22px;
    padding-left: 22px;
  }

  .navbar-toggler {
    margin-left: auto;
  }

  .about-page .site-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  .inner-hero-card,
  .inner-hero-img {
    height: 430px;
  }

  .inner-hero-content {
    left: 0;
    right: 0;
    max-width: none;
    width: 100%;
  }

  .inner-hero-content .eyebrow,
  .about-page .eyebrow {
    font-size: 13px;
    letter-spacing: 0.46em;
  }

  .inner-hero-content h1 {
    font-size: 44px;
  }

  .inner-hero-content p {
    font-size: 16px;
    line-height: 26px;
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .inner-hero-content p br {
    display: none;
  }

  .about-section-space,
  .about-story-section,
  .about-stats-section,
  .about-testimonials-section {
    padding-top: 64px;
  }

  .about-page-image-large,
  .about-story-image {
    height: 360px;
  }

  .about-page-copy {
    max-width: calc(100vw - 44px);
  }

  .about-page-copy p {
    font-size: 16px;
    line-height: 27px;
    overflow-wrap: break-word;
  }

  .about-page-copy h2,
  .about-stats-shell h2,
  .about-testimonials-section h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .about-stats-shell {
    padding: 42px 0;
  }

  .about-stat-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .about-stat-card {
    width: 100%;
    min-width: 0;
  }

  .about-testimonials-section {
    padding-bottom: 72px;
  }

  .about-testimonial-slider {
    display: grid;
    grid-template-columns: 36px 1fr 36px;
  }

  .testimonial-slider button.slider-arrow.slider-prev {
    position: static;
    left: auto;
  }
}

@media (max-width: 425px) {
  .hero-section {
    padding-bottom: 20px;
  }

  .section-pad {
    padding: 35px 0;
  }

  .about-page .site-container {
    width: 100% !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .inner-hero-card {
    border-radius: 22px;
  }

  .inner-hero-content h1 {
    font-size: 31px;
  }

  .inner-hero-content p {
    font-size: 13px;
    line-height: 21px;
  }

  .inner-hero-content .eyebrow,
  .about-page .eyebrow {
    letter-spacing: 0.42em;
  }

  .about-stats-shell {
    padding: 38px 0;
  }

  .about-page-image-large,
  .about-story-image {
    height: 300px;
    border-radius: 22px;
  }

  .about-stat-card {
    min-height: 220px;
  }
}

/* Home Page Responsive QA */
.home-page img {
  max-width: 100%;
}

body.home-page {
  overflow-x: hidden;
}

.home-page .site-container {
  max-width: 1440px;
  padding-left: 30px;
  padding-right: 30px;
}

.home-page .slider-track {
  align-items: stretch;
}

.home-page .slider-track > article,
.home-page .team-card,
.home-page .testimonial-card,
.home-page .product-card {
  height: auto;
}

@media (max-width: 1399.98px) and (min-width: 1200px) {
  .home-page .site-container {
    width: calc(100% - 60px);
    max-width: 1440px;
  }

  .home-page .hero-content-wrap,
  .home-page .hero-pagination {
    width: calc(100% - 60px);
    max-width: 1440px;
  }

  .home-page .products-section .slider-prev,
  .home-page .testimonial-slider button.slider-arrow.slider-prev {
    left: -56px;
  }

  .home-page .products-section .slider-next {
    right: -56px;
  }
}

@media (max-width: 1279.98px) and (min-width: 1200px) {
  .home-page .navbar-expand-xl .navbar-toggler {
    display: block;
  }

  .home-page .navbar-expand-xl .offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: var(--white);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }

  .home-page .navbar-expand-xl .offcanvas-end {
    top: 0;
    right: 0;
    width: min(420px, 100vw);
    border-left: 1px solid rgba(0, 0, 0, 0.175);
    transform: translateX(100%);
  }

  .home-page .navbar-expand-xl .offcanvas:not(.show):not(.showing) {
    visibility: hidden !important;
    transform: translateX(100%) !important;
  }

  .home-page .navbar-expand-xl .offcanvas.show,
  .home-page .navbar-expand-xl .offcanvas.showing {
    visibility: visible !important;
    transform: none !important;
  }

  .home-page .navbar-expand-xl .offcanvas-header {
    display: flex;
  }

  .home-page .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start;
    overflow-y: auto;
    padding: 1rem;
  }

  .home-page .navbar-expand-xl .navbar-nav {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 6px;
    margin: 0 !important;
  }

  .home-page .header-offcanvas-cta {
    display: inline-flex;
    margin-top: 22px;
  }

  .home-page .hero-card,
  .home-page .hero-card .carousel-inner,
  .home-page .hero-card .carousel-item {
    min-height: 640px;
    height: 640px;
  }

  .home-page .hero-pagination {
    bottom: 24px;
  }
}

@media (max-width: 1199.98px) {
  .home-page h1 {
    line-height: 1.08;
    letter-spacing: -0.03em;
  }

  .home-page .header-container {
    width: calc(100% - 32px);
  }

  .home-page .offcanvas {
    max-width: min(420px, 100vw);
  }

  .home-page .products-section .slider-prev,
  .home-page .products-section .slider-next,
  .home-page .testimonial-slider button.slider-arrow.slider-prev {
    position: static;
    transform: none;
  }

  .home-page .products-section .slider-wrap,
  .home-page .testimonial-slider {
    gap: 18px;
  }
}

@media (max-width: 1180px) {
  .about-stat-card {
    min-height: 292px;
  }
}

@media (max-width: 1024px) {
  .home-page .site-container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
  }

  .about-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  section#about {
    padding-top: 0;
  }

  .section-pad {
    padding: 60px 0;
  }

  .site-footer .site-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }

  .footer-shell .row.gy-4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .footer-shell .row.gy-4 div {
    width: 100%;
  }

  .home-page .products-section .slider-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "viewport viewport"
      "prev next";
    gap: 24px 14px;
  }

  .home-page .products-section .slider-viewport {
    grid-area: viewport;
  }

  .home-page .products-section .slider-prev {
    grid-area: prev;
    justify-self: end;
  }

  .home-page .products-section .slider-next {
    grid-area: next;
    justify-self: start;
  }

  .home-page .products-section .slider-arrow {
    position: static;
    transform: none;
  }

  .home-page .testimonial-slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "viewport viewport"
      "prev next";
    gap: 24px 14px;
  }

  .home-page .testimonial-slider .slider-viewport {
    grid-area: viewport;
  }

  .home-page .testimonial-slider .slider-prev {
    grid-area: prev;
    justify-self: end;
  }

  .home-page .testimonial-slider .slider-next {
    grid-area: next;
    justify-self: start;
  }

  .home-page .testimonial-slider .slider-arrow,
  .home-page .testimonial-slider button.slider-arrow.slider-prev {
    position: static;
    transform: none;
  }
}

@media (max-width: 991.98px) {
  .home-page .hero-content h1 {
    max-width: 540px;
  }

  .home-page .about-row {
    row-gap: 36px;
  }

  .home-page .manufacturing-grid {
    row-gap: 24px;
  }

  .home-page .row-line {
    padding-bottom: 56px;
    margin-bottom: 34px;
  }

  .home-page .team-card {
    min-height: 395px;
  }

  .home-page .testimonial-card {
    min-height: 360px;
  }

  .home-page .enquiry-section .row {
    row-gap: 32px;
  }

  .home-page .form-panel {
    max-width: none;
  }

  .home-page .site-footer .container.site-container {
    width: calc(100% - 56px);
  }
}

@media (max-width: 767.98px) {
  .home-page .container.site-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  .home-page .hero-content-wrap,
  .home-page .hero-pagination {
    width: calc(100% - 48px);
  }

  .home-page .hero-content h1 {
    max-width: 100%;
    font-size: clamp(38px, 10vw, 35px);
  }

  .home-page .hero-content p {
    max-width: 360px;
  }

  .home-page .section-title h2,
  .home-page h2 {
    line-height: 1.16;
  }

  .home-page .row {
    margin-right: 0;
    margin-left: 0;
  }

  .home-page .row > * {
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
  }

  .home-page .site-container,
  .home-page .section-copy,
  .home-page .section-copy p,
  .home-page .section-title,
  .home-page .slider-wrap {
    min-width: 0;
    max-width: 100%;
  }

  .home-page .section-copy p,
  .home-page .testimonial-card p,
  .home-page .footer-shell a,
  .home-page .footer-shell p {
    overflow-wrap: break-word;
  }

  .home-page .section-head-row {
    gap: 14px;
  }

  .home-page .section-head-row .section-title {
    max-width: 100%;
  }

  .home-page .slider-wrap {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    align-items: center;
  }

  .home-page .slider-viewport {
    min-width: 0;
  }

  .home-page .team-slider {
    display: block;
  }

  .home-page .team-slider .slider-viewport {
    overflow: visible;
  }

  .home-page .team-card {
    min-height: 420px;
  }

  .home-page .team-section .container.site-container {
    display: flex;
    flex-direction: column;
  }

  .home-page .team-section .section-head-row {
    display: contents;
  }

  .home-page .team-section .section-title {
    order: 1;
    width: 100%;
  }

  .home-page .team-section .team-slider {
    order: 2;
  }

  .home-page .team-section .arrow-group {
    order: 3;
    justify-content: center;
    width: 100%;
    margin-top: 18px;
  }

  .team-section h2 {
    padding-bottom: 26px;
  }

  .home-page .testimonial-slider .slider-viewport {
    margin: -44px 0 -36px;
    padding: 44px 0 36px;
  }

  .home-page .testimonial-card {
    min-height: 0;
    padding: 58px 22px 26px;
  }

  .home-page .quote {
    left: 22px;
    width: 70px;
    height: 70px;
    background-size: 32px;
  }

  .home-page .client {
    align-items: center;
    gap: 12px;
  }

  .home-page .footer-shell h3 {
    margin-bottom: 16px;
    font-size: 22px;
  }

  .home-page .footer-bottom {
    margin-top: 42px;
  }
}

@media (max-width: 575.98px) {
  .home-page .header-container {
    width: 100%;
    padding-right: 18px;
    padding-left: 18px;
  }

  .home-page .container.site-container {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .home-page .hero-bleed {
    width: calc(100% - 18px);
  }

  .home-page .hero-card {
    min-height: 540px;
  }

  .home-page .hero-card .carousel-inner,
  .home-page .hero-card .carousel-item {
    height: 540px;
  }

  .home-page .hero-content {
    padding-top: 54px;
  }

  .home-page .hero-content h1 {
    max-width: 100%;
    font-size: 38px;
  }

  .home-page .hero-content-wrap,
  .home-page .hero-pagination {
    width: calc(100% - 42px);
  }

  .home-page .hero-pagination {
    gap: 10px;
  }

  .home-page .hero-indicators {
    width: 96px;
  }

  .home-page .hero-indicators [data-bs-target] {
    width: 30px;
  }

  .home-page .avatar-stack img {
    width: 120px;
  }

  .home-page .support-copy em {
    white-space: normal;
  }

  .home-page .about-img-small,
  .home-page .about-img-large,
  .home-page .tour-image {
    height: 280px;
  }

  .row.align-items-center.about-row {
    flex-direction: column-reverse;
  }

  .home-page .about-row > .col-lg-6:not(.about-media-col) {
    order: 1;
  }

  .home-page .about-media-col {
    order: 2;
  }

  .home-page .category-tabs button {
    padding: 14px 16px;
    font-size: 16px;
    line-height: 1.35;
  }

  .home-page .category-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .home-page .slider-track > *,
  .home-page .testimonial-slider .slider-track > *,
  .home-page .team-slider .slider-track > *,
  .home-page .cert-track > * {
    flex-basis: 100% !important;
  }

  .home-page .product-card {
    min-height: 310px;
    padding: 18px 18px 24px;
  }

  .home-page .product-card h3 {
    font-size: 22px;
    line-height: 28px;
  }

  .home-page .stat-card {
    min-height: 0;
    padding: 26px 22px;
  }

  .home-page .row-line {
    gap: 14px;
    padding-bottom: 36px;
    margin-bottom: 28px;
  }

  .home-page .manufacturing-section .stat-icon {
    width: 64px;
    height: 64px;
  }

  .home-page .stat-card strong {
    font-size: 46px;
    line-height: 54px;
  }

  .home-page .team-card {
    min-height: 398px;
  }

  .home-page .team-section .container.site-container {
    display: flex;
    flex-direction: column;
  }

  .home-page .team-section .section-head-row {
    display: contents;
  }

  .home-page .team-section .section-title {
    order: 1;
    width: 100%;
  }

  .home-page .team-section .team-slider {
    order: 2;
  }

  .home-page .team-section .arrow-group {
    order: 3;
    justify-content: center;
    width: 100%;
    margin-top: 18px;
  }

  .home-page .team-hover-panel {
    min-height: 116px;
    padding: 20px 14px 16px;
  }

  .home-page .team-hover-panel h3 {
    font-size: 22px;
  }

  .home-page .team-hover-panel p {
    font-size: 15px;
    line-height: 22px;
  }

  .home-page .testimonial-card p {
    font-size: 16px;
    line-height: 1.6;
  }

  .home-page .client strong {
    font-size: 13px;
    letter-spacing: 0.04em;
  }

  .home-page .enquiry-section .container.site-container {
    padding-top: 56px;
  }

  .home-page .enquiry-section form {
    padding: 28px 18px;
    border-radius: 22px;
  }

  .home-page .site-footer {
    width: calc(100% - 18px);
    margin-bottom: 28px;
    border-radius: 22px;
  }

  .home-page .site-footer .container.site-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .home-page .footer-shell {
    padding: 40px 0 24px;
  }

  .home-page .footer-brand img {
    width: 172px;
  }
}

@media (max-width: 560px) {
  .home-page .category-tabs button {
    width: min(195px, 100%);
    max-width: 100%;
    min-height: 55px;
    justify-self: center;
    font-size: 14px;
    padding: 12px 16px;
  }
}

@media (max-width: 390px) {
  .home-page .container.site-container,
  .home-page .header-container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .home-page .hero-content h1 {
    max-width: 280px;
    font-size: 34px;
  }

  .home-page .eyebrow {
    letter-spacing: 0.36em;
  }

  .home-page .hero-content p {
    max-width: 280px;
    font-size: 15px;
  }

  .home-page .btn-primary-soft {
    max-width: 100%;
    padding: 14px 18px;
  }

  .home-page .slider-wrap {
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    gap: 8px;
  }

  .home-page .slider-arrow {
    width: 34px;
    height: 34px;
  }

  .home-page .quote {
    left: 18px;
  }

  .home-page .client {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 340px) {
  .home-page .container.site-container,
  .home-page .header-container {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .home-page .brand {
    font-size: 18px;
  }

  .home-page .brand img {
    width: 36px;
  }

  .home-page .hero-content h1 {
    font-size: 31px;
  }

  .home-page .hero-card,
  .home-page .hero-card .carousel-inner,
  .home-page .hero-card .carousel-item {
    height: 520px;
    min-height: 520px;
  }

  .home-page .hero-pagination {
    width: calc(100% - 32px);
  }

  .home-page .hero-indicators {
    width: 76px;
  }

  .home-page .hero-indicators [data-bs-target] {
    width: 24px;
  }

  .home-page .avatar-stack img {
    width: 104px;
  }

  .home-page .product-img {
    height: 190px;
  }

  .home-page .icon-pill {
    width: 78px;
    height: 78px;
  }
}

@media (max-width: 425px) {
  .home-page .slider-wrap:not(.team-slider) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "viewport viewport"
      "prev next";
    gap: 18px 12px;
  }

  .home-page .slider-wrap:not(.team-slider) .slider-viewport {
    grid-area: viewport;
  }

  .home-page .slider-wrap:not(.team-slider) .slider-prev {
    grid-area: prev;
    justify-self: end;
  }

  .home-page .slider-wrap:not(.team-slider) .slider-next {
    grid-area: next;
    justify-self: start;
  }

  .home-page .slider-wrap:not(.team-slider) .slider-arrow {
    position: static;
    width: 42px;
    height: 42px;
    transform: none;
  }

  .home-page .team-section .section-head-row {
    align-items: flex-start;
  }

  .home-page .team-section .arrow-group {
    width: 100%;
    justify-content: center;
    margin-top: 0;
  }
}

/* Our Product Page */
.product-page {
  overflow-x: hidden;
}

.product-page .site-container {
  max-width: 1440px;
}

.product-page .nav-link.active {
  color: var(--primary);
}

.product-main {
  padding-bottom: 84px;
}

.product-inner-hero .inner-hero-card {
  height: 666px;
}

.product-hero-img {
  object-position: center 42%;
}

.product-listing-section {
  padding: 70px 0 0;
}

.product-listing-section .section-title {
  margin-bottom: 30px;
}

.product-listing-section .section-title .eyebrow {
  letter-spacing: 0.7em;
}

.product-category-tabs {
  margin-bottom: 40px;
}

.product-category-tabs button {
  width: 195px;
  min-height: 95px;
  padding: 15px 26px;
  border-radius: 20px;
}

.product-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  max-width: 1440px;
  margin: 0 auto;
}

.product-list-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 1 calc((100% - 90px) / 4);
  min-height: 396px;
  padding: 20px 20px 34px;
  border: 1px solid #c6e3ff;
  border-radius: 30px;
  background: var(--white);
  text-align: center;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.product-list-card[hidden] {
  display: none;
}

.product-category-panel[hidden] {
  display: none;
}

.customized-kits-content {
  max-width: 920px;
  margin: 0 auto 40px;
}

.customized-kits-content > p {
  margin: 0 0 28px;
  color: var(--ink);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
}

.customized-kits-form {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 70px 62px 64px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.08);
}

.product-list-card:hover,
.product-list-card.is-featured {
  border-color: transparent;
  box-shadow: 0 4px 40px 1px #dbedff;
  transform: translateY(-4px);
}

.product-list-card:hover .product-list-icon,
.product-list-card:hover span.icon-pill {
  background: #3394F0;
}

.product-list-card:hover .product-list-icon img,
.product-list-card:hover .icon-pill img {
  width: 45px;
  height: 45px;
  object-fit: contain;
  filter: brightness(8.5) invert(0);
}

.product-list-image {
  width: 100%;
  height: 245px;
  overflow: hidden;
  border-radius: 20px;
  background: #eaf3fd;
}

.product-list-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.product-list-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  margin-top: -45px;
  border-radius: 50%;
  background: var(--white);
  box-shadow: 0 10px 28px rgba(33, 99, 158, 0.08);
}

.product-list-card.is-featured .product-list-icon {
  background: var(--primary);
}

.product-list-icon img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.product-list-card.is-featured .product-list-icon img {
  filter: brightness(0) invert(1);
}

.product-list-card h3 {
  margin-top: 28px;
  color: var(--ink);
  font-size: 25px;
  line-height: 38px;
  letter-spacing: -0.01em;
}

.product-card {
  text-decoration: none;
}

.product-detail-section {
  padding: 90px 0 0;
}

.product-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 640px) minmax(0, 680px);
  align-items: start;
  justify-content: space-between;
  gap: clamp(36px, 5vw, 86px);
  padding-bottom: 90px;
  margin-bottom: 80px;
  border-bottom: 1px solid #ddd;
  align-items: anchor-center;
}

.product-detail-media {
  display: grid;
  gap: 22px;
  min-width: 0;
}

.product-detail-image {
  overflow: hidden;
  border-radius: 30px;
  background: #eaf3fd;
}

.product-detail-image img {
  display: block;
  width: 100%;
  height: auto;
}

.product-detail-content .eyebrow {
  display: block;
  margin-bottom: 12px;
  letter-spacing: 0.55em;
}

.product-detail-content h2 {
  margin: 0 0 22px;
  color: var(--ink);
  font-size: clamp(36px, 3vw, 54px);
  line-height: 1.12;
  letter-spacing: -0.01em;
}

.product-detail-lead,
.product-detail-copy p {
  margin: 0 0 22px;
  color: #444444;
  font-size: 18px;
  line-height: 29px;
  font-weight: 300;
}

.product-detail-copy ul,
.product-detail-copy ol {
  margin: 0 0 24px;
  padding-left: 22px;
  color: #444444;
  font-size: 18px;
  line-height: 29px;
  font-weight: 300;
}

.product-kit-tables {
  display: grid;
  gap: 94px;
  margin-top: 34px;
}

.product-kit-table {
  display: grid;
  grid-template-columns: 500px 1fr;
  align-items: start;
  gap: 70px;
  min-width: 0;
}

.product-kit-group-heading {
  margin-bottom: -42px;
  text-align: center;
  overflow: hidden;
  background: #c5e0eb;
  border-bottom: 8px solid #b7d86b;
  border-radius: 20px;
}

.product-kit-group-heading h3 {
  margin: 0;
  padding: 16px 18px 12px;
  color: #285b73;
  font-family: var(--font-head);
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.1;
  font-weight: 700;
  text-decoration: underline;
  text-transform: uppercase;
}

.product-kit-content {
  min-width: 0;
}

.product-kit-image {
  overflow: hidden;
  border-radius: 20px;
  background: #eaf3fd;
}

.product-kit-image img {
  display: block;
  width: 100%;
  /* height: 570px !important; */
  object-fit: contain;
  background: #c5e0eb;
}

.product-kit-table h3 {
  margin: 0 0 14px;
  color: var(--ink);
  font-family: var(--font-head);
  font-size: 26px;
  line-height: 1.25;
}

.product-kit-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  border: 1px solid #c6e3ff;
  border-radius: 20px;
  background: var(--white);
}

.product-kit-table table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  color: #444444;
  font-size: 16px;
  line-height: 1.45;
}

.product-kit-table th,
.product-kit-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #d9ecff;
  text-align: left;
  vertical-align: top;
}

.product-kit-table th {
  color: var(--ink);
  background: #eaf3fd;
  font-family: var(--font-head);
  font-weight: 700;
}

.product-kit-table tbody tr:last-child td {
  border-bottom: 0;
}

.product-kit-table th:first-child,
.product-kit-table td:first-child {
  width: 80px;
  text-align: center;
}

.product-kit-table th:nth-child(3),
.product-kit-table td:nth-child(3),
.product-kit-table th:nth-child(4),
.product-kit-table td:nth-child(4) {
  width: 161px;
}

.product-kit-summary-scroll {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  border: 1px solid #c6e3ff;
  border-radius: 20px;
  background: var(--white);
}

.product-kit-summary-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  color: #444444;
  font-size: 16px;
  line-height: 1.45;
}

.product-kit-summary-table th,
.product-kit-summary-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #d9ecff;
  text-align: left;
  vertical-align: top;
}

.product-kit-summary-table th,
.product-kit-summary-table th:first-child {
  width: 170px;
  color: var(--ink);
  background: #eaf3fd;
  font-family: var(--font-head);
  font-weight: 700;
  text-align: left;
}

.product-kit-summary-table td:first-child {
  width: auto;
  text-align: left;
}

.product-kit-summary-table tbody tr:last-child th,
.product-kit-summary-table tbody tr:last-child td {
  border-bottom: 0;
}

.product-kit-summary-table .product-kit-code {
  display: inline-block;
  min-width: 112px;
  margin-right: 10px;
}

.product-kit-summary-table .product-kit-size strong {
  font-weight: 700;
}

.product-detail-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 34px;
}

.product-back-link {
  color: var(--primary);
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  text-decoration: none;
}

.product-back-link:hover {
  color: var(--ink);
}

@media (max-width: 991.98px) {
  .product-detail-section {
    padding-top: 70px;
  }

  .product-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .product-kit-table {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 40px;
  }

  .product-kit-image img {
    display: block;
    width: 100%;
    height: 500px !important;
    object-fit: cover;
  }
}

@media (max-width: 575.98px) {
  .product-detail-section {
    padding-top: 48px;
  }

  .product-detail-grid {
    padding-bottom: 48px;
    margin-bottom: 44px;
  }

  .product-kit-tables {
    gap: 56px;
    margin-top: 24px;
  }

  .product-kit-table h3 {
    font-size: 22px;
  }

  .product-kit-table {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .product-kit-image img {
    height: 300px !important;
  }

  .product-kit-table-scroll {
    border-radius: 16px;
  }

  .product-kit-table table {
    min-width: 640px;
    font-size: 15px;
  }

  .product-kit-table th,
  .product-kit-table td {
    padding: 12px 14px;
  }

  .product-detail-actions {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .product-grid .product-last-row {
    grid-column: auto;
  }
}

@media (max-width: 1499.98px) {
  .product-page .site-container {
    width: min(100% - 80px, 1440px);
  }

  .product-grid {
    gap: 24px;
  }

  .product-list-card {
    flex-basis: calc((100% - 72px) / 4);
    min-height: 360px;
  }

  .product-list-image {
    height: 218px;
  }
}

@media (max-width: 1279.98px) and (min-width: 1200px) {
  .product-page .navbar-expand-xl .navbar-toggler {
    display: block;
  }

  .product-page .navbar-expand-xl .offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: var(--white);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }

  .product-page .navbar-expand-xl .offcanvas-end {
    top: 0;
    right: 0;
    width: min(420px, 100vw);
    border-left: 1px solid rgba(0, 0, 0, 0.175);
    transform: translateX(100%);
  }

  .product-page .navbar-expand-xl .offcanvas:not(.show):not(.showing) {
    visibility: hidden !important;
    transform: translateX(100%) !important;
  }

  .product-page .navbar-expand-xl .offcanvas.show,
  .product-page .navbar-expand-xl .offcanvas.showing {
    visibility: visible !important;
    transform: none !important;
  }

  .product-page .navbar-expand-xl .offcanvas-header {
    display: flex;
  }

  .product-page .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start;
    overflow-y: auto;
    padding: 1rem;
  }

  .product-page .navbar-expand-xl .navbar-nav {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 6px;
    margin: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .product-page .site-container {
    width: min(100% - 60px, 960px);
  }

  .product-grid {
    justify-content: center;
  }

  .product-list-card {
    flex-basis: calc((100% - 48px) / 3);
  }

  .product-inner-hero .inner-hero-card {
    height: 520px;
  }
}

@media (max-width: 991.98px) {
  .product-page .site-container {
    width: min(100% - 48px, 720px) !important;
  }

  .product-grid {
    gap: 24px;
  }

  .product-list-card {
    flex-basis: calc((100% - 24px) / 2);
  }

  .product-listing-section {
    padding-top: 58px;
  }

  .product-category-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 195px));
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .product-page .site-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  .product-main {
    padding-bottom: 64px;
  }

  .product-inner-hero .inner-hero-card {
    height: 430px;
  }

  .product-listing-section {
    padding-top: 50px;
  }

  .product-category-tabs button {
    width: 100%;
    min-height: 82px;
    padding: 12px 16px;
    font-size: 16px;
  }

  .product-list-card {
    min-height: 340px;
    padding: 18px 18px 30px;
  }

  .product-list-image {
    height: 210px;
  }
}

@media (max-width: 575.98px) {
  .product-page .header-container {
    width: 100%;
    padding-right: 18px;
    padding-left: 18px;
  }

  .product-page .site-container {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .product-inner-hero .inner-hero-card {
    width: calc(100% - 18px);
    height: 390px;
    border-radius: 22px;
  }

  .product-page .inner-hero-content h1 {
    font-size: 38px;
  }

  .product-page .inner-hero-content p br {
    display: none;
  }

  .product-category-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .product-grid {
    max-width: min(360px, 100%);
  }

  .product-list-card {
    flex-basis: 100%;
  }

  .product-list-image {
    height: 220px;
  }

  .product-list-card h3 {
    font-size: 23px;
  }
}

@media (max-width: 425px) {
  .product-page .site-container,
  .product-page .header-container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .product-page .inner-hero-content h1 {
    font-size: 32px;
  }

  .product-page .inner-hero-content p {
    max-width: 100%;
    font-size: 14px;
    line-height: 23px;
    overflow-wrap: break-word;
  }

  .product-listing-section {
    padding-top: 38px;
  }

  .product-category-tabs button {
    min-height: 74px;
    font-size: 14px;
    line-height: 20px;
  }

  .product-list-card {
    width: 100%;
    min-width: 0;
    min-height: 330px;
    border-radius: 24px;
  }

  .product-list-image {
    height: 205px;
  }
}

@media (max-width: 340px) {
  .product-page .brand {
    font-size: 18px;
  }

  .product-page .brand img {
    width: 36px;
  }

  .product-page .inner-hero-content h1 {
    font-size: 29px;
  }

  .product-category-tabs {
    grid-template-columns: 1fr;
  }
}

/* Manufacturing Unit Tour Page */
.manufacturing-page {
  overflow-x: hidden;
}

.manufacturing-page .site-container {
  width: min(100% - 120px, 1440px);
  max-width: 1440px;
  padding-right: 0;
  padding-left: 0;
}

.manufacturing-page .nav-link.active {
  color: var(--primary);
}

.manufacturing-main {
  padding-bottom: 56px;
}

.manufacturing-inner-hero .inner-hero-card {
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  max-width: none;
  height: 600px;
  margin: 0 auto;
}

.manufacturing-hero-img {
  object-position: center;
}

.md-talk-section {
  padding: 96px 0 82px;
}

.md-talk-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(46px, 5.6vw, 86px);
}

.md-talk-grid > *,
.tour-contact-shell > * {
  min-width: 0;
}

.md-talk-image {
  overflow: hidden;
  height: 538px;
  border-radius: 30px;
}

.md-talk-image img,
.tour-video-card img,
.tour-video-player {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.md-talk-content {
  max-width: 650px;
}

.md-talk-content h2,
.tour-contact-content h2 {
  margin: 12px 0 22px;
  /* color: var(--dark); */
  /* font-size: clamp(38px, 3.55vw, 58px); */
  /* font-weight: 700; */
  /* line-height: 1.08; */
}

.md-talk-content p,
.tour-contact-content > p {
  margin: 0 0 22px;
  color: #444444;
  font-size: 18px;
  line-height: 1.82;
  font-weight: 300;
}

.tour-video-section {
  padding: 0 0 98px;
}

.tour-video-card {
  position: relative;
  overflow: hidden;
  height: 665px;
  border-radius: 30px;
  background: #dceaf7;
}

.tour-video-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 33, 45, 0.16);
  pointer-events: none;
}

.tour-video-card.is-playing::after {
  opacity: 0;
}

.tour-video-player {
  background: #000;
}

.tour-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.tour-video-card.is-playing .tour-video-overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.tour-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--primary);
  box-shadow: 0 18px 42px rgba(51, 148, 240, 0.35);
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tour-video-card.is-playing .tour-play-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.tour-play-btn:hover {
  box-shadow: 0 22px 48px rgba(51, 148, 240, 0.45);
  transform: translate(-50%, -50%) scale(1.04);
}

.tour-play-btn span {
  display: block;
  width: 0;
  height: 0;
  margin-left: 7px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 24px solid #fff;
}

.tour-arbitration-section {
  padding: 0 0 98px;
}

.tour-arbitration-card {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  border-radius: 30px;
  background-color: #101a22;
  background-image:
    radial-gradient(circle at 20% 15%, rgba(255, 255, 255, 0.08) 0 1px, transparent 2px),
    radial-gradient(circle at 70% 45%, rgba(255, 255, 255, 0.07) 0 1px, transparent 2px),
    linear-gradient(135deg, #111c24 0%, #0b141c 100%);
  background-position: center;
  background-size: cover;
}

.tour-arbitration-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(9, 18, 27, 0.82) 0%, rgba(9, 18, 27, 0.58) 52%, rgba(9, 18, 27, 0.24) 100%);
}

.tour-arbitration-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 430px;
  padding: clamp(38px, 5vw, 78px);
}

.tour-arbitration-content h2 {
  max-width: 760px;
  margin: 0;
  color: var(--white);
  font-family: var(--font-head);
  font-size: clamp(46px, 6.15vw, 96px);
  font-weight: 700;
  line-height: 1.05;
}

.tour-arbitration-content h2 span,
.tour-arbitration-content h2 strong {
  display: block;
}

.tour-arbitration-content h2 strong {
  color: #f28b2f;
  font-weight: inherit;
}

.tour-arbitration-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  color: var(--white);
  font-family: var(--font-head);
  font-size: clamp(24px, 2.5vw, 40px);
  font-weight: 600;
  line-height: 1.2;
}

.tour-arbitration-meta a {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 12px 24px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  color: var(--white);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.tour-arbitration-meta a:hover {
  border-color: var(--white);
  background: rgba(255, 255, 255, 0.12);
}

.tour-contact-section {
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  margin: 0 auto;
  padding: 72px 30px;
  border-radius: 30px;
  background: linear-gradient(0deg, #FFFFFF 0%, #F4F9FE 70.42%);
}

.manufacturing-page .tour-contact-section .site-container {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tour-contact-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);
  align-items: center;
  justify-content: center;
  gap: clamp(44px, 5vw, 70px);
  width: min(100%, 1440px);
  margin: 0 auto;
  padding: 0;
  border-radius: 30px;
}

.tour-contact-content {
  max-width: 100%;
}

.tour-contact-content .eyebrow {
  margin-bottom: 2px;
  /* font-size: 11px; */
  /* font-weight: 400; */
  /* letter-spacing: 0.8em; */
}

.tour-contact-content h2 {
  margin: 0 0 4px;
  /* font-size: 28px; */
  /* line-height: 1.15; */
}

.tour-contact-content > p {
  margin-bottom: 20px;
  /* font-size: 13px; */
  /* line-height: 1.5; */
}

.tour-contact-list {
  display: grid;
  gap: 22px;
}

.tour-contact-card {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 118px;
  padding: 18px 22px;
  border: 1px solid #E3E3E3;
  border-radius: 30px;
  background: #fff;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.tour-contact-card:hover {
  box-shadow: 0 12px 30px rgba(14, 59, 93, 0.06);
}

.tour-contact-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #f3f9ff;
  color: #fff;
}

.tour-contact-icon svg {
  width: 24px;
  height: 24px;
  fill: transparent;
}

.tour-contact-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.tour-contact-card > div {
  min-width: 0;
}

.tour-contact-card h3 {
  margin: 0 0 3px;
  color: #444444;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
}

.tour-contact-card p {
  margin: 0;
  color: var(--dark);
  font-size: 25px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
  margin-top: 11px;
}

.tour-contact-card p a {
  color: inherit;
  text-decoration: none;
}

.tour-map-wrap {
  overflow: hidden;
  height: 625px;
  border: 0;
  border-radius: 30px;
  box-shadow: 0 18px 42px rgba(14, 59, 93, 0.08);
}

.tour-contact-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tour-map-visual {
  position: relative;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(32deg, transparent 48%, rgba(255, 255, 255, 0.9) 49%, rgba(255, 255, 255, 0.9) 51%, transparent 52%),
    linear-gradient(122deg, transparent 45%, rgba(255, 255, 255, 0.86) 46%, rgba(255, 255, 255, 0.86) 49%, transparent 50%),
    linear-gradient(0deg, rgba(95, 153, 113, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95, 153, 113, 0.12) 1px, transparent 1px),
    linear-gradient(135deg, #dfeecf 0%, #c9e4c4 42%, #d6e5bd 43%, #eef2d0 100%);
  background-size: auto, auto, 72px 72px, 72px 72px, auto;
}

.map-road {
  position: absolute;
  display: block;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(220, 228, 213, 0.9);
}

.map-road-one {
  top: 49%;
  left: -9%;
  width: 118%;
  height: 24px;
  transform: rotate(-18deg);
}

.map-road-two {
  top: 18%;
  left: 24%;
  width: 24px;
  height: 90%;
  transform: rotate(21deg);
}

.map-road-three {
  top: 63%;
  left: 18%;
  width: 88%;
  height: 18px;
  transform: rotate(24deg);
}

.map-marker {
  position: absolute;
  top: 45%;
  left: 52%;
  width: 46px;
  height: 46px;
  border: 9px solid #fff;
  border-radius: 50% 50% 50% 0;
  background: var(--primary);
  box-shadow: 0 14px 30px rgba(20, 72, 116, 0.28);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.map-marker::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}

@media (max-width: 1499.98px) {
  .manufacturing-page .site-container {
    width: min(100% - 80px, 1440px);
  }

  .tour-video-card {
    height: 610px;
  }
}

@media (max-width: 1279.98px) and (min-width: 1200px) {
  .manufacturing-page .navbar-expand-xl .navbar-toggler {
    display: block;
  }

  .manufacturing-page .navbar-expand-xl .offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: var(--white);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }

  .manufacturing-page .navbar-expand-xl .offcanvas-end {
    top: 0;
    right: 0;
    width: min(420px, 100vw);
    border-left: 1px solid rgba(0, 0, 0, 0.175);
    transform: translateX(100%);
  }

  .manufacturing-page .navbar-expand-xl .offcanvas:not(.show):not(.showing) {
    visibility: hidden !important;
    transform: translateX(100%) !important;
  }

  .manufacturing-page .navbar-expand-xl .offcanvas.show,
  .manufacturing-page .navbar-expand-xl .offcanvas.showing {
    visibility: visible !important;
    transform: none !important;
  }

  .manufacturing-page .navbar-expand-xl .offcanvas-header {
    display: flex;
  }

  .manufacturing-page .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start;
    overflow-y: auto;
    padding: 1rem;
  }

  .manufacturing-page .navbar-expand-xl .navbar-nav {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 6px;
    margin: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .manufacturing-page .site-container {
    width: min(100% - 60px, 960px);
  }

  .manufacturing-inner-hero .inner-hero-card {
    height: 520px;
  }

  .md-talk-grid,
  .tour-contact-shell {
    gap: 40px;
  }

  .md-talk-image,
  .tour-map-wrap {
    height: 330px;
  }

  .tour-video-card {
    height: 520px;
  }

  .tour-arbitration-card,
  .tour-arbitration-content {
    min-height: 390px;
  }
}

@media (max-width: 991.98px) {
  .manufacturing-page .site-container {
    width: min(100% - 48px, 720px) !important;
  }

  .md-talk-section {
    padding: 68px 0 58px;
  }

  .md-talk-grid,
  .tour-contact-shell {
    grid-template-columns: 1fr;
  }

  .md-talk-content {
    max-width: 100%;
  }

  .md-talk-image {
    height: 440px;
  }

  .tour-video-section {
    padding-bottom: 68px;
  }

  .tour-arbitration-section {
    padding-bottom: 68px;
  }

  .tour-video-card {
    height: 430px;
  }

  .tour-arbitration-card,
  .tour-arbitration-content {
    min-height: 350px;
  }

  .tour-contact-section {
    padding: 0 0 13px;
  }

  .tour-contact-shell {
    grid-template-columns: minmax(0, 520px);
    min-height: auto;
    padding: 56px 24px;
  }

  .tour-contact-content {
    max-width: 520px;
  }
}

@media (max-width: 767.98px) {
  .manufacturing-page .site-container {
    width: calc(100% - 44px) !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .manufacturing-main {
    padding-bottom: 0;
  }

  .manufacturing-inner-hero .inner-hero-card {
    height: 430px;
  }

  .md-talk-section {
    padding: 54px 0 48px;
  }

  .md-talk-image {
    height: 360px;
    border-radius: 24px;
  }

  .md-talk-content h2,
  .tour-contact-content h2 {
    /* font-size: 38px; */
  }

  .md-talk-content p,
  .tour-contact-content > p {
    font-size: 13px;
    line-height: 1.5;
  }

  .tour-video-card {
    height: 360px;
    border-radius: 24px;
  }

  .tour-arbitration-card {
    border-radius: 24px;
  }

  .tour-arbitration-content {
    min-height: 320px;
  }

  .tour-arbitration-meta {
    justify-content: flex-start;
  }

  .tour-play-btn {
    width: 74px;
    height: 74px;
  }

  .tour-play-btn span {
    border-top-width: 13px;
    border-bottom-width: 13px;
    border-left-width: 20px;
  }

  .tour-contact-shell {
    padding: 32px 18px;
    border-radius: 24px;
  }

  .tour-map-wrap {
    height: 300px;
    border-radius: 24px;
  }
}

@media (max-width: 575.98px) {
  .manufacturing-page .header-container {
    width: 100%;
    padding-right: 18px;
    padding-left: 18px;
  }

  .manufacturing-page .site-container {
    width: calc(100% - 36px) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .manufacturing-inner-hero .inner-hero-card {
    width: calc(100% - 18px);
    height: 390px;
    border-radius: 22px;
  }

  .manufacturing-page .inner-hero-content h1 {
    max-width: 100%;
    font-size: 30px;
    line-height: 1.12;
    overflow-wrap: break-word;
  }

  .manufacturing-page .inner-hero-content {
    width: 100%;
    max-width: 100%;
  }

  .manufacturing-page .inner-hero-content p br {
    display: none;
  }

  .md-talk-image {
    height: 310px;
  }

  .tour-video-card {
    height: 310px;
  }

  .tour-arbitration-card,
  .tour-arbitration-content {
    min-height: 300px;
  }

  .tour-arbitration-content {
    padding: 30px 24px;
  }

  .tour-arbitration-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .tour-contact-card {
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
    border-radius: 20px;
    height: unset;
    flex-direction: column;
  }

  .tour-contact-icon {
    width: 44px;
    height: 44px;
  }

  .tour-contact-card h3 {
    font-size: 15px;
  }

  .tour-contact-card p {
    font-size: 16px;
    line-height: 1.35;
  }
}

@media (max-width: 425px) {
  .manufacturing-page .site-container,
  .manufacturing-page .header-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .manufacturing-page .site-container {
    width: calc(100% - 28px) !important;
  }

  .manufacturing-page .header-container {
    width: calc(100% - 28px);
  }

  .manufacturing-page .inner-hero-content h1 {
    font-size: 26px;
  }

  .manufacturing-page .inner-hero-content p {
    max-width: 100%;
    font-size: 14px;
    line-height: 23px;
    overflow-wrap: break-word;
  }

  .md-talk-content h2,
  .tour-contact-content h2 {
    /* font-size: 30px; */
  }

  .md-talk-image,
  .tour-video-card {
    height: 260px;
  }

  .tour-arbitration-content h2 {
    font-size: 38px;
  }

  .tour-contact-shell {
    padding: 28px 12px;
  }

  .tour-contact-card {
    gap: 10px;
  }

  .tour-map-wrap {
    height: 300px;
  }
}

@media (max-width: 340px) {
  .manufacturing-page .brand {
    font-size: 18px;
  }

  .manufacturing-page .brand img {
    width: 36px;
  }

  .manufacturing-page .inner-hero-content h1 {
    font-size: 27px;
  }

  .tour-contact-card {
    flex-direction: column;
  }
}

/* Our Team Page */
.our-team-page {
  overflow-x: hidden;
}

.our-team-page .site-container {
  width: min(100% - clamp(36px, 12.5vw, 480px), 1440px);
  max-width: 1440px;
  padding-right: 0;
  padding-left: 0;
}

.team-page-main {
  padding-bottom: 0;
}

.team-page-main .inner-hero {
  padding-bottom: 0;
}

.team-list-section {
  padding: 70px 0 0;
}

.team-list-section .section-head-row {
  align-items: flex-end;
  margin-bottom: 28px;
}

.team-list-section .section-title .eyebrow,
.team-feature-copy .eyebrow,
.team-clients-copy .eyebrow,
.team-reach-shell .eyebrow {
  letter-spacing: 0.7em;
}

.team-list-section .section-title h2,
.team-feature-copy h2,
.team-clients-copy h2,
.team-reach-shell h2 {
  font-size: 36px;
  line-height: 38px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
}

.team-page-slider {
  display: block;
}

.team-page-slider .slider-track {
  gap: 24px;
}

.team-page-slider .team-card {
  min-height: 416px;
  padding: 20px;
  border-radius: 30px;
}

.team-page-slider .team-image {
  height: 230px;
  border-radius: 30px;
  background: #fff;
}

.team-page-slider .team-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.team-page-slider .team-default-content {
  padding-top: 26px;
}

.team-page-slider .team-card h3 {
  font-size: 25px;
  line-height: 38px;
}

.team-page-slider .team-card p {
  margin: 0 0 13px;
  color: #444444;
  font-size: 18px;
  line-height: 29px;
}

.team-page-slider .team-hover-content {
  padding: 20px;
  border-radius: 30px;
}

.team-page-slider .team-hover-image {
  top: 20px;
  right: 20px;
  left: 20px;
  bottom: 0;
}

.team-page-slider .team-hover-image img {
  width: 100%;
  height: calc(100% - 92px);
  object-fit: cover;
  object-position: top center;
  border-radius: 30px 30px 10px 10px;
}

.team-page-slider .team-hover-panel {
  min-height: 156px;
  padding: 28px 18px 20px;
  border-radius: 30px;
}

.team-page-slider .socials a {
  width: 32px;
  height: 32px;
}

.team-page-slider .socials svg {
  width: 14px;
  height: 14px;
}

.team-feature-section {
  padding: 90px 0 0;
}

.team-feature-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  max-width: 1860px;
  min-height: 610px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 30px;
  background: #f4f9fe;
}

.team-feature-shell > *,
.team-clients-grid > *,
.team-reach-shell > * {
  min-width: 0;
}

.team-feature-image {
  min-height: 610px;
  overflow: hidden;
  border-radius: 30px 0 0 30px;
}

.team-feature-image img,
.team-clients-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-feature-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 807px;
  padding: 70px clamp(36px, 5vw, 92px);
}

.team-feature-copy h2 {
  max-width: 505px;
  margin-bottom: 24px;
  line-height: 46px;
}

.team-feature-copy p,
.team-clients-copy p,
.team-reach-shell p {
  margin: 0;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
  overflow-wrap: break-word;
}

.leadership-section {
  padding-top: 0;
}

section.team-list-section.leadership-section article.team-card {
  background: unset;
}

.leadership-band {
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  max-width: 1860px;
  margin: 90px auto 0;
  padding: 98px 0 96px;
  border-radius: 30px;
  background: #f4f9fe;
}

.leadership-band .container.site-container {
  width: min(100% - clamp(36px, 10vw, 420px), 1440px);
}

.team-clients-section {
  padding: 95px 0 0;
}

.team-clients-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(46px, 5.5vw, 92px);
}

.team-clients-copy {
  max-width: 676px;
}

.team-clients-copy h2 {
  margin-bottom: 24px;
}

.team-clients-copy p + p {
  margin-top: 18px;
}

.team-clients-image {
  height: 483px;
  overflow: hidden;
  border-radius: 30px;
}

.team-reach-section {
  padding: 95px 0 0;
}

.team-reach-shell {
  width: calc(100% - clamp(24px, 3.125vw, 60px));
  max-width: 1860px;
  margin: 0 auto;
  padding: 96px clamp(24px, 5vw, 96px) 108px;
  border-radius: 30px;
  background: linear-gradient(0deg, #fff 0%, #f4f9fe 72%);
  text-align: center;
}

.team-reach-shell p {
  max-width: 1307px;
  margin: 20px auto 0;
}

.team-feature-copy h2,
.team-clients-copy h2,
.team-reach-shell h2 {
  overflow-wrap: break-word;
}

.our-team-page .site-footer {
  margin-top: 0;
}

@media (max-width: 1499.98px) {
  .our-team-page .site-container {
    width: min(100% - 80px, 1200px);
  }

  .team-page-slider .team-card {
    min-height: 390px;
  }

  .team-page-slider .team-card h3 {
    font-size: 22px;
    line-height: 30px;
  }

  .team-page-slider .team-card p {
    font-size: 15px;
    line-height: 24px;
  }

  .leadership-band .container.site-container {
    width: min(100% - 80px, 1200px);
  }
}

@media (max-width: 1199.98px) {
  .our-team-page .site-container,
  .leadership-band .container.site-container {
    width: min(100% - 60px, 960px);
  }

  .team-feature-shell {
    min-height: 520px;
  }

  .team-feature-image {
    min-height: 520px;
  }

  .team-feature-copy {
    padding: 50px 44px;
  }

  .team-clients-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
  }
}

@media (max-width: 1024px) {
  .team-page-slider .team-image {
    height: 380px;
  }
}

@media (max-width: 991.98px) {
  .our-team-page .site-container,
  .leadership-band .container.site-container {
    width: min(100% - 48px, 720px) !important;
  }

  .team-list-section {
    padding-top: 62px;
  }

  .team-feature-section,
  .leadership-section,
  .team-clients-section,
  .team-reach-section {
    padding-top: 49px;
  }

  .team-feature-shell,
  .team-clients-grid {
    grid-template-columns: 1fr;
  }

  .team-feature-image {
    min-height: 430px;
    border-radius: 30px 30px 0 0;
  }

  .team-feature-copy {
    max-width: 100%;
  }

  .leadership-band {
    margin-top: 0;
    padding: 34px 0;
  }

  .team-clients-image {
    height: 390px;
  }

  .team-reach-shell {
    padding: 72px 34px 82px;
  }
}

@media (hover: none) and (max-width: 767.98px) {
  .our-team-page .team-card .team-default-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .our-team-page .team-card .team-hover-content {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
  }

  .our-team-page .team-card.active .team-default-content {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
  }

  .our-team-page .team-card.active .team-hover-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

@media (max-width: 767.98px) {
  .our-team-page .site-container,
  .leadership-band .container.site-container {
    width: calc(100% - 44px) !important;
    max-width: 100% !important;
  }

  .team-list-section .section-head-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }

  .team-list-section .arrow-group {
    align-self: flex-end;
  }

  .team-list-section .container.site-container {
    display: flex;
    flex-direction: column;
  }

  .team-list-section .section-head-row {
    display: contents;
  }

  .team-list-section .section-title {
    order: 1;
    margin-bottom: 20px;
  }

  .team-list-section .team-page-slider {
    order: 2;
  }

  .team-list-section .arrow-group {
    order: 3;
    align-self: center;
    margin-top: 20px;
  }

  .team-list-section .section-title h2,
  .team-feature-copy h2,
  .team-clients-copy h2,
  .team-reach-shell h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .team-page-slider .team-card {
    min-height: 398px;
  }

  .team-feature-shell,
  .leadership-band,
  .team-reach-shell {
    width: calc(100% - 44px);
    border-radius: 24px;
  }

  .team-feature-image {
    min-height: 340px;
  }

  .team-feature-copy {
    width: 100%;
    padding: 40px 24px;
  }

  .team-clients-image {
    height: 330px;
  }
}

@media (max-width: 575.98px) {
  .our-team-page .header-container {
    width: 100%;
    padding-right: 18px;
    padding-left: 18px;
  }

  .our-team-page .site-container,
  .leadership-band .container.site-container {
    width: calc(100% - 36px) !important;
  }

  .team-page-main {
    padding-bottom: 0;
  }

  .team-list-section {
    padding-top: 52px;
  }

  .team-list-section .arrow-group {
    align-self: center;
  }

  .team-page-slider .team-card {
    max-width: 343px;
    margin-inline: auto;
  }

  .team-page-slider .team-hover-panel h3 {
    font-size: 22px;
  }

  .team-page-slider .team-hover-panel p {
    font-size: 15px;
    line-height: 23px;
  }

  .team-feature-shell,
  .leadership-band,
  .team-reach-shell {
    width: calc(100% - 31px);
  }

  .team-feature-image {
    min-height: 300px;
  }

  .team-clients-image {
    height: 280px;
  }

  .team-reach-shell {
    padding: 56px 22px 40px;
  }
}

@media (max-width: 425px) {
  .our-team-page .site-container,
  .leadership-band .container.site-container {
    width: calc(100% - 28px) !important;
  }

  .team-list-section .section-title .eyebrow,
  .team-feature-copy .eyebrow,
  .team-clients-copy .eyebrow,
  .team-reach-shell .eyebrow {
    letter-spacing: 0.42em;
  }

  .team-page-slider .team-card {
    min-height: 380px;
    padding: 16px;
  }

  .team-page-slider .team-image {
    height: 214px;
  }

  .team-page-slider .team-hover-content {
    padding: 16px;
  }

  .team-feature-copy p,
  .team-clients-copy p,
  .team-reach-shell p {
    max-width: calc(100vw - 64px);
    font-size: 16px;
    line-height: 26px;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .team-feature-copy h2,
  .team-clients-copy h2,
  .team-reach-shell h2 {
    max-width: calc(100vw - 64px);
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .footer-shell h3 {
    font-size: 18px;
    line-height: 27px;
  }

  .newsletter #gform_2 input[type="email"] {
    background-position: 20px center !important;
    background-size: 15px !important;
    font-size: 13px !important;
    padding: 14px 28px 14px 48px !important;
    box-shadow: none !important;
  }

  .footer-bottom {
    margin-top: 30px;
  }
}

@media (max-width: 575.98px) {
  .our-team-page .inner-hero-content-wrap {
    width: calc(100% - 56px);
  }

  .our-team-page .inner-hero-content {
    width: 100%;
    max-width: 100%;
    transform: translateY(-22%);
  }

  .our-team-page .inner-hero-content h1 {
    max-width: 100%;
    font-size: 38px;
    line-height: 1.14;
    overflow-wrap: break-word;
  }

  .our-team-page .inner-hero-content p {
    max-width: calc(100vw - 80px);
    font-size: 15px;
    line-height: 25px;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media (max-width: 340px) {
  .our-team-page .brand {
    font-size: 18px;
  }

  .our-team-page .brand img {
    width: 36px;
  }

  .team-list-section .section-title h2,
  .team-feature-copy h2,
  .team-clients-copy h2,
  .team-reach-shell h2 {
    font-size: 29px;
    line-height: 33px;
  }
}

/* Certifications Page */
.certifications-page {
  overflow-x: hidden;
}

.certifications-page .site-container {
  width: min(100% - clamp(48px, 12.5vw, 480px), 1440px);
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
}

.certifications-main {
  overflow: hidden;
}

.certifications-grid-section {
  position: relative;
  overflow: hidden;
  padding: 70px 0 100px;
}

.certifications-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 268px));
  justify-content: center;
  gap: 30px 32px;
}

.certifications-page-slider {
  gap: 24px;
}

.certifications-page-slider .slider-arrow {
  position: relative;
  z-index: 2;
}

.certifications-page-slider .slider-viewport {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

.certifications-page-slider .slider-track {
  margin-bottom: 0;
}

.certification-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 133px;
  padding: 24px 10px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: var(--soft);
  color: var(--ink);
  box-shadow: 0 18px 45px rgba(17, 50, 85, 0.04);
  font-family: var(--font-head);
  font-size: 25px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0;
  text-align: center;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.certification-card.active,
.certification-card:hover,
.certification-card:focus-within {
  border-color: var(--primary);
  box-shadow: 0 20px 48px rgba(51, 148, 240, 0.12);
  transform: translateY(-3px);
}

@media (min-width: 1200px) {
  .certifications-grid-section::before,
  .certifications-grid-section::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: clamp(60px, 8vw, 170px);
    pointer-events: none;
    content: "";
  }

  .certifications-grid-section::before {
    left: 0;
    background: linear-gradient(90deg, var(--white) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .certifications-grid-section::after {
    right: 0;
    background: linear-gradient(270deg, var(--white) 0%, rgba(255, 255, 255, 0) 100%);
  }
}

@media (max-width: 1399.98px) {
  .certifications-page .site-container {
    width: min(100% - 80px, 1180px);
  }

  .certifications-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 28px;
  }

  .certifications-page-slider {
    gap: 18px;
  }
}

@media (max-width: 1199.98px) {
  .certifications-page .site-container {
    width: min(100% - 64px, 900px);
  }

  .certifications-grid {
    grid-template-columns: repeat(3, minmax(0, 268px));
    gap: 28px 30px;
  }

  .certifications-page-slider {
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .certifications-page .site-container {
    width: calc(100% - 48px);
  }

  .certifications-grid-section {
    padding: 58px 0 76px;
  }

  .certifications-grid {
    grid-template-columns: repeat(2, minmax(0, 268px));
    gap: 24px;
  }

  .certifications-page-slider {
    gap: 16px;
  }

  .certification-card {
    min-height: 122px;
    font-size: 23px;
    line-height: 32px;
  }
}

@media (max-width: 575.98px) {
  .certifications-page .header-container {
    width: 100%;
    padding-right: 18px;
    padding-left: 18px;
  }

  .certifications-page .navbar > .header-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .certifications-page .navbar-toggler {
    display: block;
    flex: 0 0 auto;
    margin-left: 14px;
  }

  .certifications-page .site-container {
    width: calc(100% - 36px);
  }

  .certifications-page .inner-hero-card {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    margin-right: auto;
    margin-left: auto;
  }

  .certifications-page .inner-hero-content-wrap {
    width: calc(100vw - 80px) !important;
    max-width: calc(100vw - 80px);
  }

  .certifications-page .inner-hero-content {
    width: 100%;
    max-width: 100%;
    transform: translateY(-22%);
  }

  .certifications-page .inner-hero-content h1 {
    max-width: 100%;
    font-size: 38px;
    line-height: 1.14;
    overflow-wrap: break-word;
  }

  .certifications-page .inner-hero-content p {
    width: 100%;
    max-width: calc(100vw - 80px) !important;
    font-size: 15px;
    line-height: 25px;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
  }

  .certifications-page .inner-hero-content p br {
    display: none;
  }

  .certifications-grid {
    grid-template-columns: 1fr 1fr;
  }

  .certifications-page-slider {
    box-sizing: border-box;
    display: block;
    padding: 0;
  }

  .certifications-page-slider .slider-arrow {
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    transform: translateY(-50%);
  }

  .certifications-page-slider .slider-prev {
    left: 0;
  }

  .certifications-page-slider .slider-next {
    right: 0;
  }

  .certifications-page-slider .slider-viewport {
    width: calc(100% - 128px);
    margin: 0 auto;
  }

  .certification-card {
    width: 100%;
    min-height: 68px;
    padding: 12px 16px;
    font-size: 17px;
    line-height: 27px;
  }
}

@media (max-width: 360px) {
  .certifications-page .site-container {
    width: calc(100% - 28px);
  }

  .certification-card {
    font-size: 21px;
    line-height: 29px;
  }
}

/* Contact Page */
.contact-page {
  overflow-x: hidden;
}

.contact-page .site-container {
  width: min(100% - clamp(48px, 12.5vw, 480px), 1440px);
  max-width: 1440px;
  padding-right: 0;
  padding-left: 0;
}

.contact-main {
  overflow: hidden;
}

.contact-inner-hero .inner-hero-img {
  object-position: center;
}

.contact-inner-hero .inner-hero-overlay {
  background: linear-gradient(234deg, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.48) 98%), rgba(0, 0, 0, 0.16);
}

.contact-info-section {
  padding: 90px 0 100px;
}

.contact-page-grid {
  display: grid;
  grid-template-columns: minmax(360px, 593px) 1fr;
  align-items: start;
  justify-content: space-between;
  gap: 50px;
}

.contact-page-grid > *,
.contact-info-card > div,
.contact-form-card,
.contact-form-card form,
.contact-form-grid {
  min-width: 0;
}

.contact-info-copy {
  padding-top: 40px;
}

.contact-info-copy .eyebrow {
  margin-bottom: 0;
  letter-spacing: 0.7em;
}

.contact-info-copy h2,
.contact-form-card h2 {
  font-size: 36px;
  line-height: 38px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  padding: 10px 0;
}

.contact-info-copy > p {
  margin: 6px 0 26px;
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
}

.contact-info-list {
  display: grid;
  gap: 30px;
}

.contact-info-card {
  display: flex;
  align-items: center;
  gap: 21px;
  min-height: 120px;
  padding: 25px 21px;
  border: 1px solid #E3E3E3;
  border-radius: 20px;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

article.contact-info-card:hover {
  box-shadow: 0 18px 48px rgba(17, 50, 85, 0.08);
  border: 1px solid #ffffff;
}

.contact-info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f3f9ff;
}

.contact-info-icon svg {
  width: 23px;
  height: 23px;
  fill: transparent;
  color: #3394F0;
}

.contact-info-card h3 {
  margin: 0 0 2px;
  color: #444;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
}

.contact-info-card p {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-head);
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}

.contact-form-card {
  width: 100%;
  min-height: 625px;
  padding: 70px 62px 64px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.08);
}

.contact-form-card h2 {
  margin-bottom: 16px;
}

.contact-form-card form {
  display: grid;
  gap: 40px;
}

.contact-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px 40px;
}

.contact-field {
  display: grid;
  gap: 9px;
  margin: 0;
}

.contact-field span {
  color: #444;
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
}

.contact-field input,
.contact-field textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
  outline: 0;
  resize: none;
  transition: border-color 0.25s ease;
}

.contact-field input {
  height: 24px;
}

.contact-field textarea {
  height: 65px;
}

.contact-field input:focus,
.contact-field textarea:focus {
  border-color: var(--primary);
}

.contact-field-message {
  grid-column: 1 / -1;
}

.contact-form-card .btn {
  justify-self: start;
  min-height: 58px;
  margin-top: -6px;
}

@media (max-width: 1399.98px) {
  .contact-page .site-container {
    width: min(100% - 80px, 1180px);
  }

  .contact-page-grid {
    grid-template-columns: minmax(320px, 500px) minmax(500px, 1fr);
    gap: 48px;
  }

  .contact-info-card p {
    font-size: 22px;
    line-height: 29px;
  }

  .contact-form-card {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media (max-width: 1199.98px) {
  .contact-page .site-container {
    width: min(100% - 64px, 960px);
  }

  .contact-page-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .contact-info-copy {
    max-width: 100%;
    padding-top: 0;
  }

  .contact-form-card {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .contact-page .site-container {
    width: calc(100% - 48px);
  }

  .contact-info-section {
    padding: 62px 0 78px;
  }

  .contact-form-card {
    min-height: auto;
    padding: 48px 34px;
  }

  .contact-form-grid {
    gap: 34px 28px;
  }

  .contact-info-card {
    min-height: 110px;
  }
}

@media (max-width: 575.98px) {
  .contact-page .header-container {
    width: 100%;
    padding-right: 18px;
    padding-left: 18px;
  }

  .contact-page .navbar > .header-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .contact-page .navbar-toggler {
    display: block;
    flex: 0 0 auto;
    margin-left: 14px;
  }

  .contact-page .navbar-toggler-icon {
    position: relative;
    width: 24px;
    height: 18px;
    background: none;
    border-top: 2px solid #444;
    border-bottom: 2px solid #444;
  }

  .contact-page .navbar-toggler-icon::before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 24px;
    border-top: 2px solid #444;
    content: "";
  }

  .contact-page .site-container {
    width: calc(100% - 36px);
  }

  .contact-page .inner-hero-card {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
  }

  .contact-page .inner-hero-content-wrap {
    width: calc(100vw - 80px) !important;
    max-width: calc(100vw - 80px);
  }

  .contact-page .inner-hero-content {
    width: 100%;
    max-width: 100%;
    transform: translateY(-22%);
  }

  .contact-page .inner-hero-content h1 {
    max-width: 100%;
    font-size: 38px;
    line-height: 1.14;
    overflow-wrap: break-word;
  }

  .contact-page .inner-hero-content p {
    width: 100%;
    max-width: min(285px, calc(100vw - 96px)) !important;
    font-size: 15px;
    line-height: 25px;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
  }

  .contact-page .inner-hero-content p br {
    display: none;
  }

  .contact-info-section {
    padding: 54px 0 68px;
  }

  .contact-page-grid {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .contact-info-copy,
  .contact-form-card {
    width: 100%;
    max-width: 100%;
  }

  .contact-info-copy .eyebrow {
    letter-spacing: 0.45em;
  }

  .contact-info-copy h2,
  .contact-form-card h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .contact-info-list {
    gap: 22px;
  }

  .contact-info-card {
    gap: 14px;
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    padding: 20px 16px;
  }

  .contact-info-icon {
    width: 46px;
    height: 46px;
  }

  .contact-info-card h3 {
    font-size: 15px;
    line-height: 22px;
  }

  .contact-info-card p {
    max-width: 100%;
    font-size: 16px;
    line-height: 23px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .contact-form-card {
    overflow: hidden;
    padding: 38px 24px;
    border-radius: 16px;
    border: 1px solid #ddd;
  }

  .contact-form-card h2 {
    margin-bottom: 34px;
  }

  .contact-form-card form {
    display: grid;
    gap: 0;
  }

  .contact-form-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .gform-theme--foundation .gform_fields {
    row-gap: 15px;
  }

  .contact-field span,
  .contact-field input,
  .contact-field textarea {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 360px) {
  .contact-page .site-container {
    width: calc(100% - 28px);
  }

  .contact-info-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-form-card {
    padding-right: 18px;
    padding-left: 18px;
  }
}

@media (max-width: 1199.98px) {
  .home-page .about-media-col,
  .home-page .about-row > .col-lg-6:not(.about-media-col) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .home-page .about-row {
    grid-template-columns: 1fr;
    row-gap: 34px;
  }

  .home-page .about-images {
    justify-content: center;
  }

  .home-page .about-section .section-copy {
    max-width: 560px;
    margin-inline: auto;
  }
}

@media (max-width: 575.98px) {
  .home-page .about-section {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .home-page .about-images {
    grid-template-columns: minmax(96px, 116px) minmax(112px, 134px);
    gap: 18px;
  }

  .home-page .about-img-small {
    height: 238px;
  }

  .home-page .about-img-large {
    height: 100%;
  }

  .home-page .about-section h2 {
    font-size: 24px;
  }

  section#certifications {
    padding-top: 0;
  }
}
/* WordPress dynamic form and overflow guards */
.gform_wrapper.gravity-theme .gform_fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.gform_wrapper.gravity-theme .gfield--type-textarea,
.gform_wrapper.gravity-theme .gfield--type-textarea textarea {
  grid-column: 1 / -1;
}

.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme textarea {
  width: 100%;
  border: 0;
  border-radius: 14px;
  background: #fff;
  padding: 16px 18px;
  font: inherit;
  color: #151515;
  box-shadow: none;
}

.contact-form-card .gform_wrapper.gravity-theme input[type="text"],
.contact-form-card .gform_wrapper.gravity-theme input[type="email"],
.contact-form-card .gform_wrapper.gravity-theme input[type="tel"],
.contact-form-card .gform_wrapper.gravity-theme textarea {
  background: #f6f9ff;
}

.gform_wrapper.gravity-theme .gform_button,
.gform_wrapper.gravity-theme input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: #3394f0;
  color: #fff;
  min-height: 56px;
  padding: 0 28px;
  font: inherit;
}

.newsletter .gform_wrapper.gravity-theme .gform_fields {
  display: block;
}

.newsletter .gform_wrapper.gravity-theme .gform_footer {
  margin-top: 12px;
}

.newsletter #gform_2 .gform_fields {
  display: block;
}

.newsletter #gform_2 label.gfield_label.gform-field-label {
  display: none;
}

div#gform_2_validation_container {
  display: none;
}

.newsletter #gform_2 input[type="email"] {
  width: 100%;
  height: 58px !important;
  min-height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 50px !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L9.16492 9.71544C9.82609 10.1783 10.1567 10.4097 10.5163 10.4993C10.8339 10.5785 11.1661 10.5785 11.4837 10.4993C11.8433 10.4097 12.1739 10.1783 12.8351 9.71544L21 4M5.8 17H16.2C17.8802 17 18.7202 17 19.362 16.673C19.9265 16.3854 20.3854 15.9265 20.673 15.362C21 14.7202 21 13.8802 21 12.2V5.8C21 4.11984 21 3.27976 20.673 2.63803C20.3854 2.07354 19.9265 1.6146 19.362 1.32698C18.7202 1 17.8802 1 16.2 1H5.8C4.11984 1 3.27976 1 2.63803 1.32698C2.07354 1.6146 1.6146 2.07354 1.32698 2.63803C1 3.27976 1 4.11984 1 5.8V12.2C1 13.8802 1 14.7202 1.32698 15.362C1.6146 15.9265 2.07354 16.3854 2.63803 16.673C3.27976 17 4.11984 17 5.8 17Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 28px center !important;
  background-size: 22px 18px !important;
  color: #ffffff !important;
  font-family: "Poppins", "Segoe UI", sans-serif;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 28px;
  padding: 14px 28px 14px 66px !important;
  box-shadow: none !important;
}

.newsletter #gform_2 input[type="email"]::placeholder {
  color: #ffffff;
  opacity: 0.92;
}

.newsletter #gform_2 .gform_footer {
  margin: 18px 0 0;
  padding: 0;
}

.newsletter input#gform_submit_button_2 {
  min-height: 54px;
  padding: 15px 30px;
  border: 0;
  border-radius: 30px;
  background: #3394F0;
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  box-shadow: none;
}

input#gform_submit_button_2:hover {
  box-shadow: 0 12px 28px rgb(192 224 255 / 28%);
}

@media (max-width: 575px) {
  .gform_wrapper.gravity-theme .gform_fields {
    grid-template-columns: 1fr;
  }

  .section-copy h2,
  .section-title h2,
  .about-page-copy h2 {
    max-width: calc(100vw - 36px);
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .home-page .about-section h2 {
    font-size: 22px;
    line-height: 1.22;
  }
}

.error-404-main {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: #071d2a;
}

.error-404-screen {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: stretch;
  isolation: isolate;
}

.error-404-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(100deg, rgba(6, 24, 38, 0.97) 0%, rgba(8, 43, 66, 0.9) 42%, rgba(9, 82, 104, 0.58) 100%),
    url("../images/hero-surgery.png") center / cover no-repeat;
}

.error-404-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 78% 20%, rgba(51, 148, 240, 0.34), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}

.error-404-shell {
  width: min(100% - clamp(36px, 7vw, 120px), 1440px);
  min-height: 100vh;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.55fr);
  align-items: center;
  gap: clamp(42px, 7vw, 120px);
  padding: clamp(48px, 7vw, 96px) 0;
}

.error-404-content {
  max-width: 780px;
  color: var(--white);
}

.error-404-content .eyebrow {
  margin-bottom: clamp(16px, 2vw, 22px);
  color: var(--white) !important;
}

.error-404-code {
  margin: 0 0 6px;
  color: rgba(255, 255, 255, 0.15);
  font-family: var(--font-head);
  font-size: clamp(118px, 17vw, 260px);
  font-weight: 800;
  line-height: 0.82;
}

.error-404-content h1 {
  max-width: 760px;
  margin: 0 0 22px;
  color: var(--white);
  font-size: clamp(48px, 6vw, 92px);
  line-height: 0.98;
  letter-spacing: 0;
}

.error-404-content > p:not(.error-404-code) {
  max-width: 640px;
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(17px, 1.3vw, 20px);
  font-weight: 300;
  line-height: 1.65;
}

.error-404-search {
  width: min(100%, 620px);
  min-height: 66px;
  margin-top: 34px;
  padding: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(14px);
}

.error-404-search input {
  min-width: 0;
  flex: 1 1 auto;
  height: 54px;
  padding: 0 8px 0 22px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--white);
  font-size: 17px;
  font-weight: 300;
}

.error-404-search input::placeholder {
  color: rgba(255, 255, 255, 0.68);
}

.error-404-search button {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: var(--primary);
  color: var(--white);
  transition: background 0.25s ease, transform 0.25s ease;
}

.error-404-search button:hover,
.error-404-search button:focus {
  background: var(--primary-dark);
  transform: translateY(-1px);
}

.error-404-search svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.error-404-actions {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.error-404-actions .btn-primary-soft {
  min-width: 174px;
}

.btn-404-secondary {
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(12px);
}

.btn-404-secondary:hover,
.btn-404-secondary:focus {
  background: rgba(255, 255, 255, 0.22);
}

.error-404-visual {
  justify-self: end;
  width: min(100%, 440px);
  min-height: 520px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.18) 100%),
    url("../images/about-surgery.png") center / cover no-repeat;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.24);
}

.error-404-visual span,
.error-404-visual strong {
  width: fit-content;
  border-radius: 999px;
  color: var(--white);
  backdrop-filter: blur(14px);
}

.error-404-visual span {
  margin-bottom: 12px;
  padding: 9px 16px;
  background: rgba(51, 148, 240, 0.82);
  font-size: 14px;
  font-weight: 500;
}

.error-404-visual strong {
  padding: 14px 18px;
  background: rgba(6, 24, 38, 0.72);
  font-family: var(--font-head);
  font-size: 24px;
  line-height: 1.15;
}

@media (max-width: 1199.98px) {
  .home-page .about-section .section-copy {
    max-width: 100%;
    margin-inline: auto;
  }

  .error-404-shell {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .error-404-visual {
    justify-self: stretch;
    width: 100%;
    min-height: 300px;
  }
}

@media (max-width: 575.98px) {
  .home-page .about-images {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .error-404-shell {
    width: calc(100% - 36px);
    padding: 34px 0;
  }

  .error-404-content .eyebrow {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.45em;
  }

  .error-404-code {
    font-size: 104px;
  }

  .error-404-content h1 {
    font-size: 42px;
    line-height: 1.02;
  }

  .error-404-content > p:not(.error-404-code) {
    font-size: 16px;
    line-height: 1.55;
  }

  .error-404-search {
    min-height: 58px;
    margin-top: 26px;
  }

  .error-404-search input {
    height: 46px;
    padding-left: 16px;
    font-size: 15px;
  }

  .error-404-search button {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  .error-404-actions {
    align-items: stretch;
  }

  .error-404-actions .btn-primary-soft {
    width: 100%;
    min-height: 54px;
    padding-inline: 20px;
  }

  .error-404-visual {
    min-height: 230px;
    padding: 22px;
    border-radius: 20px;
  }

  .error-404-visual strong {
    font-size: 20px;
  }

  .home-page .products-section .slider-viewport {
    width: 100%;
    max-width: calc(100vw - 36px);
    margin-inline: auto;
  }

  .home-page .products-section .product-card {
    min-width: 0;
  }

  .home-page .hero-card .carousel-inner,
  .home-page .hero-card .carousel-item {
    height: 600px;
  }

  .manufacturing-section .stat-card h3 {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  section.testimonials-section.about-testimonials-section h2 {
    margin-bottom: 0 !important;
  }

  section#about {
    padding-top: 20px;
  }

  .footer-shell .row.gy-4 {
    display: grid;
    grid-template-columns: 1fr;
  }

  .slider-track {
    padding-bottom: 0;
  }

  .gform-theme--foundation .gform_fields {
    -moz-column-gap: var(--gf-form-gap-x);
    column-gap: 25px !important;
    row-gap: 20px !important;
  }
}

@media (max-width: 1024px) {
  .about-testimonial-slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "viewport viewport"
      "prev next";
    gap: 24px 14px;
  }

  .about-testimonial-slider .slider-viewport {
    grid-area: viewport;
  }

  .about-testimonial-slider .slider-prev {
    grid-area: prev;
    justify-self: end;
  }

  .about-testimonial-slider .slider-next {
    grid-area: next;
    justify-self: start;
  }

  .about-testimonial-slider .slider-arrow,
  .about-testimonial-slider button.slider-arrow.slider-prev {
    position: static;
    transform: none;
  }
}

@media (max-width: 425px) {
  .footer-shell h3 {
    font-size: 18px;
    line-height: 27px;
  }

  .newsletter #gform_2 input[type="email"] {
    background-position: 20px center !important;
    background-size: 15px !important;
    font-size: 13px !important;
    padding: 14px 28px 14px 48px !important;
    box-shadow: none !important;
  }

  .product-category-tabs button {
    min-height: 54px;
    font-size: 14px;
    line-height: 20px;
  }
}

.page-id-3513 h1 {
  color: #111111;
  margin-bottom: 30px;
}

.page-id-3513 h2 {
  color: #111111;
  margin-bottom: 30px;
}

.page-id-3516 h1,
.page-id-3516 h2 {
  color: #111111;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .page-id-3513 .section-pad {
    padding: 60px 10px;
  }

  .page-id-3516 .section-pad {
    padding: 60px 20px;
  }

  .page-id-3516 h1,
  .page-id-3516 h2 {
    color: #111111;
    margin-bottom: 20px;
    letter-spacing: 1px;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  .page-id-3513 h1 {
    color: #111111;
    margin-bottom: 20px;
    letter-spacing: 1px;
  }

  .page-id-3513 h2 {
    color: #111111;
    margin-bottom: 20px;
    line-height: 40px;
  }
}

.hero-content p,
.home-page .hero-content p {
  max-width: 620px;
  margin: 26px 0 30px;
  color: var(--white, #fff);
  font-size: 18px;
  line-height: 1.6;
  font-weight: 300;
}

@media (max-width: 575.98px) {
  .hero-content p,
  .home-page .hero-content p {
    max-width: 100%;
    margin: 20px 0 24px;
    font-size: 18px;
    line-height: 1.6;
  }
}

.footer-shell h3 {
  margin: 0 0 26px;
  color: var(--white);
  font-size: 34px;
  line-height: 1.2;
  text-transform: capitalize;
}

@media (max-width: 575.98px) {
  .footer-shell h3,
  .home-page .footer-shell h3 {
    margin: 0 0 22px;
    font-size: 24px;
    line-height: 1.2;
  }
}

.footer-shell a,
.footer-shell p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 18px;
  line-height: 1.62;
  text-decoration: none;
  transition: color 0.25s ease;
  font-weight: 300;
}

@media (min-width: 768px) {
  .footer-quick-links {
    transform: translateX(-28px);
  }
}

@media (min-width: 992px) {
  .footer-brand-col {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .footer-quick-links {
    flex: 0 0 23%;
    max-width: 23%;
  }

  .footer-contact-col {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .footer-newsletter-col {
    flex: 0 0 32%;
    max-width: 32%;
  }
}

a.brand.footer-brand img {
  width: 228px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .footer-shell .row.gy-4 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-brand-col,
  .footer-quick-links,
  .footer-contact-col,
  .footer-newsletter-col {
    width: 100%;
    max-width: 100%;
    transform: none;
  }

  .footer-shell h3 {
    margin: 0 0 26px;
    color: var(--white);
    font-size: 25px;
    line-height: 1.2;
    text-transform: capitalize;
  }
}

@media (max-width: 425px) {
  .site-header .brand img {
    width: 143px;
    height: auto;
    max-height: 100%;
  }
}

@media (max-width: 340px) {
  .site-header .brand img {
    width: 166px !important;
    height: auto;
    max-height: 100%;
  }
}