.finance-for-every-home {
  padding: 0;
  position: relative;
}

.slider-finance {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 24px;
  height: 500px;
}

.slider-finance .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
}

.item-finance {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.item-finance-1 .img {
  position: absolute;
  top: 54%;
  opacity: 0;
  transform: translateX(-70%) translateY(-50%);
  left: 0;
  width: max-content;
  width: 388px;
  object-fit: contain;
}

.item-finance-1 .img img {
  width: 100%;
  object-fit: contain;
}

.item-finance-0 .img {
  position: absolute;
  top: 54%;
  opacity: 0;
  transform: translateX(-70%) translateY(-50%);
  left: 0;
  width: max-content;
  width: 388px;
  object-fit: contain;
}

.item-finance-0 .img img {
  width: 100%;
  object-fit: contain;
}

.item-finance .box-text {
  width: max-content;
  position: absolute;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 395px;
  height: 136px;
  padding-bottom: 5px;
}

.item-finance-1 .box-text {
  top: -5px;
  opacity: 0;
  right: 0;
  transform: translateX(10%);
  gap: 8px;
  background-image: url("/assets/customs/images/box-chat_sp.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 265px;
  height: 128px;
  padding-left: 25px;
}
.item-finance-0 .box-text {
  top: -5px;
  opacity: 0;
  right: 0;
  transform: translateX(10%);
  gap: 8px;
  background-image: url("/assets/customs/images/box-chat_sp.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 265px;
  height: 128px;
  padding-left: 25px;
}
.item-finance .box-text svg {
  width: 24px;
  height: 24px;
}

.item-finance .box-text h6 {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.32px;
  color: #00994f;
  margin-bottom: 0;
}

.item-finance .box-text p {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.14px;
  color: #080808;
  max-width: 180px;
  margin-bottom: 0;
}

.item-finance .box-text p a {
  color: #00994f;
  text-decoration: none;
}

.item-finance .box-text .icon {
  padding-left: 0px;
}

.item-finance .box-text .icon svg path {
  fill: #00994f;
}

.slider-finance .swiper-slide.hidden .item-finance-1 .img {
  transform: scale(0.85);
  animation: none;
  left: 22%;
  top: 27%;
  opacity: 1;
}
.slider-finance .swiper-slide.hidden .item-finance-0 .img {
  transform: scale(0.85);
  animation: none;
  left: 22%;
  top: 27%;
  opacity: 1;
}

.slider-finance .swiper-slide:nth-child(3) {
  background-position: right;
}

.slider-finance .swiper-slide.hidden .item-finance-1 {
  visibility: hidden;
}
.slider-finance .swiper-slide.hidden .item-finance-0 {
  visibility: hidden;
}

.item-finance-1 {
  background-size: cover;
  background-repeat: no-repeat;
}
.item-finance-0 {
  background-size: cover;
  background-repeat: no-repeat;
}

.item-finance-2 {
  background-size: 120%;
  background-position: 20% 28%;
}

.item-finance-2 .img-bg {
  position: absolute;
  right: -14%;
  width: 120%;
  height: 150%;
  top: 0;
}

.item-finance-2 .img-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-finance-2 .box-text {
  opacity: 1;
  background-image: url("/assets/customs/images//box-chat-2.png");
  width: 275px;
  height: 151px;
  padding: 0 18px;
  left: 5px;
  top: -38%;
  z-index: 99;
}

.item-finance-2 .layer-1 {
  width: 100%;
}

.item-finance-2 .layer-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.item-finance-2 .layer-2 img {
  width: 472px;
}

.item-finance-2 .layer-3 {
  position: absolute;
  bottom: -50%;
  left: -37%;
  transform: translateX(-50%);
}

.item-finance-3 .box-text {
  opacity: 1;
  width: 271px;
  height: 149px;
  top: -44px;
  transform: translateX(-50%);
}

.item-finance-3 .layer-2 img,
.item-finance-3 .layer-3 {
  width: 571px;
}

.item-finance-3 .box-text-1 {
  background-image: url("/assets/customs/images/box-chat-3_sp.png");
  left: 32%;
  top: 50%;
}

.item-finance-3 .box-text-2 {
  background-image: url("/assets/customs/images/box-chat-4_sp.png");
  left: 12%;
  top: 30%;
  opacity: 0;
  transform: translateX(-50%) scale(0.9);
}

.slider-finance .swiper-slide.show .item-finance-3 .box-text-1 {
  opacity: 0;
}

.slider-finance .swiper-slide.show .item-finance-3 .box-text-2 {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  transition: all 0.5s;
}

.item-finance-3 .layer-1 {
  width: 100%;
  opacity: 0;
  height: 100%;
  object-fit: cover;
}

.item-finance-3 .layer-2 {
  position: absolute;
  bottom: 0;
  z-index: 99;
  transform-origin: 0% 100%;
  transform: translate(0px, 0px);
}

.item-finance-3 .layer-3 {
  bottom: -5px;
  position: absolute;
  transition: all 0.6s ease-out;
}
.item-finance-3 .box-link-2 {
  display: none;
}
.slider-finance .swiper-slide.swiper-slide-active .item-finance-3 .layer-1 {
  opacity: 1;
  transition: all 1s ease;
}

.slider-finance .swiper-slide.swiper-slide-active .item-finance-3 .layer-3 {
  will-change: transform, opacity;
}

.slider-finance .swiper-slide.show .item-finance-3 .layer-2 {
  left: -76%;
}

.slider-finance .swiper-slide.show .item-finance-3 .layer-1 {
  opacity: 1;
}

.item-finance-4 .box-text {
  opacity: 1;
  background-image: url("/assets/customs/images//box-chat-4.png");
  width: 373px;
  height: 145px;
  left: 86%;
  top: -44px;
  transform: translateX(-50%);
}

.slider-finance .swiper-slide.show .item-finance-3 .layer-2 img {
  transform-origin: 50% 50% 0;
  transform: scale(1.3);
  transition: transform 0.5s ease;
}

.slider-finance .swiper-slide.show .item-finance-3 .layer-3 {
  left: 50%;
  opacity: 1;
  transform: translateX(-50%) scale(1);
  transform-origin: 50% 50% 0px;
  animation: moveImageLayer3Slide4 1.5s ease-in-out 0.1s forwards;
}

.item-finance-2 .layer-3 {
  left: -33%;
}

@keyframes moveImageLayer2 {
  0% {
    right: -200%;
    transform: translateX(-50%);
  }

  50% {
    right: -200%;
    transform: translateX(-50%);
  }

  100% {
    right: -99%;
    transform: translateX(-50%);
  }
}

@keyframes moveImageLayer3 {
  0% {
    bottom: -50%;
  }

  50% {
    bottom: -20%;
  }

  100% {
    bottom: 0;
  }
}

@keyframes moveImageLayer2Slide3 {
  0% {
    left: 50%;
  }

  100% {
    left: -16%;
  }
}

@keyframes moveImageLayer3Slide3 {
  0% {
    left: 0;
    opacity: 0;
    transform: translateX(-70%) scale(1);
  }

  50% {
    left: -30%;
    opacity: 0;
    transform: translateX(-60%) scale(1);
  }

  100% {
    left: 103%;
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}

@keyframes moveImageLayer3Slide4 {
  0% {
    left: 50%;
    transform: translateX(-50%) scale(1);
  }

  50% {
    left: 50%;
    filter: blur(4px);
    transform: translateX(-50%) scale(1.04);
  }

  100% {
    left: 50%;
    filter: blur(4px);
    transform: translateX(-50%) scale(1.05);
  }
}

@keyframes moveslide1 {
  0% {
    transform: translate3d(0%, 0, 0) scale(1) rotateY(0deg);
  }

  100% {
    transform: translate3d(-10%, 0, 0) scale(0.95) rotateY(5deg); /* Giảm mức độ scale và rotate */
  }
}

@keyframes moveBoxText {
  0% {
    right: 0;
    opacity: 0;
    transform: translateX(10%);
  }

  50% {
    right: 5%;
    opacity: 0;
    transform: translateX(-30%);
  }

  100% {
    right: -39%;
    opacity: 1;
    transform: translateX(-50%);
  }
}

@media (min-width: 1400px) {
  .item-finance-2 .img-bg {
    top: -13%;
  }
}

@media (min-width: 1200px) {
  .slider-finance {
    height: 544px;
  }

  .item-finance-2 .img-bg {
    height: auto;
  }
}

@media (min-width: 768px) {
  .item-finance-1 .img {
    width: max-content;
    top: 50%;
  }
  .item-finance-0 .img {
    width: max-content;
    top: 50%;
  }
  .item-finance .box-text {
    padding-bottom: 10px !important;
  }

  .item-finance .box-text h6 {
    font-size: 24px;
    letter-spacing: -0.48px;
  }

  .item-finance .box-text p {
    font-size: 15px;
    letter-spacing: -0.15px;
    max-width: 281px;
  }

  .item-finance-1 .box-text {
    top: 39px;
    right: 0;
    transform: translate(-83%, 0px);
    background-image: url("/assets/customs/images/box-chat.png");
    width: 395px;
    height: 136px;
    padding-left: 0;
  }
  .item-finance-0 .box-text {
    top: 39px;
    right: 0;
    transform: translate(-83%, 0px);
    background-image: url("/assets/customs/images/box-chat.png");
    width: 395px;
    height: 136px;
    padding-left: 0;
  }

  .item-finance .box-text svg {
    width: 32px;
    height: 32px;
  }

  .slider-finance .swiper-slide:nth-child(3) {
    background-position: center;
  }

  .item-finance-2 .layer-2 img {
    width: 562px;
  }

  .item-finance-2 .box-text {
    width: 320px;
    height: 168px;
    padding: 0 18px;
    left: -105px;
    top: -30px;
  }

  .item-finance-3 .layer-2 img {
    width: 842px;
  }

  .item-finance-3 .layer-3 {
    width: max-content;
  }
  .item-finance-3 .box-text {
    width: 373px;
    height: 145px;
    top: -44px;
    transform: translateX(-50%);
  }
  .item-finance-3 .box-text-1 {
    background-image: url("/assets/customs/images/box-chat-3.png");
    left: 22%;
    top: 3%;
  }

  .slider-finance .swiper-slide.show .item-finance-3 .layer-2 {
    left: 0;
  }

  .item-finance-3 .box-text-2 {
    background-image: url("/assets/customs/images/box-chat-4.png");
    left: 45%;
    top: 10%;
    opacity: 0;
  }

  .item-finance .box-text .icon {
    padding-left: 11px;
  }

  .item-finance-2 .layer-3 {
    left: 33%;
  }

  @keyframes moveBoxText {
    0% {
      right: 0;
      opacity: 0;
      transform: translateX(10%);
    }

    50% {
      right: 5%;
      opacity: 0;
      transform: translateX(-30%);
    }

    100% {
      right: 10%;
      opacity: 1;
      transform: translateX(-50%);
    }
  }

  @keyframes moveImageLayer2 {
    0% {
      right: -70%;
      transform: translateX(100%);
    }

    50% {
      right: -50%;
      transform: translateX(60%);
    }

    100% {
      right: 0;
      transform: translateX(0%);
    }
  }

  @keyframes moveImageLayer2Slide3 {
    0% {
      left: -50%;
    }

    100% {
      left: 0;
    }
  }

  @keyframes moveImageLayer3Slide3 {
    0% {
      left: 0;
      opacity: 0;
      transform: translateX(-70%) scale(1);
    }

    50% {
      left: -30%;
      opacity: 0;
      transform: translateX(-60%) scale(1);
    }

    100% {
      left: 50%;
      opacity: 1;
      transform: translateX(-50%) scale(1);
    }
  }

  .box-slider-finance {
    position: relative;
    z-index: 4;
  }
}

@media (min-width: 510px) and (max-width: 767px) {
  @keyframes moveBoxText {
    0% {
      right: 0;
      opacity: 0;
      transform: translateX(10%);
    }

    50% {
      right: 5%;
      opacity: 0;
      transform: translateX(-30%);
    }

    100% {
      right: -11%;
      opacity: 1;
      transform: translateX(-50%);
    }
  }

  @keyframes moveImageLayer2 {
    0% {
      right: -200%;
      transform: translateX(-50%);
    }

    50% {
      right: -200%;
      transform: translateX(-50%);
    }

    100% {
      right: -47%;
      transform: translateX(-50%);
    }
  }

  @keyframes moveImageLayer2Slide3 {
    0% {
      left: 50%;
    }

    100% {
      left: -12%;
    }
  }

  .slider-finance .swiper-slide.show .item-finance-3 .layer-2 {
    left: -60%;
  }
}

@media (min-width: 410px) and (max-width: 509px) {
  @keyframes moveBoxText {
    0% {
      right: 0;
      opacity: 0;
      transform: translateX(10%);
    }

    50% {
      right: 5%;
      opacity: 0;
      transform: translateX(-30%);
    }

    100% {
      right: -37%;
      opacity: 1;
      transform: translateX(-50%);
    }
  }

  @keyframes moveImageLayer2 {
    0% {
      right: -200%;
      transform: translateX(-50%);
    }

    50% {
      right: -200%;
      transform: translateX(-50%);
    }

    100% {
      right: -79%;
      transform: translateX(-50%);
    }
  }

  @keyframes moveImageLayer2Slide3 {
    0% {
      left: 50%;
    }

    100% {
      left: -12%;
    }
  }

  .slider-finance .swiper-slide.show .item-finance-3 .layer-2 {
    left: -60%;
  }
}

@media (min-width: 1200px) and (max-width: 1349px) {
  .item-finance-1 .box-text {
    right: -10%;
  }
  .item-finance-0 .box-text {
    right: -10%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .item-finance-1 .img {
    left: -170px;
  }

  .item-finance-1 .box-text {
    right: -14%;
  }
  .item-finance-0 .img {
    left: -170px;
  }

  .item-finance-0 .box-text {
    right: -14%;
  }
    .item-finance-3 .box-text-1 {
        left: 25%;
        top: 0%;
    }
    .item-finance-3 .box-text-2 {
        left: 50%;
        top: 5%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
  .item-finance-3 .box-text-2 {
    left: 76%;
  }
    .item-finance-3 .box-text-1 {
        left: 33%;
        top: 6%;
    }

  .item-finance-1 .img {
    left: -260px;
  }

  .item-finance-1 .box-text {
    right: -278px;
  }
  .item-finance-0 .img {
    left: -260px;
  }

  .item-finance-0 .box-text {
    right: -278px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
    .item-finance-3 .box-text-2 {
        left: 78%;
    }

  .item-finance-1 .img {
    left: -180px;
  }

  .item-finance-1 .box-text {
    right: -160px;
    top: 35px;
  }
  .item-finance-0 .img {
    left: -180px;
  }

  .item-finance-0 .box-text {
    right: -160px;
    top: 35px;
  }

  .item-finance-2 .box-text {
    top: -30%;
  }
    .item-finance-3 .box-text-1 {
        left: 35%;
        top: 27%;
    }
}

@media (min-width: 490px) and (max-width: 575px) {
    .item-finance-1 .box-text {
        top: -3px;
        right: 57px;
    }
  .item-finance-0 .box-text {
    top: 15px;
    right: 50px;
  }
  .item-finance-2 .box-text {
    top: -30%;
    zoom: 1.2;
  }

    .item-finance-3 .box-text-1 {
        zoom: 1.2;
        left: -4%;
        top: 31%;
    }

    .item-finance-3 .box-text-2 {
        left: 31%;
        top: 28%;
        zoom: 1.1;
    }
    .item-finance-1 .img {
        left: 18%;
    }
}

@media (max-width: 376px) {
  .item-finance-2 .box-text {
    left: -156px;
    top: -68%;
  }
}

@media (min-width: 768px) {
  .finance-overlay {
    right: -35%;
    left: -35%;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0.01;
    z-index: 1;
  }
    .finance-for-every-home .indicators-contain{
        display:none;
    }
}
@media (max-width: 767px) {
    .finance-for-every-home .indicators-contain {
        display: flex;
        gap: 8px;
        justify-content:end;
    }
    .finance-for-every-home .indicators-left, .indicators-right {
        border: none;
        background: transparent;
    }

}