.service-tab-container {
  overflow: hidden;
  height: 100vh;
}
.service-tab-container .service-list-wrapper {
  width: 37%;
  padding: 127px 120px;
}
.service-tab-container .service-list-wrapper .service-list-heading {
  font-weight: 700;
  margin: 0 0 107px;
}
.service-tab-container .service-list .service-item {
  cursor: pointer;
  padding-bottom: 8px;
  margin-bottom: 59px;
  font-size: 15px;
  font-weight: 500;
  color: #4E4C4C;
  position: relative;
}
.service-tab-container .service-list .service-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: var(--e-global-color-4ca223c);
  transition: width 0.3s ease;
}
.service-tab-container .service-list .service-item .service-name-en {
  font-weight: 300;
  font-style: italic;
}
.service-tab-container .service-list .service-item:last-child {
  margin-bottom: 0;
}
.service-tab-container .service-list .service-item.active {
  color: var(--e-global-color-4ca223c);
}
.service-tab-container .service-list .service-item.active::after {
  width: 100%;
}
.service-tab-container .service-content {
  width: 63%;
  position: relative;
  color: #fff;
  overflow: hidden;
}
.service-tab-container .service-content .service-swiper {
  height: 100vh;
  width: 100%;
}
.service-tab-container .service-content .service-swiper .swiper-wrapper {
  height: 100%;
}
.service-tab-container .service-content .service-swiper .swiper-slide {
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
}
.service-tab-container .service-content .service-swiper .swiper-slide::before {
  content: "";
  background: rgba(0, 0, 0, 0.3019607843);
  position: absolute;
  width: 100%;
  height: 100%;
}
.service-tab-container .service-content .service-image {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.service-tab-container .service-content .service-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 266px 154px 328px;
}
.service-tab-container .service-content .service-info .service-heading {
  color: #fff;
  font-size: 20px;
  margin: 0 0 56px;
}
.service-tab-container .service-content .service-info .service-desc {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px;
  font-weight: 300;
}
.service-tab-container .service-content .service-info .service-desc::-webkit-scrollbar {
  width: 8px;
}
.service-tab-container .service-content .service-info .service-desc::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 8px;
}
.service-tab-container .service-content .service-info .service-desc::-webkit-scrollbar-thumb {
  background: #999999;
  border-radius: 8px;
}
.service-tab-container .service-content .service-info .service-desc p:last-child {
  margin-bottom: 0;
}
.service-tab-container .service-content .service-info .service-url {
  margin-top: 24px;
  gap: 7px;
  color: #fff;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .service-tab-container .service-list-wrapper {
    padding: 80px 20px;
  }
  .service-tab-container .service-content .service-info {
    padding: 150px 40px;
  }
}
@media (min-width: 1180px) and (max-width: 1400px) {
  .service-tab .service-tab-container .service-list-wrapper {
    padding: 100px 80px;
  }
  .service-tab .service-tab-container .service-list-heading {
    margin: 0 0 70px;
  }
  .service-tab .service-tab-container .service-list .service-item {
    margin-bottom: 40px;
  }
  .service-tab .service-tab-container .service-content .service-info {
    padding: 120px 120px 200px;
  }
}
@media (max-width: 883px) {
  .service-tab-container {
    height: auto;
    overflow: visible;
    flex-wrap: wrap;
  }
  .service-tab-container > * {
    width: 100% !important;
  }
  .service-tab-container .service-list-wrapper {
    padding: 0 20px;
  }
  .service-tab-container .service-list-wrapper .service-list-heading {
    margin: 0 0 50px;
  }
  .service-tab-container .service-list-wrapper .service-list {
    display: none;
  }
  .service-tab-container .service-list-wrapper .service-list .service-item {
    margin-bottom: 30px;
  }
  .service-tab-container .service-content .service-swiper {
    height: auto;
    touch-action: auto !important;
  }
  .service-tab-container .service-content .service-swiper .swiper-wrapper {
    touch-action: auto !important;
  }
  .service-tab-container .service-content .service-swiper .swiper-slide {
    height: 120px !important;
  }
  .service-tab-container .service-content .service-swiper .swiper-slide .service-info {
    display: none;
  }
  .service-tab-container .service-content .service-swiper .swiper-slide.accordion-active {
    height: auto !important;
  }
  .service-tab-container .service-content .service-swiper .swiper-slide.accordion-active .service-accordion-title {
    display: none !important;
  }
  .service-tab-container .service-content .service-swiper .swiper-slide.accordion-active .service-image {
    height: 100vh;
  }
  .service-tab-container .service-content .service-swiper .swiper-slide.accordion-active .service-info {
    display: block;
    overflow: auto;
  }
  .service-tab-container .service-content .service-image {
    height: 100%;
  }
  .service-tab-container .service-content .service-accordion-title {
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
    width: 100%;
  }
  .service-tab-container .service-content .service-info {
    padding: 80px 20px;
  }
  .service-tab-container .service-content .service-info .service-heading {
    margin-bottom: 30px;
  }
  .service-tab-container .service-content .service-info .service-desc {
    max-height: 350px;
  }
}

/*# sourceMappingURL=service-tab.css.map */