.about-page {
  background: #fff;
}

.about-hero {
  position: relative;
  min-height: 200px;
  display: flex;
  align-items: center;
  color: #fff;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(5, 69, 68, .82), rgba(5, 69, 68, .28)),
    url("../assets/banner1.jpg") center 58% / cover no-repeat;
}

.about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .18));
}

.about-hero .container {
  position: relative;
  z-index: 1;
}

.about-eyebrow,
.about-kicker {
  margin: 0 0 8px;
  color: #d7f7e6;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.about-hero h1 {
  margin: 0 0 24px;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  padding: 0 2%;
}

.about-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .84);
  font-size: .95rem;
}

.about-breadcrumb a {
  color: #fff;
}

.about-profile {
  padding: clamp(10px, 5vw, 70px) 0 clamp(10px, 6vw, 70px);
}

.about-content {
  max-width: 1450px;
  text-align: center; font-size: 1rem;
  line-height: 1.8;
}
.about-content img{max-width: 100%;height: auto}

.about-content h2,
.about-section-heading h2 {
  margin: 0;
  color: #242424;
  font-size: clamp(2rem, 3vw, 2.85rem);
  font-weight: 800;
  line-height: 1.15;
}

.about-content .p {
  margin: 24px auto 0;
  color: #555;
  font-size: 1rem;
  line-height: 1.95;
  text-align: left;
}



.about-factory-section,
.about-cert-section {
  padding: clamp(64px, 7vw, 100px) 0;
}

.about-factory-section {
  background:
    linear-gradient(155deg, rgba(244, 248, 246, .98), rgba(235, 241, 238, .92)),
    url("../assets/factory-bg.jpg") center / cover no-repeat;
}

.about-cert-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(249, 252, 250, .96)),
    url("../assets/cert-bg.jpg") center / cover no-repeat;
}

.about-section-heading {
  margin-bottom: 38px;
  text-align: center;
}

.about-section-heading .about-kicker {
  margin-bottom: 10px;
  color: #1b9a58;
}

.about-carousel-wrap {
  position: relative;
  padding: 0 54px;
}

.about-factory-swiper,
.about-cert-swiper {
  overflow: hidden;
}

.about-factory-swiper .swiper-slide,
.about-cert-swiper .swiper-slide {
  height: auto;
}

.about-factory-swiper img {
  width: 100%;
  aspect-ratio: 1.42 / 1;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 10px 24px rgba(21, 44, 34, .12);
}

.about-cert-card {
  margin: 0;
  text-align: center;
}

.about-cert-card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  border: 3px solid #656565;
  border-radius: 7px;
  background: #fff;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(37, 37, 37, .12);
}

.about-cert-card figcaption {
  min-height: 48px;
  margin: 16px 4px 0;
  color: #4d4d4d;
  font-size: .93rem;
  line-height: 1.45;
}

.about-carousel-button {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #fff;
  border: 0;
  border-radius: 50%;
  background: #c93412;
  font-size: 1.15rem;
  transform: translateY(-50%);
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.about-carousel-button:hover {
  background: #a92d12;
  box-shadow: 0 8px 18px rgba(201, 52, 18, .22);
  transform: translateY(-50%) scale(1.05);
}

.about-factory-prev,
.about-cert-prev {
  left: 0;
}

.about-factory-next,
.about-cert-next {
  right: 0;
}

.about-cert-section .about-carousel-button {
  background: #55bf35;
}

.about-cert-section .about-carousel-button:hover {
  background: #3cae24;
  box-shadow: 0 8px 18px rgba(85, 191, 53, .22);
}
.inner-position {
  background: #eee;
  padding: 1rem 0
}

.position-box {
  max-width: 1500px;
  margin: 0 auto;
  font-size: 1rem;
  padding: 0 2%
}
.position-box a{color: #444}


@media (max-width: 767.98px) {
  .about-hero {
    min-height: 30vw;
    justify-content: center;
  }

  .about-hero h1 {
    margin-bottom: 0;
    font-size: 2rem;
    text-align: center;
  }

  .about-content {
    text-align: left;
  }

  .about-content h2,
  .about-section-heading h2 {
    text-align: center;
    font-size: 1.9rem;
  }

  .about-content p {
    margin-top: 18px;
    font-size: .94rem;
    line-height: 1.8;
  }

  .about-profile-image {
    max-height: 260px;
    margin-top: 30px;
  }

  .about-factory-section,
  .about-cert-section {
    padding: 56px 0;
  }

  .about-section-heading {
    margin-bottom: 26px;
  }

  .about-kicker {
    font-size: .72rem;
  }

  .about-carousel-wrap {
    padding: 0 0 58px;
  }

  .about-carousel-button {
    top: auto;
    bottom: 0;
    transform: none;
  }

  .about-carousel-button:hover {
    transform: scale(1.05);
  }

  .about-factory-prev,
  .about-cert-prev {
    left: calc(50% - 56px);
  }

  .about-factory-next,
  .about-cert-next {
    right: calc(50% - 56px);
  }

  .about-factory-swiper img {
    aspect-ratio: 1.18 / 1;
  }

  .about-cert-card figcaption {
    min-height: 64px;
    margin-top: 12px;
    font-size: .8rem;
  }
  .endMeun{display: none}
}