
.landing-thirteen {
    background: url("./../../images/bg-landing-thirteen.png") 100% 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-top: -100px;
    padding: 152px 0 109px;
  }
  
  .landing-thirteen::before,
  .landing-thirteen::after {
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #121320;
    width: 148px;
    height: 89px;
    z-index: 2;
  }
  
  .landing-thirteen::before {
    left: 0;
    -webkit-border-radius: 0 500px 500px 0;
    -moz-border-radius: 0 500px 500px 0;
    border-radius: 0 500px 500px 0;
  }
  
  .landing-thirteen::after {
    right: 0;
    -webkit-border-radius: 500px 0 0 500px;
    -moz-border-radius: 500px 0 0 500px;
    border-radius: 500px 0 0 500px;
  }
  
  .landing-thirteen-item .image {
    z-index: 2;
    margin-right: 42px;
  }
  
  .landing-thirteen-item .image img {
    max-width: 625px;
    max-height: 670px;
    width: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  
  .landing-thirteen-item .image img:last-child {
    top: 20px;
    right: 24px;
    opacity: 0.72;
    -webkit-filter: blur(38px);
    filter: blur(38px);
    z-index: -10;
  }
  
  .landing-thirteen-item .detail .title .slidd6st {
    line-height: 84px;
    color: #fff;
    font-size: 42px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  
  .landing-thirteen-item .detail .title .slidd6st b {
    font-size: 84px;
    font-weight: 900;
  }
  
  .landing-thirteen-item .detail .btn {
    -webkit-box-shadow: 0 3px 35px rgba(0, 255, 147, 0.35);
    -moz-box-shadow: 0 3px 35px rgba(0, 255, 147, 0.35);
    box-shadow: 0 3px 35px rgba(0, 255, 147, 0.35);
    padding: 8px 21px 7px 23px;
    font-size: 13px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  
  .landing-thirteen-item .detail .btn i {
    margin-left: 28px;
  }
  
  .landing-thirteen .swiper-slide-active .image img,
  .landing-thirteen .swiper-slide-active .detail .btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  
  .landing-thirteen .swiper-slide-active .image img {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  
  .landing-thirteen .swiper-slide-active .image img:last-child {
    -webkit-transform: scale(1.104, 1.104);
    -moz-transform: scale(1.104, 1.104);
    -ms-transform: scale(1.104, 1.104);
    -o-transform: scale(1.104, 1.104);
    transform: scale(1.104, 1.104);
  }
  
  .landing-thirteen .swiper-slide-active .detail .title .slidd6st {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  
  .landing-thirteen .swiper-slide-active .detail .btn {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  
  .landing-thirteen .swiper-button-next,
  .landing-thirteen .swiper-button-prev {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    text-align: center;
    line-height: 38px;
    width: 42px;
    height: 42px;
  }
  
  .landing-thirteen .swiper-button-next::after,
  .landing-thirteen .swiper-button-prev::after {
    font-size: 13px;
    color: #fff;
  }
  
  .landing-thirteen .swiper-button-next {
    right: 79px;
  }
  
  .landing-thirteen .swiper-button-prev {
    left: 80px;
  }
  
  .landing-thirteen .swiper-pagination {
    padding: 10px 26px 10px 27px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    right: 50%;
    -webkit-transform: translate(50%, -86px);
    -moz-transform: translate(50%, -86px);
    -ms-transform: translate(50%, -86px);
    -o-transform: translate(50%, -86px);
    transform: translate(50%, -86px);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    bottom: 0;
  }
  
  .landing-thirteen .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    margin: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
  }
  
  .landing-thirteen .swiper-pagination-bullet:not(:last-child) {
    margin-right: 6px;
  }
  
  .landing-thirteen .swiper-pagination-bullet-active {
    width: 25px;
  }
  
  @media only screen and (max-width: 1199px) {
    .landing-thirteen-item {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
  
    .landing-thirteen-item .image img {
        height: 440px;
    }
  
    .landing-thirteen-item .detail .title .slidd6st {
        font-size: 32px;
    }
  
    .landing-thirteen-item .detail .title .slidd6st b {
        font-size: 64px;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .landing-thirteen-item .image img {
        max-width: 70%;
        height: auto;
        margin: 0 auto 32px;
    }
  
    .landing-thirteen .swiper-pagination {
        -webkit-transform: translate(50%, -32px);
        -moz-transform: translate(50%, -32px);
        -ms-transform: translate(50%, -32px);
        -o-transform: translate(50%, -32px);
        transform: translate(50%, -32px);
    }
  }
  
  @media only screen and (max-width: 767px) {
  
    .landing-thirteen::before,
    .landing-thirteen::after {
        width: 50px;
        height: 50px;
    }
  
    .landing-thirteen-item .detail .title .slidd6st {
        font-size: 24px;
        line-height: 64px;
    }
  
    .landing-thirteen-item .detail .title .slidd6st b {
        font-size: 48px;
    }
  
    .landing-thirteen .swiper-button-next,
    .landing-thirteen .swiper-button-prev {
        width: 28px;
        height: 28px;
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
    }
  
    .landing-thirteen .swiper-button-next::after,
    .landing-thirteen .swiper-button-prev::after {
        font-size: 8px;
    }
  
    .landing-thirteen .swiper-button-next {
        right: 8px;
    }
  
    .landing-thirteen .swiper-button-prev {
        left: 8px;
    }
  }
  