.elementor-page-61 footer {
  display: none;
}
#header-contain {
  position: fixed;
  top: 0;
  z-index: 999;
}
.header-dark {
  background: #110f0f;
}
/* HOME PAGE */
.home-video-slide {
  height: 100% !important;
}
.h-s2-title {
  transition: all ease 0.8s;
}
.h-s2-title:hover {
  transform: translateY(-15px);
}
.h-s2-title .elementor-heading-title {
  transition: all ease 0.5s;
}
.h-s2-title:hover
  .elementor-heading-title:not(.h-title-tm .elementor-heading-title) {
  color: #fff !important;
}

.h-s3-left {
  padding-left: 140px !important;
}

.h-listServices {
}

.h-listServices .elementor-widget-heading * {
  transition: 0.5s !important;
}

.h-listServices .elementor-widget-heading.active * {
  color: #c19e81 !important;
}
.h-listServices .elementor-widget-heading .elementor-heading-title {
  display: flex;
  gap: 6px;
  align-items: center;
}
.h-listServices .elementor-widget-heading .elementor-heading-title span {
  width: 0;
  height: 2px;
  background: #c19e81;
  transition: all ease 0.5s;
}
.h-listServices .elementor-widget-heading.active .elementor-heading-title span {
  width: 24px;
}

.services-mobile {
  display: none;
}

.services-left {
  width: 50%;
  padding-right: 95px;
  padding-left: calc(calc(100% - 1164px) / 2);
  min-height: 165px;
  display: flex;
  gap: 40px;
  margin-top: 170px;
}
.services-right {
  width: 50%;
  height: 100vh;
}
.services-title-swiper,
.services-content-swiper {
  height: 100%;
  width: calc(100% - 150px - 40px);
}
.services-title-swiper {
  /* overflow: hidden; */
  position: relative;
}
.services-title-swiper * {
  color: #fff;
}
.services-content-swiper * {
  color: #fff;
}

.services-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.services-title-swiper .swiper-slide {
  display: flex;
  justify-content: space-between;
}

.services-title-swiper .swiper-slide h2 {
  opacity: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}
.services-title-swiper .swiper-slide.swiper-slide-active h2 {
  opacity: 1;
  color: #c19e81;
}
.services-title-swiper .swiper-slide span {
  color: #4a4a4a;
  font-size: 17px;
  font-weight: 300;
  display: inline-block;
  width: 22px;
  text-align: center;
}
.services-title-swiper .swiper-slide.swiper-slide-active span {
  color: #fff;
}
.services-title-swiper .swiper-slide p {
  opacity: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  margin: 0 !important;
}
.services-title-swiper .swiper-slide.swiper-slide-active p {
  opacity: 1;
}

.services-content-wrapper .services-content-title {
  color: #4a4a4a;
  font-size: 42px;
  line-height: 97%;
  transition: all ease 0.3s;
}
.services-content-wrapper .services-content-box.active .services-content-title {
  color: #bfbfbf;
}
.services-content-wrapper
  .services-content-box.active
  .services-content-title:hover {
  color: #c19e81 !important;
}
.services-content-wrapper .swiper-slide {
  height: auto !important;
}

.services-title-box {
  display: flex;
  gap:40px;
  align-items: center;
}
.services-title-swiper > div {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.services-title-swiper .services-title-box h2 {
  opacity: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  transition: all ease 0.3s;
  margin: 0;
}
.services-title-swiper .services-title-box.active h2 {
  opacity: 1;
  color: #c19e81;
}
.services-title-swiper .services-title-box span {
  color: #4a4a4a;
  font-size: 17px;
  font-weight: 300;
  display: inline-block;
  width: 22px;
  text-align: center;
  transition: all ease 0.3s;
}
.services-title-swiper .services-title-box.active span {
  color: #fff;
}
.services-title-swiper .services-title-box p {
  opacity: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  margin: 0 !important;
  transition: all ease 0.3s;
}
.services-title-swiper .services-title-box.active p {
  opacity: 1;
}

.services-title-swiper {
  position: relative;
  /* height: 170px; */
  /* overflow: hidden; */
}

.services-title-track {
  transition: transform 0.6s ease;
  position: relative;
}

.services-spacer-tmp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #110f0ffc; /* hoặc màu nền section */
  pointer-events: none;
}

.services-title-box {
  height: 23px;
  /* opacity: 0.4; */
  /* transform: scale(0.9); */
  transition: 0.5s;
}
.services-left-stick {
  font-size: 17px;
  font-weight: 300;
  transition: all ease 0.3s;
  margin: 0;
  color: #c19e81;
  width: 150px;
}

