.work-header {
  position: fixed;
  top: 0rem;
  left: 0%;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: all 0.25s ease 0s;
  padding: 0 3.2rem;
  margin: 0 auto;
  background-color: #000;
  height: 13.6rem;
}

.nav-work {
  height: 80%;
}

.logo-symbol-work {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 60%;
  transition: all 0.3s ease;
}

.nav-shrink {
  height: 6.4rem;
}

.nav-shrink .logo-symbol-work {
  height: 80%;
  position: absolute;
  top: 1.2rem;
  left: 12rem;
}

#topwork-section {
  padding-top: 13.6rem;
}

.ourClientHeading-container {
  position: relative;
  padding-bottom: 5.6rem;
  margin-top: 18.2rem;
}

.work-img-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1.2rem;
}

.work-img {
  object-fit: contain;
  height: 32rem;
}

.work-img-Chanothai {
  height: 100%;
  width: 100%;
}

.client-txt-container {
  padding-left: 2rem;
  padding-bottom: 2.4rem;
}

.client-name {
  font-weight: 500;
  font-size: 2.4rem;
  /* or 139% */
  width: fit-content;
  text-decoration-line: none;
  text-align: center;
  color: #fff;
  background-color: #000;
  padding: 0.8rem 2rem;
  border-radius: 8rem;
  margin-bottom: 0.8rem;
}

.client-checklist-container {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding-top: 0.8rem;
}

.client-checklist {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  background-color: none;
  padding: 0.4rem 1.2rem;
  border-radius: 2rem;
  width: fit-content;
}

.check-icon {
  width: 1.6rem;
  height: 1.6rem;
}

.check-list {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.2rem;
  /* or 138% */

  color: #000;
}

.work-detail-container {
  padding: 0 2rem 2.4rem 2rem;
}

.work-detail {
  color: #000;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.8rem;
}

.overview-img-container {
  width: 100vw;
  background-color: #000;
}

.overview-img {
  width: 100%;
}

.BA-container {
  background-color: #000;
  width: 100vw;
  padding: 7.2rem 4rem 6.4rem 4rem;

  display: flex;
  justify-content: center;
  gap: 2rem;
}

.BA-txt {
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  padding-bottom: 0.8rem;
}

.ffs-info-container,
.pm-info-container {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.FFS-container {
  background-color: #fff;
}

.FFS-overview-container {
  position: relative;
  background: #000;
  width: 100%;
  height: 147.1rem;
}

.overview-img-wrap {
  position: relative;
  width: 90%;
  max-width: 43.2rem;
  margin: 0 auto;
}

#FFS-landing {
  position: absolute;
  width: 26.4rem;
  top: 4.8rem;
  left: 2rem;
}
#FFS-nav {
  position: absolute;
  width: 35.6rem;
  top: 8.8rem;
  right: -16rem;
}
#FFS-products {
  position: absolute;
  width: 35.6rem;
  top: 84rem;
  right: -2.4rem;
}

.Chanothai-img-container {
  position: relative;
  width: 100vw;
}

.Chanothai-img {
  width: 100%;
}

#Chanothai_R2-02 {
  transform: translateY(-1px);
}

#MM_Portfolio2-09 {
  transform: translate(-1px, -2px);
}

.right-column {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.Chanothai-logo {
  position: absolute;
  transform: translateY(-50%);
  right: 4rem;
  height: 18.4rem;
  z-index: 9;
}

.cloths-img {
  transform: translate(0.8rem, -1.6rem);
  width: 95%;
}

.scissors {
  width: 90%;
  transform: translate(4rem, -12rem);
}

.desktop-img-container {
  position: relative;
  display: flex;
  width: 100%;
}

.sub-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.desktop-img {
  width: 35%;
}

.detail-desktop-top,
.detail-desktop-bottom {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.fineserve-img-container {
  height: calc(88rem + (200 - 88) * ((100vw - 37.5rem) / (102.3 - 37.5)));

  padding-top: 8rem;
}

#Fineserve_HomePage-1 {
  transform: translateX(2rem);
}

#Fineserve_HomePage-2 {
  transform: translate(100%, -50%);
}

#Fineserve_HomePage-4 {
  transform: translate(170%, -100%);
}

/* Snow pork */

.work-detail-container-snow {
  margin-top: 1.6rem;
}

.work-img-container-snow {
  display: flex;
  justify-content: center;
  margin-bottom: 1.2rem;
  height: 32rem;
  object-fit: cover;
  overflow: hidden;
}

.work-img-snow {
  height: 150%;
  transform: translateY(-18%);
}

.img-container-snow {
  width: 100%;
  object-fit: cover;
  overflow: hidden;
}

.overview-img-snow {
  width: 200%;
  transform: translateX(-16%);
}

.overview-img-snow-below {
  transform: translateX(-25%);
}