*[ng-click]{cursor: pointer;}
/*.slide-up-animated {opacity: 0;animation: fadeInUp 0.1s ease-in-out forwards;}*/
.slide-up-hidden {opacity: 0;transform: translateY(60px);}
.slide-up-visible {animation: fadeInUp 1s ease 0.1s forwards;}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.slide-up-hidden2 {opacity: 0;margin-top: 60px;}
.slide-up-visible2 {animation: fadeInUp2 1s ease 0.1s forwards;}
.fadeInUp2 {-webkit-animation-name: fadeInUp2;animation-name: fadeInUp2;}

.swiper-container{width: 100%;position: relative;}
.swiper-slide img{width: 100%;object-fit: cover;}
.overlay{position: absolute;top: 45%;left: 50%;transform: translate(-50%, 100%);color: white;text-align: center;width: 100%;max-width: 1400px;z-index: 99;opacity: 0;transition: transform 0.5s ease-out, opacity 0.5s ease-out;}
.overlay.showActive{transform: translate(-50%, -50%);animation: fadeInOut 1s ease-in-out 1 forwards;}
.overlay .line1{font-size: 48px;line-height: 80px;font-weight: 600;text-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);}
.overlay .line2{font-size: 27px;line-height: 47px;margin-top: 10px;font-weight: 400;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
.overlay .mb-line1{font-size: 30px;font-weight: 600;padding-left: 10px;padding-right: 10px}
.overlay .mb-line2{font-size: 18px;margin-top: 10px;font-weight: 400;padding-left: 10px;padding-right: 10px}

/*customscroll*/
.customScrollbar .detailContent{width: 100%;display: flex;margin: 60px 0 20px;overflow-y: auto;overflow-x: hidden;}
.customScrollbar .detailContent >.box{margin: 0 10px;}
.customScrollbar .scrollContent{position: relative}
.customScrollbar .scrollBarContent{width: 100%;display: flex;justify-content: center;margin-top: 40px;position: relative}
.customScrollbar .scrollbar {width: 410px;height: 6px;background-color: #DAD2D2;position: absolute;bottom: 0;left: 50%;cursor: pointer;border-radius: 15px;transform: translateX(-50%);}
.customScrollbar .scrollbar-thumb {width: 96px;height: 133%;background-color: #E43134;position: absolute;left: 0;cursor: pointer;border-radius: 15px;top:-1px}
.customScrollbar .scroll-arrow {position: absolute;top:  calc(50% - 40px);transform: translateY(-50%);cursor: pointer;}
.customScrollbar .scroll-arrow {width: 44px;height: 44px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.customScrollbar .scroll-arrow.left {left: 0;transform: translateX(-150%);background-image: url('../images/home/icon_left.png');}
.customScrollbar .scroll-arrow.right {right: 0;transform: translateX(150%);background-image: url('../images/home/icon_right.png');}
.scroll-btn:hover .left {background-image: url('../images/home/icon_left_active.png');}
.scroll-btn:hover .right {background-image: url('../images/home/icon_right_active.png');}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    margin-top: 60px;
  }

  to {
    opacity: 1;
    margin-top: 0px;
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}