.services-title-box.active {
  opacity: 1;
  transform: scale(1);
}
.services-title-box.hide-before {
  /* opacity: 0; */
  /* transform: translateY(-40px); */
}

.services-spacer {
  height: 120px;
  flex-shrink: 0;
}

.services-content-inner {
  transition: transform 0.6s ease;
  will-change: transform;
}

.services-content-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.services-content-track {
  transition: transform 0.6s ease;
  will-change: transform;
}

.services-content-box {
  display: flex;
  flex-direction: column;
}

/* ABOUT PAGE */
.about-s1-box {
  position: relative;
}
.about-s1-box--img {
}
.about-s1-box--title {
  position: absolute !important;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: end !important;
  justify-content: center !important;
  padding: 0 24px;
  padding-bottom: 40px;
  mix-blend-mode: difference;
}
.about-s1-box--title h2 {
  width: 100%;
}
body:not(.elementor-editor-active) .about-s1-box--info {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  transition: all ease 0.5s !important;
  opacity: 0;
  overflow: hidden;
}
.about-s1-box:hover .about-s1-box--info {
  opacity: 1;
}
.about-s1-box--info .elementor-heading-title {
  background: #c19e81;
  background: linear-gradient(to top right, #c19e81 0%, #bfbfbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: unset !important;
  width: 100%;
}
.about-s3 {
  background: url("../images/bg-eclipse.png") no-repeat right 39% top 80px;
}
.about-s3-title p {
  display: inline-block;
  position: relative;
}
.about-s3-title p:after {
  content: "";
  position: absolute;
  width: 0;
  left: 0;
  bottom: -2px;
  border-top: 1px solid #c19e81;
  transition: all ease 0.5s;
}
.about-s3-title p:hover:after {
  width: 100%;
}

.about-s3-des--active {
  position: relative;
}
.about-s3-des--active:after {
  content: "";
  position: absolute;
  width: 0%;
  left: 0;
  bottom: -2px;
  border-top: 1px solid #c19e81;
  transition: all ease 0.5s;
}
.about-s3-des:hover .about-s3-des--active:after {
  width: 100%;
}

.about-s1-title p {
  display: inline-block;
  position: relative;
}
.about-s1-title p:after {
  content: "";
  position: absolute;
  width: 0;
  left: 0;
  bottom: -2px;
  border-top: 1px solid #bfbfbf;
  transition: all ease 0.5s;
}
.about-s1-title p:hover:after {
  width: 100%;
}

/* OUR WORK */
#post-ourwork-more a {
  background: none;
  color: #c19e81;
  font-size: 17px;
  font-weight: 400;
  padding: 0;
  text-decoration: underline;
}

.ourwork-detail--title {
  mix-blend-mode: difference;
}

/* CONTACT PAGE */
.contact-contain {
  display: flex;
  gap: 24px;
}
.contact-left {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 45%;
}
.contact-box--title {
  color: #bfbfbf;
  font-size: 17px;
  margin-bottom: 10px;
}
.contact-box p {
  margin-bottom: 0 !important;
}
.contact-box input {
  background: #151515 !important;
  border-radius: 0 !important;
  border: none !important;
  line-height: 43px !important;
  min-height: 43px;
  color: #bfbfbf !important;
}
.contact-box input::placeholder {
  color: #4a4a4a;
  font-size: 10px;
}
.contact-right {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contact-right textarea {
  height: 128px !important;
  background: #151515 !important;
  border-radius: 0 !important;
  border: none !important;
  color: #bfbfbf !important;
}
.contact-right textarea::placeholder {
  color: #4a4a4a;
  font-size: 10px;
}
.contact-submit p {
  margin: 0 !important;
}
.contact-submit {
  margin-top: 24px;
}
body .contact-submit input {
  background: #c19e81;
  width: 94px;
  height: 43px;
  padding: 0;
  border-radius: 20px 0 0 0;
  color: #4a4a4a;
  font-size: 17px;
  font-weight: 400;
  transition: all ease 0.5s;
}
body .contact-submit input:hover {
  background: #bfbfbf;
  color: #4a4a4a;
}
body .wpcf7 form .wpcf7-response-output {
  margin: 0;
  margin-top: 40px;
  border: 1px solid #dc2626 !important;
  background: rgba(255, 255, 255, 0.05);
  padding: 12px 20px;
}

.cases-detail-page .we-craft-imgWrapper img {
  object-fit: cover;
  height: 100%;
}