.banksy-container {
    --NavH: 48px;
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    background: #fffefe;
}

.banksy-container * {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

.banksy-container sup {
    font-size: 0.6em;
    cursor: pointer;
}

.banksy-container a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.banksy-container ul,
.banksy-container ol {
    list-style: none;
    list-style-image: none;
}

.banksy-container .nr {
    white-space: nowrap;
    display: inline-block;
}

.banksy-container svg{
    border: 0;
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

.banksy-container img,
.banksy-container picture {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
}

.banksy-container video {
    border: 0;
    width: 100%;
    display: block;
    object-fit: cover;
}

.banksy-container .blur-up {
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transition: filter 0.2s;
    -webkit-transition: filter 0.2s;
    -moz-transition: filter 0.2s;
    will-change: filter;
}

.banksy-container .blur-up.lazyloaded {
    filter: blur(0);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
}

.banksy-container br {
    line-height: 0;
}

.banksy-container .show-mob,
.banksy-container .show-mob-inline {
    display: none;
}

.banksy-container .show-pc {
    display: block;
}

.banksy-container .show-pc-inline {
    display: inline-block;
}

.banksy-container .will-change .will-tfoc {
    will-change: transform, opacity;
}

.banksy-container .will-change .will-tf {
    will-change: transform;
}

.banksy-container .will-change .will-oc {
    will-change: opacity;
}

.banksy-container .big-title {
    color: #151517;
    font-size: 3.333333vw;
    font-weight: 300;
    line-height: 1.25;
}

.banksy-container .text-p {
    color: #6d6f72;
    font-size: 1.145833vw;
    font-weight: 400;
    line-height: 1.6;
}

.banksy-container .card-animation-up {
    opacity: 0;
    transform: translateY(3vw);
    -webkit-transform: translateY(3vw);
    -moz-transform: translateY(3vw);
}

.banksy-container .card-animation-up.up-show {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.banksy-container .card-animation-up.up-show.order1 {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
}

.banksy-container .card-animation-up.up-show.order2 {
    transition: 0.5s all 0.15s ease;
    -webkit-transition: 0.5s all 0.15s ease;
    -moz-transition: 0.5s all 0.15s ease;
}

.banksy-container .card-animation-up.up-show.order3 {
    transition: 0.5s all 0.3s ease;
    -webkit-transition: 0.5s all 0.3s ease;
    -moz-transition: 0.5s all 0.3s ease;
}

/* s1 start */
.banksy-container .banksy-s1 {
    padding: 1.927083vw 0 10.416667vw;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.banksy-container .banksy-s1.animated .kv-img-container{
    width: 100%;
}

.banksy-container .banksy-s1 .kv-img-wrap {
    opacity: 0;
    position: relative;
    width: 52.239583vw;
    margin-left: 26.510417vw;
    transform: scale(1.463609172);
    -webkit-transform: scale(1.463609172);
    -moz-transform: scale(1.463609172);
    transition: transform 1.2s ease;
    -webkit-transition: transform 1.2s ease;
    -moz-transition: transform 1.2s ease;
}

.banksy-container .banksy-s1.animated .kv-img-wrap {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.banksy-container .banksy-s1 .kv-img-wrap::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: calc(100% /(1003 / 903));
}

.banksy-container .banksy-s1 .kv-id-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 1.2s ease;
    -webkit-transition: transform 1.2s ease;
    -moz-transition: transform 1.2s ease;
}

.banksy-container .banksy-s1.animated .kv-img-wrap .kv-id-img {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
}

.banksy-container .banksy-s1 .kv-id-img1 {
    z-index: 4;
}

.banksy-container .banksy-s1 .kv-id-img2 {
    z-index: 3;
}

.banksy-container .banksy-s1 .kv-id-img3 {
    z-index: 2;
}

.banksy-container .banksy-s1 .kv-id-img4 {
    z-index: 1;
}

.banksy-container .banksy-s1 .kv-img-wrap .kv-id-img2 {
    transform: translate(-2.2vw, 0vw);
    -webkit-transform: translate(-2.2vw, 0vw);
    -moz-transform: translate(-2.2vw, 0vw);
}

.banksy-container .banksy-s1 .kv-img-wrap .kv-id-img3 {
    transform: translate(-5.8vw, 3vw);
    -webkit-transform: translate(-5.8vw, 3vw);
    -moz-transform: translate(-5.8vw, 3vw);
}

.banksy-container .banksy-s1 .kv-img-wrap .kv-id-img4 {
    transform: translate(-9vw, 5vw);
    -webkit-transform: translate(-9vw, 5vw);
    -moz-transform: translate(-9vw, 5vw);
}

.banksy-container .banksy-s1 .hm-logo{
    display: flex;
    width: 8.229167vw;
    position: absolute;
    top: 42.34375vw;
    right: 4.6875vw;
    z-index: 1;
    opacity: 0;
    transition: opacity 1.2s ease;
    -webkit-transition: opacity 1.2s ease;
    -moz-transition: opacity 1.2s ease;
}
.banksy-container .banksy-s1.animated .hm-logo {
    opacity: 1;
}

.banksy-container .banksy-s1 .kv-content {
    width: 90%;
    margin: -1.25vw auto 0;
    opacity: 0;
    transform: translate(0, 12vw);
    -webkit-transform: translate(0, 12vw);
    -moz-transform: translate(0, 12vw);
    transition: transform 1.2s ease, opacity 1s ease-out;
    -webkit-transition: transform 1.2s ease, opacity 1s ease-out;
    -moz-transition: transform 1.2s ease, opacity 1s ease-out;
}

.banksy-container .banksy-s1.animated .kv-content {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
}

.banksy-container .banksy-s1 .kv-content .kv-slogan {
    text-align: center;
}

.banksy-container .banksy-s1 .kv-content .kv-slogan-txt {
    color: #000000;
    margin-top: 1.5625vw;
    font-size: 2.65625vw;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: 0.364583vw;
}

.banksy-container .banksy-s1 .kv-content .kv-slogan img {
    width: 31.666667vw;
    margin: 0 auto;
}

.banksy-container .banksy-s1 .kv-content .kv-slogan p {
    color: #6d6f72;
    font-size: 1.25vw;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 1.5625vw;
}

.banksy-container .section-pic-center * {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.banksy-container .banksy-s1 .section-pic-center {
    position: relative;
    z-index: 1;
    text-align: center;
    font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.banksy-container .banksy-s1 .section-kv-pic {
    color: #000;
    font-size: 1.46vw;
    font-weight: 400;
    line-height: 1.25;
    margin-top: 1.5625vw;
}

.banksy-container .section-kv-pic .price_btn {
    color: inherit;
}

.banksy-container .banksy-s1 .section-kv-pic span {
    font-size: 0.677083vw;
    font-weight: 500;
}

.banksy-container .banksy-s1 .section-slogan-botton {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 24px;
    margin-top: 24px;
    padding: 10px 26px;
    text-align: center;
    border-radius: 6px;
    display: inline-block;
    border: 2px solid #000;
    background-color: #000;
    transition: .3s ease-out;
}

.banksy-container .banksy-s1 .section-slogan-botton:hover {
    opacity: .8;
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s1 {
        padding: 16.666667vw 0 27.777778vw;
    }

    .banksy-container .banksy-s1 .kv-img-wrap {
        width: 103.888889vw;
        margin-left: 0;
        transform: translate(14vw, 0) scale(1.26470588235) rotate(-8deg);
        -webkit-transform: translate(14vw, 0) scale(1.26470588235) rotate(-8deg);
        -moz-transform: translate(14vw, 0) scale(1.26470588235) rotate(-8deg);
    }

    .banksy-container .banksy-s1.animated .kv-img-wrap {
        transform: translate(0) scale(1) rotate(-8deg);
        -webkit-transform: translate(0) scale(1) rotate(-8deg);
        -moz-transform: translate(0) scale(1) rotate(-8deg);
    }

    .banksy-container .banksy-s1 .kv-img-wrap::before {
        padding-bottom: calc(100% / (748 / 673));
    }

    .banksy-container .banksy-s1 .kv-img-wrap .kv-id-img2 {
        transform: translate(-8.2vw, 0vw);
        -webkit-transform: translate(-8.2vw, 0vw);
        -moz-transform: translate(-8.2vw, 0vw);
    }

    .banksy-container .banksy-s1 .kv-img-wrap .kv-id-img3 {
        transform: translate(-16vw, 6vw);
        -webkit-transform: translate(-16vw, 6vw);
        -moz-transform: translate(-16vw, 6vw);
    }

    .banksy-container .banksy-s1 .kv-img-wrap .kv-id-img4 {
        transform: translate(-23vw, 10vw);
        -webkit-transform: translate(-23vw, 10vw);
        -moz-transform: translate(-23vw, 10vw);
    }
    .banksy-container .banksy-s1 .hm-logo {
        width: 19.166667vw;
        top: 103.333333vw;
        right: 7.638889vw;
    }

    .banksy-container .banksy-s1 .kv-content {
        margin: 11.11111111111111vw auto 0;
        transform: translate(0, 20vw);
        -webkit-transform: translate(0, 20vw);
        -moz-transform: translate(0, 20vw);
    }

    .banksy-container .banksy-s1 .kv-content .kv-slogan img {
        width: 84.583333vw;
    }

    .banksy-container .banksy-s1 .kv-content .kv-slogan-txt {
        margin-top: 4.166667vw;
        font-size: 7.0833333333333334vw;
        letter-spacing: 0.9722222222222222vw;
    }

    .banksy-container .banksy-s1 .kv-content .kv-slogan p {
        font-size: 3.888889vw;
        margin-top: 4.861111111111111vw;
    }

    .banksy-container .banksy-s1 .section-kv-pic span {
        font-size: 3.611111111vw;
    }

    .banksy-container .banksy-s1 .section-kv-pic {
        font-size: 5.56vw;
        margin-top: 6.6666666666vw;
    }
}

/* s1 end */
/* s2 start */
.banksy-container .banksy-s2 {
    position: relative;
}

.banksy-container .banksy-s2 .s2-txt-wrapper {
    width: 80%;
    margin: 0 auto;
    color: #6d6f72;
    font-size: 2.083333vw;
    line-height: 2;
    font-weight: 300;
    text-align: center;
}

.banksy-container .banksy-s2 .shadow-bg {
    position: sticky;
    width: 100%;
    height: 10.416667vw;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
}

.banksy-container .banksy-s2 .s2-pv-learn-more {
    text-align: center;
    margin: 3.333333vw auto 0;
}

.banksy-container .banksy-s2 .s2-pv-learn-more a {
    color: #6D6F72;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.354167vw;
    font-weight: 400;
    line-height: 1.6;
}

.banksy-container .banksy-s2 .s2-pv-learn-more .play-svg {
    flex-shrink: 0;
    width: 2.083333vw;
    height: 2.083333vw;
    margin-left: 0.5208334vw;
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s2 .s2-txt-wrapper {
        font-size: 5.555556vw;
    }

    .banksy-container .banksy-s2 .shadow-bg {
        height: 27.77777777777778vw;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
    }

    .banksy-container .banksy-s2 .s2-pv-learn-more {
        margin: 8.333333vw auto 0;
    }

    .banksy-container .banksy-s2 .s2-pv-learn-more a {
        font-size: 4.444444vw;
    }

    .banksy-container .banksy-s2 .s2-pv-learn-more .play-svg {
        width: 7.222222vw;
        height: 7.222222vw;
        margin-left: 2.083333vw;
    }
}

/* s2 end */

/* s4 start */

.banksy-container .banksy-s4 {
    overflow: hidden;
}

.banksy-container .banksy-s4 .heart-container {
    width: 100%;
}

.banksy-container .banksy-s4 .heart-swiper {
    width: 67.708333vw;
    margin: 0 auto;
}

.banksy-container .banksy-s4 .heart-swiper .swiper-wrapper .swiper-slide {
    cursor: pointer;
}

.banksy-container .banksy-s4 .heart-swiper .swiper-wrapper .swiper-slide-active {
    cursor: default;
}

.banksy-container .banksy-s4 .heart-swiper .swiper-wrapper .swiper-slide .heart-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
}

.banksy-container .banksy-s4 .heart-item {
    height: auto;
    background: #f7f7fa;
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    position: relative;
    display: flex;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.banksy-container .banksy-s4 .heart-item4 {
    overflow: visible;
}

.banksy-container .banksy-s4 .heart-item .heart-title {
    color: #151517;
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 1.25;
}

.banksy-container .banksy-s4 .heart-item1 .heart-title {
    width: 80%;
    position: absolute;
    top: 3.333333vw;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    z-index: 1;
    text-align: center;
}

.banksy-container .banksy-s4 .heart-item1 .heart-img {
    transform: scale(1.134099616858);
    -webkit-transform: scale(1.134099616858);
    -moz-transform: scale(1.134099616858);
    transform-origin: 50% 0;
    transition: all 0.8s ease 0.3s;
    -webkit-transition: all 0.8s ease 0.3s;
    -moz-transition: all 0.8s ease 0.3s;
}

.banksy-container .banksy-s4 .heart-item1.swiper-slide-active .heart-img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.banksy-container .banksy-s4 .heart-item .heart-img img {
    transform-origin: 50% 0;
}


.banksy-container .banksy-s4 .heart-item2 .heart-title {
    width: 80%;
    position: absolute;
    top: 3.333333vw;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    z-index: 1;
    text-align: center;
}

.banksy-container .banksy-s4 .heart-item2 .copy-wrap {
    position: absolute;
    top: 10.416667vw;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    z-index: 1;
    display: flex;
    justify-content: center;
}

.banksy-container .banksy-s4 .heart-item2 .copy-wrap li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banksy-container .banksy-s4 .heart-item2 .copy-wrap li p {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    transition: all 0.8s ease 0.4s;
    -webkit-transition: all 0.8s ease 0.4s;
    -moz-transition: all 0.8s ease 0.4s;
}

.banksy-container .banksy-s4 .heart-item2 .copy-wrap li:nth-child(1) p {
    background: linear-gradient(132.07deg, #dffaf1 12.1%, #f3e5fd 94.08%, #ecdbff 94.08%);
}

.banksy-container .banksy-s4 .heart-item2 .copy-wrap li:nth-child(2) p {
    background: linear-gradient(105.43deg, #fcece7 6.66%, #e5e9fd 94.57%);
}

.banksy-container .banksy-s4 .heart-item2 .copy-wrap li:nth-child(3) p {
    background: linear-gradient(132.07deg, #f8f8e2 12.1%, #f1e2f5 94.08%);
}

.banksy-container .banksy-s4 .heart-item2.swiper-slide-active .copy-wrap li p {
    width: 100%;
}

.banksy-container .banksy-s4 .heart-item2 .copy-wrap li span {
    padding: 1.145833vw 1.458333vw;
    display: inline-block;
    color: #8B6D8E;
    font-size: 1.458333vw;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.8s ease 0.4s;
    -webkit-transition: all 0.8s ease 0.4s;
    -moz-transition: all 0.8s ease 0.4s;
}

.banksy-container .banksy-s4 .heart-item2.swiper-slide-active .copy-wrap li span {
    opacity: 1;
}

.banksy-container .banksy-s4 .heart-item2 .copy-wrap .copy-txt2 {
    margin: 0 4.427083vw;
}

.banksy-container .banksy-s4 .heart-item2 .heart-img {
    position: absolute;
    bottom: 1.5625vw;
    left: 0;
    width: 100%;
}

.banksy-container .banksy-s4 .heart-item2 .heart-img video {
    width: 20vw;
    margin: 0 auto;
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transition: all 0.8s ease 0.3s;
    -webkit-transition: all 0.8s ease 0.3s;
    -moz-transition: all 0.8s ease 0.3s;
}

.banksy-container .banksy-s4 .heart-item2.swiper-slide-active .heart-img video {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.banksy-container .banksy-s4 .heart-item3 .heart-title {
    position: absolute;
    top: 3.333333vw;
    left: 3.645833vw;
    z-index: 1;
}

.banksy-container .banksy-s4 .heart-item3 .heart-img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transition: all 0.8s ease 0.3s;
    -webkit-transition: all 0.8s ease 0.3s;
    -moz-transition: all 0.8s ease 0.3s;
}

.banksy-container .banksy-s4 .heart-item3.swiper-slide-active .heart-img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.banksy-container .banksy-s4 .heart-item4 .icon-wrap {
    width: 50%;
    margin-top: 10.15625vw;
    margin-left: 5.729167vw;
}

.banksy-container .banksy-s4 .heart-item4 .icon-list {
    margin-top: 3.125vw;
    display: flex;
}

.banksy-container .banksy-s4 .heart-item4 .icon-list li:nth-child(2) {
    margin: 0 4.6875vw 0 3.125vw;
}

.banksy-container .banksy-s4 .heart-item4 .icon-list .icon-item {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banksy-container .banksy-s4 .heart-item4 .icon-item img {
    margin: 0 auto;
}

.banksy-container .banksy-s4 .heart-item4 .icon-item1 {
    width: 5.46875vw;
}

.banksy-container .banksy-s4 .heart-item4 .icon-item2 {
    width: 5.46875vw;
}

.banksy-container .banksy-s4 .heart-item4 .icon-item3 {
    width: 5.9375vw;
}

.banksy-container .banksy-s4 .heart-item4 .icon-item span {
    display: inline-block;
    width: 200%;
    color: #6D6F72;
    font-size: 1.354167vw;
    font-weight: 300;
    line-height: 1.25;
    padding-top: 0.520833vw;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.banksy-container .banksy-s4 .heart-item4 .heart-img {
    position: absolute;
    top: 2.604167vw;
    left: 31.875vw;
    width: 25.729167vw;
    transition: transform 0.8s ease 0.3s;
    -webkit-transition: transform 0.8s ease 0.3s;
    -moz-transition: transform 0.8s ease 0.3s;
    transform-origin: left top;
}

.banksy-container .banksy-s4 .heart-item4.swiper-slide-active .heart-img {
    transform: scale(1.145748987);
    -webkit-transform: scale(1.145748987);
    -moz-transform: scale(1.145748987);
}

.banksy-container .banksy-s4 .heart-item5 .heart-title {
    width: 80%;
    text-align: center;
    margin: 3.333333vw auto 0;
}

.banksy-container .banksy-s4 .heart-item5 .heart-img {
    width: 36.458333vw;
    margin: 5.104167vw 0 0 15.15625vw;
    position: relative;
    transform: scale(1.21);
    -webkit-transform: scale(1.21);
    -moz-transform: scale(1.21);
    transition: transform 0.8s ease 0.3s;
    -webkit-transition: transform 0.8s ease 0.3s;
    -moz-transition: transform 0.8s ease 0.3s;
}

.banksy-container .banksy-s4 .heart-item5.swiper-slide-active .heart-img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.banksy-container .banksy-s4 .heart-item5 .pen-img {
    position: absolute;
    width: 15.833333vw;
    top: -1.40625vw;
    right: 0.989583vw;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    transition: transform 0.8s ease 0.3s;
    -webkit-transition: transform 0.8s ease 0.3s;
    -moz-transition: transform 0.8s ease 0.3s;
}

.banksy-container .banksy-s4 .heart-item5.swiper-slide-active .pen-img {
    transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
}


.banksy-container .banksy-s4 .heart-item6 .parms-desc {
    margin: 7.083333vw 0 0 5.46875vw;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
}

.banksy-container .banksy-s4 .heart-item6 .battery-li1 {
    margin-top: 2.1875vw;

}

.banksy-container .banksy-s4 .heart-item6 .battery-li2 {
    margin-top: 0.260417vw;
}

.banksy-container .banksy-s4 .heart-item6 .battery-desc {
    display: inline-block;
    color: #6d6f72;
    font-size: 6.25vw;
    line-height: 1.25;
    font-weight: 300;
    background: linear-gradient(238.82deg, #8aaee5 1.55%, #8cc3ad 91.45%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.banksy-container .banksy-s4 .heart-item6 .battery-desc span {
    font-size: 1.875vw;
}

.banksy-container .banksy-s4 .heart-item6 .battery-txt {
    font-weight: 300;
    color: #6d6f72;
    font-size: 1.5625vw;
    line-height: 1.25;
    margin-top: -0.5em;
}

.banksy-container .banksy-s4 .heart-item6 .heart-img {
    width: 41.40625vw;
    position: absolute;
    top: 4.270833vw;
    right: -0.833333vw;
    transition: transform 0.8s ease 0.3s;
    -webkit-transition: transform 0.8s ease 0.3s;
    -moz-transition: transform 0.8s ease 0.3s;
}

.banksy-container .banksy-s4 .heart-item6.swiper-slide-active .heart-img {
    transform: translate(0, -10.416667vw) scale(0.8767295597);
    -webkit-transform: translate(0, -10.416667vw) scale(0.8767295597);
    -moz-transform: translate(0, -10.416667vw) scale(0.8767295597);
}

.banksy-container .banksy-s4 .swiper4-controller-container {
    margin: 2.083333vw auto 0;
    display: flex;
    justify-content: center;
}

.banksy-container .banksy-s4 .swiper4-controller-container .swiper-container-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 99999px;
    -webkit-border-radius: 99999px;
    -moz-border-radius: 99999px;
    background: #F7F8FA;
    padding: 1.041667vw 1.666667vw;
}

.banksy-container .banksy-s4 .swiper4-controller-container .swiper-pagination {
    position: static;
    margin: 0 1.666667vw;
    line-height: 0;
}

.banksy-container .banksy-s4 .swiper-pagination .swiper-pagination-bullet {
    width: 0.520833vw;
    height: 0.520833vw;
    background: #000000;
    opacity: 0.2;
    outline: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.banksy-container .banksy-s4 .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: 0.520833vw;
}

.banksy-container .banksy-s4 .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    pointer-events: none;
}

.banksy-container .banksy-s4 .swiper4-controller-container .swiper-navigation {
    width: 0.729167vw;
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.banksy-container .banksy-s4 .swiper4-controller-container .button-prev {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.banksy-container .banksy-s4 .swiper4-controller-container .button-disabled {
    pointer-events: none;
    opacity: 0.1;
}

@media screen and (min-width: 1200px) {
    .banksy-container .banksy-s4 .swiper4-controller-container .swiper-navigation:hover {
        opacity: 1;
    }
}

@media screen and (max-width:1200px) {
    .banksy-container .banksy-s4 .swiper4-controller-container .swiper-navigation {
        opacity: 1;
    }

    .banksy-container .banksy-s4 .swiper4-controller-container .button-disabled {
        opacity: 0.2;
    }
}


@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s4 .heart-swiper {
        width: 83.333333vw;
        height: 111.388889vw;
    }

    .banksy-container .banksy-s4 .heart-swiper .swiper-wrapper .swiper-slide {
        cursor: default;
    }

    .banksy-container .banksy-s4 .heart-item {
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        -moz-border-radius: 2.222222vw;
    }

    .banksy-container .banksy-s4 .heart-item .heart-title {
        display: none;
    }

    .banksy-container .banksy-s4 .heart-item1 .heart-img {
        transition: transform 0.8s ease 0.2s;
        -webkit-transition: transform 0.8s ease 0.2s;
        -moz-transition: transform 0.8s ease 0.2s;
    }

    .banksy-container .banksy-s4 .heart-item2 .copy-wrap {
        top: 22.222222vw;
    }

    .banksy-container .banksy-s4 .heart-item2 .copy-wrap li span {
        padding: 2.222222vw 3.888889vw;
        font-size: 3.888889vw;
    }

    .banksy-container .banksy-s4 .heart-item2 .copy-wrap .copy-txt2 {
        margin: 0 2.777778vw;
    }

    .banksy-container .banksy-s4 .heart-item2 .heart-img {
        bottom: 13.888889vw;
    }

    .banksy-container .banksy-s4 .heart-item2 .heart-img video {
        width: 57.5vw;
    }

    .banksy-container .banksy-s4 .heart-item4 .icon-wrap {
        width: 80%;
        margin: 15.27777777777778vw auto 0;
    }

    .banksy-container .banksy-s4 .heart-item4 .icon-list {
        margin-top: 0;
        justify-content: center;
    }

    .banksy-container .banksy-s4 .heart-item4 .icon-list li:nth-child(2) {
        margin: 0 9.7222222222222vw;
    }

    .banksy-container .banksy-s4 .heart-item4 .icon-list .icon-item {}

    .banksy-container .banksy-s4 .heart-item4 .icon-item1 {
        width: 13.611111vw;
    }

    .banksy-container .banksy-s4 .heart-item4 .icon-item2 {
        width: 13.611111vw;
    }

    .banksy-container .banksy-s4 .heart-item4 .icon-item3 {
        width: 14.722222vw;
    }

    .banksy-container .banksy-s4 .heart-item4 .icon-item span {
        width: 110%;
        font-size: 2.7777778vw;
        padding-top: 1.38888888889vw;
        height: 3em;
    }

    .banksy-container .banksy-s4 .heart-item4 .heart-img {
        top: 41.527778vw;
        left: 10.555556vw;
        width: 50vw;
        transition: transform 0.8s ease 0.2s;
        -webkit-transition: transform 0.8s ease 0.2s;
        -moz-transition: transform 0.8s ease 0.2s;
    }

    .banksy-container .banksy-s4 .heart-item4.swiper-slide-active .heart-img {
        transform: scale(1.197222222222222);
        -webkit-transform: scale(1.197222222222222);
        -moz-transform: scale(1.197222222222222);
    }

    .banksy-container .banksy-s4 .heart-item5 .heart-img {
        width: 58.055556vw;
        margin: 16.666667vw 0 10.138889vw 10.694444vw;
        transition: transform 0.8s ease 0.2s;
        -webkit-transition: transform 0.8s ease 0.2s;
        -moz-transition: transform 0.8s ease 0.2s;
    }

    .banksy-container .banksy-s4 .heart-item5 .pen-img {
        width: 30.277778vw;
        top: 12.222222vw;
        right: -5.555556vw;
    }

    .banksy-container .banksy-s4 .heart-item6 .parms-desc {
        display: flex;
        margin: 16.666667vw auto 0;
        flex-direction: row;
        justify-content: center;
    }

    .banksy-container .banksy-s4 .heart-item6 .battery-li1 {
        margin-top: 0;
    }

    .banksy-container .banksy-s4 .heart-item6 .battery-li2 {
        margin: 0 0 0 8.888889vw;
    }

    .banksy-container .banksy-s4 .heart-item6 .battery-desc {
        font-size: 12.222222vw;
    }

    .banksy-container .banksy-s4 .heart-item6 .battery-desc span {
        font-size: 3.888889vw;
    }

    .banksy-container .banksy-s4 .heart-item6 .battery-txt {
        font-size: 3.055556vw;
    }

    .banksy-container .banksy-s4 .heart-item6 .heart-img {
        width: 85.833333vw;
        top: 28.472222vw;
        right: 50%;
        transform: translate(50%, 0);
        -webkit-transform: translate(50%, 0);
        -moz-transform: translate(50%, 0);
        transition: transform 0.8s ease 0.2s;
        -webkit-transition: transform 0.8s ease 0.2s;
        -moz-transition: transform 0.8s ease 0.2s;
    }

    .banksy-container .banksy-s4 .heart-item6.swiper-slide-active .heart-img {
        transform: translate(50%, -10.416667vw) scale(0.8767295597);
        -webkit-transform: translate(50%, -10.416667vw) scale(0.8767295597);
        -moz-transform: translate(50%, -10.416667vw) scale(0.8767295597);
    }

    .banksy-container .banksy-s4 .swiper4-controller-container {
        margin: 8.888889vw auto 0;
    }

    .banksy-container .banksy-s4 .swiper4-controller-container .swiper-container-wrap {
        padding: 4.1666666666667vw 6.666667vw;
    }

    .banksy-container .banksy-s4 .swiper4-controller-container .swiper-pagination {
        margin: 0 6.666667vw;
    }

    .banksy-container .banksy-s4 .swiper-pagination .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
    }

    .banksy-container .banksy-s4 .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
        margin-left: 3.333333vw;
    }

    .banksy-container .banksy-s4 .swiper4-controller-container .swiper-navigation {
        width: 3.055556vw;
    }

    .banksy-container .banksy-s4 .swiper4-controller-container .button-disabled {
        pointer-events: none;
    }

    .banksy-container .banksy-s4 .swiper4-mob-container {
        width: 83.333333vw;
        margin: 5.555556vw auto 0;
    }

    .banksy-container .banksy-s4 .swiper4-mob-container .swiper-slide {
        transition: opacity 0.1s linear !important;
        -webkit-transition: opacity 0.1s linear !important;
        -moz-transition: opacity 0.1s linear !important;
    }

    .banksy-container .banksy-s4 .swiper4-mob-container .big-title {
        color: #000;
        text-align: center;
        font-size: 5.555556vw;
        line-height: 1.25;
        font-weight: 300;
    }
}


/* s4 end */
/* s5 start */
.banksy-container .banksy-s5 {
    margin: 10.416667vw 0 0;
}

.banksy-container .banksy-s5 .title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banksy-container .banksy-s5 .title-wrap .title-row1 {
    Width: 25.208333vw;
}


@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s5 {
        margin: 27.777778vw 0 0;
    }
    .banksy-container .banksy-s5 .title-wrap .title-row1 {
        Width: 67.222222222222223vw;
    }
}

/* s5 end */
/* s6 start */
.banksy-container .banksy-s6 {
    margin: 10.416667vw 0 0;
}

.banksy-container .banksy-s6 .content-wrap {
    width: 75vw;
    margin: 0 auto;
    text-align: center;
}

.banksy-container .banksy-s6 .s6-swiper {
    margin: 2.916667vw 0 0;
}

.banksy-container .banksy-s6 .s6-swiper .swiper6 {
    width: 75vw;
    margin: 0 auto;
    background: #f0efef;
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.banksy-container .banksy-s6 .s6-swiper .swiper-slide {
    position: relative;
    transform: scale(1.2) !important;
    -webkit-transform: scale(1.2) !important;
    -moz-transform: scale(1.2) !important;
    opacity: 1 !important;
}

.banksy-container .banksy-s6 .s6-swiper .swiper-slide+.swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
}

.banksy-container .banksy-s6 .s6-swiper .swiper-slide.prev {
    z-index: 2;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    transition: transform 0.6s linear, opacity 0.6s linear !important;
    -webkit-transition: transform 0.6s linear, opacity 0.6s linear !important;
    -moz-transition: transform 0.6s linear, opacity 0.6s linear !important;
}

.banksy-container .banksy-s6 .s6-swiper .swiper-slide.active {
    z-index: 3;
    opacity: 1;
    animation: sildeClip 0.6s ease-out forwards;
    -webkit-animation: sildeClip 0.6s ease-out forwards;
    transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    transition: transform 0.6s linear, opacity 0s linear !important;
    -webkit-transition: transform 0.6s linear, opacity 0s linear !important;
    -moz-transition: transform 0.6s linear, opacity 0s linear !important;
}

.banksy-container .banksy-s6 .s6-swiper .swiper-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.083333vw auto 0;
}

.banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns {
    display: inline-flex;
}

.banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns li {
    outline: 0;
    width: 2.5vw;
    pointer-events: all;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1200px) {
    .banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns li {
        cursor: pointer;
    }
}

.banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns li:nth-child(n+2) {
    margin-left: 1.5625vw;
}

.banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns li svg {
    outline: 0;
}

.banksy-container .banksy-s6 .s6-swiper .swiper6-btns .circle-show {
    opacity: 0;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
}

.banksy-container .banksy-s6 .s6-swiper .swiper6-btns li.curr {
    pointer-events: none;
}

.banksy-container .banksy-s6 .s6-swiper .swiper6-btns li.curr .circle-show {
    opacity: 1;
}

.banksy-container .banksy-s6 .s6-swiper .swiepr6-descs {
    width: 26.520833vw;
    display: flex;
    margin-left: 8.489583vw;
}

.banksy-container .banksy-s6 .s6-swiper .swiepr6-descs p {
    width: 100%;
    flex-shrink: 0;
    color: #6d6f72;
    font-size: 1.145833vw;
    line-height: 1.6;
    font-weight: 400;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s linear;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
}

.banksy-container .banksy-s6 .s6-swiper .swiepr6-descs p.show {
    opacity: 1;
    pointer-events: all;
}

.banksy-container .banksy-s6 .s6-swiper .swiepr6-descs p:nth-child(2) {
    transform: translate(-100%);
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
}

.banksy-container .banksy-s6 .s6-swiper .swiepr6-descs p:nth-child(3) {
    transform: translate(-200%);
    -webkit-transform: translate(-200%);
    -moz-transform: translate(-200%);
}

.banksy-container .banksy-s6 .s6-swiper .swiepr6-descs p:nth-child(4) {
    transform: translate(-300%);
    -webkit-transform: translate(-300%);
    -moz-transform: translate(-300%);
}

@keyframes sildeClip {
    0% {
        clip-path: inset(0 0 0 100%);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s6 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s6 .content-wrap {
        width: 77.777778vw;
    }

    .banksy-container .banksy-s6 .s6-swiper {
        margin: 7.777778vw 0 0;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiper6 {
        width: 91.11111111111111vw;
        border-radius: 2.77777778vw;
        -webkit-border-radius: 2.77777778vw;
        -moz-border-radius: 2.77777778vw;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiper-slide.prev {
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiper-slide.active {
        transform: scale(1.01) !important;
        -webkit-transform: scale(1.01) !important;
        -moz-transform: scale(1.01) !important;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiper-controls {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 6.66666666667vw auto 0;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns li {
        width: 8.888889vw;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns li:nth-child(n+2) {
        margin-left: 5.138888888888889vw;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiepr6-descs {
        width: 95%;
        margin: 3.333333333333333vw auto 0;
        text-align: center;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiepr6-descs p {
        font-size: 4.444444vw;
    }
}


/* s6 end */
/* s7 start */
.banksy-container .banksy-s7 {
    margin: 10.416667vw 0 0;
}

.banksy-container .banksy-s7 .content-wrap {
    width: 75vw;
    margin: 0 auto;
    text-align: center;
}

.banksy-container .banksy-s7 .content-wrap .text-p {
    width: 48.4375vw;
    margin: 2.083333vw auto 0;
}

.banksy-container .banksy-s7 .s7-img {
    width: 75vw;
    margin: 2.916667vw auto 0;
}

.banksy-container .banksy-s7 .s7-img video {
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s7 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s7 .content-wrap {
        width: 77.777778vw;
        text-align: left;
    }

    .banksy-container .banksy-s7 .content-wrap .text-p {
        width: 100%;
        margin: 5.555556vw 0 0;
    }

    .banksy-container .banksy-s7 .s7-img {
        width: 91.111111vw;
        margin: 7.777778vw auto 0;
    }

    .banksy-container .banksy-s7 .s7-img video {
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
    }
}

/* s7 end */
/* s8 start */
.banksy-container .banksy-s8 {
    margin: 7.291667vw 0 0;
}

.banksy-container .banksy-s8 .sequence-container {
    position: relative;
    height: 300vh;
    z-index: 1;
}

.banksy-container .banksy-s8 .sequence-animation1 {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    pointer-events: all;
    overflow: hidden;
}

.banksy-container .banksy-s8 .sequence-animation1 .content-wrap {
    position: absolute;
    top: 3.125vw;
    left: 50%;
    z-index: 1;
    display: flex;
    justify-content: center;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

.banksy-container .banksy-s8 .sequence-animation1 .big-title {
    flex-shrink: 0;
}

.banksy-container .banksy-s8 .sequence-animation1 .right-content {
    flex-shrink: 0;
    width: 25vw;
    margin-left: 10.416667vw;
}

.banksy-container .banksy-s8 .sequence-animation1 .right-content .parms-descs {
    display: flex;
    margin-top: 1.71875vw;
}

.banksy-container .banksy-s8 .sequence-animation1 .parms-descs li:nth-child(2) {
    margin-left: 5.885417vw;
}

.banksy-container .banksy-s8 .sequence-animation1 .parms-descs li h6 {
    color: #6D6F72;
    font-size: 1.145833vw;
    line-height: 1.6;
    font-weight: 300;
}

.banksy-container .banksy-s8 .sequence-animation1 .parms-descs li p {
    margin-top: 0.416667vw;
    color: #151517;
    font-size: 2.604167vw;
    font-weight: 300;
    line-height: 1.25;
}

.banksy-container .banksy-s8 .sequence-animation1 .parms-descs li p span {
    font-size: 1.666667vw;
}

.banksy-container .banksy-s8 .sequence-animation1 canvas {
    display: block;
    width: 100vw;
    height: 100vh;
    position: absolute;
    bottom: 0;
    left: 0;
}

.banksy-container .banksy-s8 .sequence-animation2 {
    margin-top: -100vh;
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
    overflow: hidden;
    padding-bottom: 10.416667vw;
}

.banksy-container .banksy-s8 .sequence-animation2 .content-wrap {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    position: relative;
}

.banksy-container .banksy-s8 .sequence-animation2 .big-title {
    position: absolute;
    top: 6%;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translate(0, 4vw);
    -webkit-transform: translate(0, 4vw);
    -moz-transform: translate(0, 4vw);
}

.banksy-container .banksy-s8 .sequence-animation2 .pad-id-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}

.banksy-container .banksy-s8 .sequence-animation2 .pad-id-img {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.banksy-container .banksy-s8 .sequence-animation2 .pad-shadow-line{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
}

.banksy-container .banksy-s8 .sequence-animation2 .pad-id-img picture,
.banksy-container .banksy-s8 .sequence-animation2 .pad-id-img img {
    height: 100%;
    object-fit: cover;
}

.banksy-container .banksy-s8 .sequence-animation2 .pad-id-shadow {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 14.322917vw;
    left: 0;
    z-index: -1;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
}
.banksy-container .banksy-s8 .sequence-animation2 .text-wrap{
    position: absolute;
    top: 82%;
    display: flex;
    justify-content: center;
}
.banksy-container .banksy-s8 .sequence-animation2 .text-p {
    width: 40.208333vw;
    opacity: 0;
    transform: translate(0, 5.5vw);
    -webkit-transform: translate(0, 5.5vw);
    -moz-transform: translate(0, 5.5vw);
}

.banksy-container .banksy-s8 .sequence-animation2 .prams-desc {
    width: 42.447917vw;
    margin: 1.041667vw auto 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    opacity: 0;
    transform: translate(0, 5vw);
    -webkit-transform: translate(0, 5vw);
    -moz-transform: translate(0, 5vw);
}

.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(1),
.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(4) {
    width: 5.729167vw;
}

.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(2),
.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(5) {
    width: 7.8125vw;
    margin: 0 7.291667vw 0 8.802083vw;
}

.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(3),
.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(6) {
    width: 11.25vw;
}

.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(n+4) {
    margin-top: 2.083333vw;
}


.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li h5 {
    display: inline-block;
    color: #151517;
    font-size: 2.083333vw;
    line-height: 1.25;
    font-weight: 300;
    background: linear-gradient(108.8deg, #7c82fc -3.15%, #f78d8d 116.14%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}


.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li h5 span {
    font-size: 1.666667vw;
}

.banksy-container .banksy-s8 .sequence-animation2 .prams-desc li p {
    color: rgba(109, 111, 114, 1);
    font-size: 0.9375vw;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 0.260417vw;
}

.banksy-container .banksy-s8 .sequence-animation2 .prams-desc .desc-li6 img {
    width: 8.333333vw;
}

@media screen and (max-aspect-ratio:16/9) and (min-aspect-ratio:16/11) {
    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc{
        margin: -2.083333vw auto 0;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .banksy-container .banksy-s8 .sequence-animation1 .right-content {
        width: 37vw;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .big-title {
        transform: translate(0, 2.5vw);
        -webkit-transform: translate(0, 2.5vw);
        -moz-transform: translate(0, 2.5vw);
    }
    
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s8 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s8 .sequence-container {
        position: relative;
        height: auto;
    }

    .banksy-container .banksy-s8 .sequence-animation1 {
        position: static;
        height: auto;
        display: block;
    }

    .banksy-container .banksy-s8 .sequence-animation1 .content-wrap {
        width: 77.777778vw;
        margin: 0 auto;
        position: static;
        display: block;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
    }

    .banksy-container .banksy-s8 .sequence-animation1 .right-content {
        width: 100%;
        margin: 5.555556vw auto 0;
    }

    .banksy-container .banksy-s8 .sequence-animation1 .right-content .parms-descs {
        margin-top: 6.944444444445vw;
    }

    .banksy-container .banksy-s8 .sequence-animation1 .parms-descs li:nth-child(2) {
        margin-left: 13.194444vw;
    }

    .banksy-container .banksy-s8 .sequence-animation1 .parms-descs li h6 {
        font-size: 4.444444vw;
    }

    .banksy-container .banksy-s8 .sequence-animation1 .parms-descs li p {
        margin-top: 1.666667vw;
        font-size: 8.888889vw;
    }

    .banksy-container .banksy-s8 .sequence-animation1 .parms-descs li p span {
        font-size: 5.555556vw;
    }

    .banksy-container .banksy-s8 .sequence-animation1 canvas {
        display: none;
    }

    .banksy-container .banksy-s8 .sequence-animation1 .light-img {
        margin: 7.77777777778vw auto 0;
    }

    .banksy-container .banksy-s8 .sequence-animation2 {
        margin: 27.777778vw 0 0;
        position: static;
        display: block;
        pointer-events: all;
        padding-bottom: 27.7777778vw;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .content-wrap {
        width: 77.777778vw;
        height: auto;
        padding: 0;
        margin: 0 auto;
        display: block;
        text-align: left;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .big-title {
        position: static;
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        text-align: left;
    }
    .banksy-container .banksy-s8 .sequence-animation2 .text-wrap{
        position: static;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .pad-id-img-wrap {
        position: static;
        height: auto;
        margin: 7.77777778vw auto 0;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .pad-id-img {
        position: relative;
    }
    .banksy-container .banksy-s8 .sequence-animation2 .pad-shadow-line{
        display:none;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .pad-id-shadow {
        display: none;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .text-p {
        width: 100%;
        margin: 5.555556vw 0 0;
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc {
        width: 100%;
        margin: -35.288889vw auto 0;
        padding: 0 0 0 9.027778vw;
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        justify-content: flex-start;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc li {
        width: auto;
        text-align: left;
        align-items: flex-start;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(odd) {
        width: 50%;
        margin: 0;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(even) {
        width: 30%;
        margin: 0 0 0 14.72222222222222vw;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc li:nth-child(n+3) {
        margin-top: 6.111111111111111vw;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc li h5 {
        font-size: 8.888889vw;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc li h5 span {
        font-size: 5.555556vw;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc li p {
        font-size: 3.611111111111111vw;
        margin-top: 1.66666666666666vw;
    }

    .banksy-container .banksy-s8 .sequence-animation2 .prams-desc .desc-li6 img {
        width: 25.972222222vw;
        transform: translateX(-0.3125vw);
        -webkit-transform: translateX(-0.3125vw);
        -moz-transform: translateX(-0.3125vw);
    }
}

/* s8 end */
/* s10 start */

.banksy-container .banksy-s10 .content-wrap {
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.banksy-container .banksy-s10 .content-wrap .text-p {
    width: 24.375vw;
    margin-left: 10.416667vw;
}

.banksy-container .banksy-s10 .s10-img {
    width: 75vw;
    margin: 2.916667vw auto 0;
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.banksy-container .banksy-s10 .icons-wrap {
    width: 75vw;
    margin: 3.125vw auto 0;
    display: flex;
    justify-content: center;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li2 {
    margin: 0 3.854167vw 0 3.697917vw;
    padding: 0 2.916667vw 0 3.854167vw;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li2::before,
.banksy-container .banksy-s10 .icons-wrap .icon-li2::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    background: #a0a0a0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.banksy-container .banksy-s10 .icons-wrap .icon-li2::before {
    left: 0;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li2::after {
    right: 0;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li .icon-img {
    width: 3.75vw;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li1 .icon-img {
    width: 7.083333vw;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li p {
    color: #6d6f72;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.25;
    margin-left: 0.9375vw;
}

.banksy-container .banksy-s10 .txt-ps {
    width: 60%;
    margin: 2.34375vw auto 0;
    color: rgba(109, 111, 114, 0.6);
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
    .banksy-container .banksy-s10 .txt-ps {
        font-size: 12px;
    }
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s10 .content-wrap {
        width: 77.777778vw;
        flex-direction: column;
    }

    .banksy-container .banksy-s10 .content-wrap .text-p {
        width: 100%;
        margin: 5.555556vw auto 0;
    }

    .banksy-container .banksy-s10 .s10-img {
        width: 91.11111111111111vw;
        margin: 7.777778vw auto 0;
        border-radius: 2.7777779vw;
        -webkit-border-radius: 2.7777779vw;
        -moz-border-radius: 2.7777779vw;
    }

    .banksy-container .banksy-s10 .icons-wrap {
        width: 77.77777777777778vw;
        margin: 11.11111111111111vw auto 0;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

    .banksy-container .banksy-s10 .icons-wrap .icon-li {
        align-items: center;
        justify-content: center;
    }

    .banksy-container .banksy-s10 .icons-wrap .icon-li2 {
        padding: 0;
        margin: 0;
    }

    .banksy-container .banksy-s10 .icons-wrap .icon-li:nth-child(n+2) {
        margin-top: 6.111111vw;
    }

    .banksy-container .banksy-s10 .icons-wrap .icon-li2::before,
    .banksy-container .banksy-s10 .icons-wrap .icon-li2::after {
        display: none;
    }

    .banksy-container .banksy-s10 .icons-wrap .icon-li .icon-img {
        width: 25.694444vw;
    }

    .banksy-container .banksy-s10 .icons-wrap .icon-li .icon-img img {
        width: 13.472222vw;
        margin: 0 auto;
    }

    .banksy-container .banksy-s10 .icons-wrap .icon-li1 .icon-img img {
        width: 25.694444vw;
    }

    .banksy-container .banksy-s10 .icons-wrap .icon-li p {
        font-size: 3.611111vw;
        margin-left: 5.555556vw;
        font-weight: 400;
    }

    .banksy-container .banksy-s10 .txt-ps {
        width: 77.777778vw;
        margin: 8.888889vw auto 0;
        font-size: 3.055556vw;
        font-weight: 400;
        text-align: left;
    }
}

/* s10 end */
/* s11 start */
.banksy-container .banksy-s11 {
    margin: 10.416667vw 0 0;
}

.banksy-container .banksy-s11 .title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banksy-container .banksy-s11 .title-wrap .title-row1{
    width: 24.53125vw;
}


@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s11 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s11 .title-wrap .title-row1 {
        width: 65.41666666666667vw;
    }

}

/* s11 end */
/* s12 start */
.banksy-container .banksy-s12 {
    margin: 10.416667vw 0 0;
    overflow: hidden;
}

.banksy-container .banksy-s12 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    padding-left: 1.71875vw;
}

.banksy-container .banksy-s12 .s12-swiper {
    width: 67.5vw;
    margin: 2.916667vw auto 0;
}

.banksy-container .banksy-s12 .swiper12 {
    width: 100%;
}

.banksy-container .banksy-s12 .swiper12 .swiper-slide {
    width: 33.125vw;
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.banksy-container .banksy-s12 .swiper12 .swiper-slide:not(:last-child) {
    margin-right: 1.25vw;
}

.banksy-container .banksy-s12 .swiper12 .slide-img {
    position: relative;
}

.banksy-container .banksy-s12 .swiper12 .card-descs {
    position: absolute;
    z-index: 2;
    top: 2.239583vw;
    left: 2.447917vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.banksy-container .banksy-s12 .swiper12 .card-descs span {
    color: #ffffff;
    font-size: 0.9375vw;
    font-weight: 400;
    line-height: 1.25;
}

.banksy-container .banksy-s12 .swiper12 .card-descs h5 {
    color: #ffffff;
    font-size: 1.458333vw;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 0.520833vw;
}

@media screen and (max-width:1280px) {
    .banksy-container .banksy-s12 .swiper12 .card-descs span {
        font-size: 12px;
    }
}

.banksy-container .banksy-s12 .swiper-control-wrap {
    margin: 1.25vw auto 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.banksy-container .banksy-s12 .swiper-control-wrap .swiper-scrollbar {
    display: none;
}

.banksy-container .banksy-s12 .swiper-buttons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.banksy-container .banksy-s12 .swiper-buttons>div {
    position: static;
    width: 2.8645834vw;
    outline: 0;
    display: block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 0.4;
    padding: 1px;
}

.banksy-container .banksy-s12 .swiper-buttons .btn-scale {
    transform: scale(0.875);
    -webkit-transform: scale(0.875);
    -moz-transform: scale(0.875);
}

@media screen and (min-width:1200px) {
    .banksy-container .banksy-s12 .swiper-buttons>div:hover {
        opacity: 1;
    }

    .banksy-container .banksy-s12 .swiper-buttons>div {
        cursor: pointer;
    }
}

@media screen and (max-width:1200px) {
    .banksy-container .banksy-s12 .swiper-buttons>div {
        opacity: 1;
    }
}


.banksy-container .banksy-s12 .swiper12-button-prev img {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

.banksy-container .banksy-s12 .swiper12-button-next {
    margin-left: 0.78125vw;
}

.banksy-container .banksy-s12 .swiper12-button-prev.swiper-button-disabled,
.banksy-container .banksy-s12 .swiper12-button-next.swiper-button-disabled {
    opacity: 0.1;
    cursor: auto;
    pointer-events: none;
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s12 {
        margin: 27.777778vw 0 0;
        overflow: hidden;
    }

    .banksy-container .banksy-s12 .content-wrap {
        width: 77.777778vw;
        padding-left: 0;
    }

    .banksy-container .banksy-s12 .s12-swiper {
        width: 91.111111vw;
        margin: 7.777778vw auto 0;
    }

    .banksy-container .banksy-s12 .swiper12 .swiper-slide {
        width: 100%;
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
    }

    .banksy-container .banksy-s12 .swiper12 .swiper-slide .slide-img {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transition: transform 0.6s ease;
        -webkit-transition: transform 0.6s ease;
        -moz-transition: transform 0.6s ease;
    }

    .banksy-container .banksy-s12 .swiper12 .swiper-slide-active .slide-img {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
    }

    .banksy-container .banksy-s12 .swiper12 .swiper-slide:not(:last-child) {
        margin-right: 4.583333333333333vw;
    }

    .banksy-container .banksy-s12 .swiper12 .card-descs {
        top: 8.333333vw;
        left: 8.333333vw;
        opacity: 0;
        transition: all 0.6s linear;
        -webkit-transition: all 0.6s linear;
        -moz-transition: all 0.6s linear;
    }

    .banksy-container .banksy-s12 .swiper12 .swiper-slide-active .card-descs {
        opacity: 1;
    }

    .banksy-container .banksy-s12 .swiper12 .card-descs span {
        font-size: 3.611111vw;
    }

    .banksy-container .banksy-s12 .swiper12 .card-descs h5 {
        font-size: 4.444444vw;
        margin-top: 1.388889vw;
    }

    .banksy-container .banksy-s12 .swiper-control-wrap {
        margin: 5.555556vw auto 0;
        justify-content: space-between;
    }

    .banksy-container .banksy-s12 .swiper-control-wrap .swiper-scrollbar {
        display: block;
        width: 33.333333vw;
        height: 2px;
        background: rgba(175, 175, 175, 0.3);
    }

    .banksy-container .banksy-s12 .swiper-control-wrap .swiper-scrollbar-drag {
        top: -1px;
        height: 4px;
        background: #505050;
    }

    .banksy-container .banksy-s12 .swiper-buttons>div {
        width: 12.083333vw;
        opacity: 1;
        transition: transform 0.2s ease, opacity 0.6s ease;
        -webkit-transition: transform 0.2s ease, opacity 0.6s ease;
        -moz-transition: transform 0.2s ease, opacity 0.6s ease;
    }

    .banksy-container .banksy-s12 .swiper12-button-next {
        margin-left: 3.333333vw;
    }

    .banksy-container .banksy-s12 .swiper12-button-prev.swiper-button-disabled,
    .banksy-container .banksy-s12 .swiper12-button-next.swiper-button-disabled {
        opacity: 0.4;
    }
}

/* s12 end */
/* s13 start */
.banksy-container .banksy-s13 {
    margin: 10.416667vw 0 0;
}

.banksy-container .banksy-s13 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.banksy-container .banksy-s13 .content-wrap .text-p {
    width: 39.166667vw;
    margin: 2.083333vw auto 0;
}

.banksy-container .banksy-s13 .s13-swiper {
    margin: 2.916667vw auto 0;
}

.banksy-container .banksy-s13 .swiper13 {
    width: 46.875vw;
    height: 32.03125vw;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.banksy-container .banksy-s13 .swiper13 .slide-video {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banksy-container .banksy-s13 .swiper13 .slide-video video {
    width: 71.241667vw;
}


.banksy-container .banksy-s13 .swiper13-control-wrap {
    width: 67.5vw;
    margin: 2.916667vw auto 0;
}

.banksy-container .banksy-s13 .swiper13-pagination {
    width: 31.875vw;
    --btnW: 8.59375vw;
    --xDist: 0;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    border-top: 1px solid #707070;
    padding-top: 1.041667vw;
}

.banksy-container .banksy-s13 .swiper13-pagination::before {
    content: "";
    display: block;
    position: absolute;
    top: -1.5px;
    left: 0;
    width: 7.708333vw;
    width: var(--btnW);
    height: 2px;
    background: #2e2e2e;
    transform: translateX(var(--xDist));
    -webkit-transform: translateX(var(--xDist));
    -moz-transform: translateX(var(--xDist));
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    z-index: 1;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
}

.banksy-container .banksy-s13 li {
    padding: 0 0.520833vw;
    text-align: center;
}

.banksy-container .banksy-s13 li h4 {
    outline: 0;
    opacity: 0.4;
    color: #151517;
    font-size: 1.458333vw;
    font-weight: 400;
    line-height: 1.25;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
}

@media screen and (min-width: 1200px) {
    .banksy-container .banksy-s13 li h4 {
        cursor: pointer;
    }
}

.banksy-container .banksy-s13 li.active h4 {
    opacity: 1;
}

.banksy-container .banksy-s13 .swiper-descs {
    width: 45.3125vw;
    margin: 1.822917vw auto 0;
    display: flex;
    align-items: flex-start;
}

.banksy-container .banksy-s13 .swiper-descs p {
    flex-shrink: 0;
    width: 100%;
    color: #6d6f72;
    font-size: 1.041667vw;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
}

.banksy-container .banksy-s13 .swiper-descs p.active {
    opacity: 1;
    pointer-events: auto;
}

.banksy-container .banksy-s13 .swiper-descs p:nth-child(2) {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
}

.banksy-container .banksy-s13 .swiper-descs p:nth-child(3) {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s13 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s13 .content-wrap {
        width: 77.777778vw;
        margin: 0 auto;
        text-align: left;
    }

    .banksy-container .banksy-s13 .content-wrap .text-p {
        width: 100%;
        margin: 5.555556vw auto 0;
    }

    .banksy-container .banksy-s13 .s13-swiper {
        margin: 7.777778vw auto 0;
    }

    .banksy-container .banksy-s13 .swiper13 {
        width: 100%;
        height: 70.277778vw;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }

    .banksy-container .banksy-s13 .swiper13 .slide-video video {
        width: 134.722222vw;
    }


    .banksy-container .banksy-s13 .swiper13-control-wrap {
        width: 91.66666666666667vw;
        margin: 5.555555555555556vw auto 0;
    }

    .banksy-container .banksy-s13 .swiper13-pagination {
        width: 100%;
        --btnW: 18.888889vw;
        padding-top: 2.77777778vw;
        border-top: 2px solid rgba(175, 175, 175, 0.3);
    }

    .banksy-container .banksy-s13 .swiper13-pagination::before {
        top: -3px;
        width: 18.888889vw;
        width: var(--btnW);
        height: 4px;
    }

    .banksy-container .banksy-s13 li {
        padding: 0 0.555556vw;
    }

    .banksy-container .banksy-s13 li h4 {
        font-size: 4.444444vw;
    }

    .banksy-container .banksy-s13 .swiper-descs {
        width: 90.27777777777778vw;
        margin: 8.888889vw auto 0;
    }

    .banksy-container .banksy-s13 .swiper-descs p {
        font-size: 3.888889vw;
    }

}

/* s13 end */
/* s14 start */
.banksy-container .banksy-s14 {
    margin: 10.416667vw 0 0;
}

.banksy-container .banksy-s14 .content-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.banksy-container .banksy-s14 .left-content {
    display: flex;
    align-items: center;
}

.banksy-container .banksy-s14 .left-content img {
    width: 7.1875vw;
}

.banksy-container .banksy-s14 .left-content .big-title {
    margin-left: 1.666667vw;
}

.banksy-container .banksy-s14 .right-content {
    width: 26.5625vw;
    margin-left: 8.541667vw;
}

.banksy-container .banksy-s14 .video-wrap {
    width: 57.708333vw;
    margin: 2.916667vw auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.banksy-container .banksy-s14 .icon-list {
    width: 47.135417vw;
    margin: 2.916667vw auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.banksy-container .banksy-s14 .icon-list li {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}

.banksy-container .banksy-s14 .icon-list li:nth-child(1),
.banksy-container .banksy-s14 .icon-list li:nth-child(4) {
    width: 11.354167vw;
}

.banksy-container .banksy-s14 .icon-list li:nth-child(2),
.banksy-container .banksy-s14 .icon-list li:nth-child(5) {
    width: 13.802083vw;
    margin-left: 6.458333vw;
}

.banksy-container .banksy-s14 .icon-list li:nth-child(3),
.banksy-container .banksy-s14 .icon-list li:nth-child(6) {
    margin-left: 5.46875vw;
}

.banksy-container .banksy-s14 .icon-list li:nth-child(n+4) {
    margin-top: 2.083333vw;
}

.banksy-container .banksy-s14 .icon-list li img {
    width: 4.0625vw;
    height: 4.0625vw;
}

.banksy-container .banksy-s14 .icon-list li p {
    color: #6d6f72;
    font-size: 1.25vw;
    line-height: 1.25;
    font-weight: 400;
    margin-left: 0.78125vw;
    white-space: nowrap;
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s14 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s14 .content-wrap {
        flex-direction: column;
        width: 77.777778vw;
        margin: 0 auto;
    }

    .banksy-container .banksy-s14 .left-content {
        align-items: flex-start;
        flex-direction: column;
    }

    .banksy-container .banksy-s14 .left-content img {
        width: 19.16666666666667vw;
    }

    .banksy-container .banksy-s14 .left-content .big-title {
        margin: 6.94444444445vw 0 0;
    }

    .banksy-container .banksy-s14 .right-content {
        width: 100%;
        margin: 5.555556vw auto 0;
    }

    .banksy-container .banksy-s14 .right-content .text-ps {
        margin-top: 5.555556vw;
        font-size: 3.333333vw;
    }

    .banksy-container .banksy-s14 .video-wrap {
        width: 100%;
        margin: 7.7777778vw auto 0;
    }

    .banksy-container .banksy-s14 .icon-list {
        width: 100%;
        margin: 8.8888888889vw auto 0;
        padding: 0 6.9444444444vw;
    }

    .banksy-container .banksy-s14 .icon-list li:nth-child(odd) {
        width: 53%;
        margin-left: 0;
    }

    .banksy-container .banksy-s14 .icon-list li:nth-child(even) {
        width: 43%;
        margin-left: 0;
    }

    .banksy-container .banksy-s14 .icon-list li:nth-child(n+3) {
        margin-top: 6.25vw;
    }

    .banksy-container .banksy-s14 .icon-list li img {
        width: 10.83333333334vw;
        height: 10.83333333334vw;
    }

    .banksy-container .banksy-s14 .icon-list li p {
        font-size: 4.444444vw;
        margin-left: 2.0833333333333vw;
    }

}

/* s14 end */
/* s15 start */
.banksy-container .banksy-s15 {
    margin: 10.416667vw 0 0;
}

.banksy-container .banksy-s15 .content-wrap {
    width: 45.3125vw;
    margin: 0 auto;
    text-align: center;
}

.banksy-container .banksy-s15 .id-img-container {
    width: 100%;
    overflow: hidden;
    padding-top: 2.916667vw;
    padding-bottom: 10.416667vw;
}

.banksy-container .banksy-s15 .id-img-wrap {
    width: 31.25vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.banksy-container .banksy-s15 .id-img-wrap .id-img {
    width: 31.25vw;
}

.banksy-container .banksy-s15 .id-img-wrap .id-img .id-imgbox {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
}

.banksy-container .banksy-s15 .id-img-wrap .id-img1 {
    position: absolute;
    top: 0;
    z-index: 3;
    transform: translate(3.645833vw, 0);
    -webkit-transform: translate(3.645833vw, 0);
    -moz-transform: translate(3.645833vw, 0);
}

.banksy-container .banksy-s15 .id-img-wrap .id-img2 {
    position: absolute;
    top: 0;
    z-index: 2;
    transform: translate(0.78125vw, 9.791667vw);
    -webkit-transform: translate(0.78125vw, 9.791667vw);
    -moz-transform: translate(0.78125vw, 9.791667vw);
}

.banksy-container .banksy-s15 .id-img-wrap .id-img3 {
    position: relative;
    z-index: 1;
    margin-top: 20.3125vw;
    transform: translate(0, -20.3125vw);
    -webkit-transform: translate(0, -20.3125vw);
    -moz-transform: translate(0, -20.3125vw);
}

.banksy-container .banksy-s15 .id-img-wrap .id-img1 .id-imgbox {
    transform: rotate(-22deg);
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
}

.banksy-container .banksy-s15 .id-img-wrap .id-img2 .id-imgbox {
    transform: rotate(-22deg);
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
}

.banksy-container .banksy-s15 .id-img-wrap .id-img3 .id-imgbox {
    transform: rotate(-22deg);
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
}


@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s15 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s15 .content-wrap {
        width: 84.72222222222222vw;
        text-align: left;
        margin-left: 11.11111111111111vw;
    }

    .banksy-container .banksy-s15 .id-img-container {
        padding-top: 7.777777778vw;
        padding-bottom: 27.777777778vw;
    }

    .banksy-container .banksy-s15 .id-img-wrap {
        width: 72.222222vw;
    }

    .banksy-container .banksy-s15 .id-img-wrap .id-img {
        width: 72.222222vw;
    }

    .banksy-container .banksy-s15 .id-img-wrap .id-img1 {
        transform: translate(5.555556vw, 0);
        -webkit-transform: translate(5.555556vw, 0);
        -moz-transform: translate(5.555556vw, 0);
    }

    .banksy-container .banksy-s15 .id-img-wrap .id-img2 {
        transform: translate(3.611111vw, 28.194444vw);
        -webkit-transform: translate(3.611111vw, 28.194444vw);
        -moz-transform: translate(3.611111vw, 28.194444vw);
    }

    .banksy-container .banksy-s15 .id-img-wrap .id-img3 {
        margin-top: 56.111111vw;
        transform: translate(0, -56.111111vw);
        -webkit-transform: translate(0, -56.111111vw);
        -moz-transform: translate(0, -56.111111vw);
    }
}

/* s15 end */
/* s16 start */
.banksy-container .banksy-s16 {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10.416667vw;
}

.banksy-container .banksy-s16 .content-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.banksy-container .banksy-s16 .left-content {
    display: flex;
    align-items: center;
}

.banksy-container .banksy-s16 .left-content img {
    width: 6.666667vw;
}

.banksy-container .banksy-s16 .left-content .big-title {
    margin-left: 2.1875vw;
}

.banksy-container .banksy-s16 .right-content {
    width: 26.145833vw;
    margin-left: 10.416667vw;
}

.banksy-container .banksy-s16 .right-content .txt-ps {
    color: rgba(109, 111, 114, 0.6);
    font-size: 0.9375vw;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 1.5625vw;
}

@media screen and (max-width:1280px) {
    .banksy-container .banksy-s16 .right-content .txt-ps {
        font-size: 12px;
    }
}

.banksy-container .banksy-s16 .s16-animation-container {
    margin: 2.916667vw 0 0;
}

.banksy-container .banksy-s16 .s16-animation-wrap {
    position: relative;
    width: 45.3125vw;
    z-index: 1;
    margin: 0 auto;
}

.banksy-container .banksy-s16 .picture-bg {
    width: 100%;
}

.banksy-container .banksy-s16 .pen-img {
    width: 21.354167vw;
    position: absolute;
    top: -5vw;
    right: -9.114583vw;
    z-index: 2;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
}

.banksy-container .banksy-s16 .icon-list {
    width: 48.958333vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.banksy-container .banksy-s16 .icon-list li {
    display: flex;
    align-items: center;
}

.banksy-container .banksy-s16 .icon-list li:nth-child(1),
.banksy-container .banksy-s16 .icon-list li:nth-child(4) {
    width: 25%;
}

.banksy-container .banksy-s16 .icon-list li:nth-child(2),
.banksy-container .banksy-s16 .icon-list li:nth-child(5) {
    width: 25%;
    margin: 0 6.25vw;
}

.banksy-container .banksy-s16 .icon-list li:nth-child(3),
.banksy-container .banksy-s16 .icon-list li:nth-child(6) {
    width: 24%;
}

.banksy-container .banksy-s16 .icon-list li:nth-child(n+4) {
    margin-top: 2.083333vw;
}

.banksy-container .banksy-s16 .icon-list li img {
    flex-shrink: 0;
    width: 4.0625vw;
    height: 4.0625vw;
}

.banksy-container .banksy-s16 .icon-list .icon-desc {
    margin-left: 0.78125vw;
}

.banksy-container .banksy-s16 .icon-list .icon-desc h5 {
    color: #6d6f72;
    font-size: 1.25vw;
    line-height: 1.25;
    font-weight: 400;
}

.banksy-container .banksy-s16 .icon-list .icon-desc p {
    color: rgba(109, 111, 114, 0.8);
    font-size: 0.833333vw;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 0.677083vw;
}

@media screen and (min-width:1200px) and (max-width:1440px) {
    .banksy-container .banksy-s16 .icon-list .icon-desc p {
        font-size: 12px;
    }
}


@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s16 {
        padding-bottom: 27.77777778vw;
    }

    .banksy-container .banksy-s16 .content-wrap {
        width: 77.777778vw;
        margin: 0 auto;
        flex-direction: column;
    }

    .banksy-container .banksy-s16 .left-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .banksy-container .banksy-s16 .left-content img {
        width: 17.77777777777778vw;
    }

    .banksy-container .banksy-s16 .left-content .big-title {
        margin: 4.1666666667vw 0 0;
    }

    .banksy-container .banksy-s16 .right-content {
        width: 100%;
        margin: 5.555555555555556vw auto 0;
    }

    .banksy-container .banksy-s16 .right-content .txt-ps {
        font-size: 3.33333333vw;
        margin-top: 3.3333333vw;
    }

    .banksy-container .banksy-s16 .s16-animation-container {
        margin: 0;
        padding: 7.777777777777778vw 0 0;
    }

    .banksy-container .banksy-s16 .s16-animation-wrap {
        width: 100%;
    }

    .banksy-container .banksy-s16 .pen-img {
        width: 59.02777777778vw;
        top: -27vw;
        right: -13.88888888888889vw;
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
    }

    .banksy-container .banksy-s16 .icon-list {
        width: 100%;
        margin-top: -2vw;
        padding: 0 4.1666666666667vw 0 6.94444444444vw;
    }

    .banksy-container .banksy-s16 .icon-list li {
        align-items: flex-start;
    }

    .banksy-container .banksy-s16 .icon-list li:nth-child(odd) {
        margin: 0;
        width: 45%;
    }

    .banksy-container .banksy-s16 .icon-list li:nth-child(even) {
        margin: 0;
        width: 45%;
    }

    .banksy-container .banksy-s16 .icon-list li:nth-child(n+3) {
        margin-top: 6.94444444444445vw;
    }

    .banksy-container .banksy-s16 .icon-list li img {
        width: 10.833333333334vw;
        height: 10.833333333334vw;
    }

    .banksy-container .banksy-s16 .icon-list .icon-desc {
        margin-left: 2.222222222222vw;
    }

    .banksy-container .banksy-s16 .icon-list .icon-desc h5 {
        font-size: 4.444444vw;
    }

    .banksy-container .banksy-s16 .icon-list .icon-desc p {
        font-size: 3.333333vw;
        margin-top: 1.388889vw;
    }
}

/* s16 end */

/* s17 start */
.banksy-container .banksy-s17 .content-wrap {
    margin: 0 auto;
    width: 35.520833vw;
    text-align: center;
}

.banksy-container .banksy-s17 .content-wrap .text-p {
    margin: 2.083333vw auto 0;
}

.banksy-container .banksy-s17 .s17-swiper {
    margin: 2.916667vw 0 0;
}

.banksy-container .banksy-s17 .swiper17 {
    width: 42.291667vw;
    margin: 0 auto;
    overflow: hidden;
}

.banksy-container .banksy-s17 .s17-swiper .swiper17-control-wrap {
    margin: 2.916667vw 0 0;
}

.banksy-container .banksy-s17 .s17-swiper .swiper17-pagination {
    width: 29.322917vw;
    --btnW: 8.854167vw;
    --xDist: 0;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    border-top: 1px solid #707070;
    padding-top: 0.833333vw;
}

.banksy-container .banksy-s17 .swiper17-pagination::before {
    content: "";
    display: block;
    position: absolute;
    top: -1.5px;
    left: 0;
    width: 8.854167vw;
    width: var(--btnW);
    height: 2px;
    background: #2e2e2e;
    transform: translateX(var(--xDist));
    -webkit-transform: translateX(var(--xDist));
    -moz-transform: translateX(var(--xDist));
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    z-index: 1;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
}

.banksy-container .banksy-s17 .swiper17-pagination li {
    padding: 0 0.520833vw;
    text-align: center;

}

.banksy-container .banksy-s17 .swiper17-pagination li h4 {
    outline: 0;
    color: #151517;
    font-size: 1.458333vw;
    font-weight: 400;
    line-height: 1.25;
    opacity: 0.4;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
}

@media screen and (min-width: 1200px) {
    .banksy-container .banksy-s17 .swiper17-pagination li h4 {
        cursor: pointer;
    }
}

.banksy-container .banksy-s17 .swiper17-pagination li.active h4 {
    opacity: 1;
}

.banksy-container .banksy-s17 .swiper-descs {
    width: 33.28125vw;
    margin: 2.5vw auto 0;
    display: flex;
    align-items: flex-start;
}

.banksy-container .banksy-s17 .swiper-descs p {
    flex-shrink: 0;
    width: 100%;
    color: #6d6f72;
    font-size: 1.041667vw;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
}

.banksy-container .banksy-s17 .swiper-descs p.active {
    opacity: 1;
    pointer-events: auto;
}

.banksy-container .banksy-s17 .swiper-descs p:nth-child(2) {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
}

.banksy-container .banksy-s17 .swiper-descs p:nth-child(3) {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
}

.banksy-container .banksy-s17 .txt-ps {
    width: 70%;
    margin: 4.166667vw auto 0;
    color: rgba(109, 111, 114, 0.6);
    font-size: 0.9375vw;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
}

@media screen and (max-width:1280px) and (min-width:1200px) {
    .banksy-container .banksy-s17 .txt-ps {
        font-size: 12px;
    }
}


@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s17 .content-wrap {
        width: 77.777778vw;
        text-align: left;
    }

    .banksy-container .banksy-s17 .content-wrap .big-title {
        width: 113%;
    }

    .banksy-container .banksy-s17 .content-wrap .text-p {
        margin: 5.555556vw auto 0;
    }

    .banksy-container .banksy-s17 .s17-swiper {
        margin: 7.777778vw 0 0;

    }

    .banksy-container .banksy-s17 .swiper17 {
        width: 94.444444444445vw;
    }

    .banksy-container .banksy-s17 .s17-swiper .swiper17-control-wrap {
        margin: 8.888888888888889vw 0 0;
    }

    .banksy-container .banksy-s17 .s17-swiper .swiper17-pagination {
        width: 86.11111111111111vw;
        --btnW: 24.86111111111111vw;
        padding-top: 2.7777778vw;
        border-top: 2px solid rgba(175, 175, 175, 0.3);
    }

    .banksy-container .banksy-s17 .swiper17-pagination::before {
        top: -3px;
        width: 24.86111111111111vw;
        width: var(--btnW);
        height: 4px;
        background: #505050;
    }

    .banksy-container .banksy-s17 .swiper17-pagination li {
        padding: 0 0.555556vw;
        text-align: center;
    }

    .banksy-container .banksy-s17 .swiper17-pagination li h4 {
        font-size: 4.444444vw;
    }

    .banksy-container .banksy-s17 .swiper-descs {
        width: 86.11111111111111vw;
        margin: 8.888889vw auto 0;
    }

    .banksy-container .banksy-s17 .swiper-descs p {
        font-size: 3.888889vw;
    }

    .banksy-container .banksy-s17 .txt-ps {
        width: 77.777778vw;
        margin: 17.361111vw auto 0;
        font-size: 3.333333vw;
    }
}

/* s17 end */
/* s18 start */
.banksy-container .banksy-s18 {
    margin: 10.416667vw 0 0;
}

.banksy-container .banksy-s18 .content-wrap {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.banksy-container .banksy-s18 .content-wrap img {
    width: 14.479167vw;
    margin: 0 auto;
}

.banksy-container .banksy-s18 .content-wrap .big-title {
    margin: 1.5625vw auto 0;
}

.banksy-container .banksy-s18 .card-list {
    margin: 2.916667vw 0 0;
    display: flex;
    justify-content: center;
}

.banksy-container .banksy-s18 .card-list .card-item {
    width: 32.864583vw;
}

.banksy-container .banksy-s18 .card-list .card-wrap {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
}

.banksy-container .banksy-s18 .card-list .right-card {
    padding-top: 3.645833vw;
    margin: 0 0 0 1.71875vw;
}

.banksy-container .banksy-s18 .card-list .card-content {
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    background: #f8f8fa;
    position: relative;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.banksy-container .banksy-s18 .card-item .card-desc {
    position: absolute;
    z-index: 1;
}

.banksy-container .banksy-s18 .card-item .card-desc h4 {
    color: #151517;
    font-size: 2.083333vw;
    font-weight: 300;
    line-height: 1.25;
}

.banksy-container .banksy-s18 .card-item .card-desc p {
    color: #6d6f72;
    font-size: 1.041667vw;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 1.5625vw;
}

.banksy-container .banksy-s18 .left-card .card-desc {
    width: 24.635417vw;
    top: 3.333333vw;
    left: 2.916667vw;
}

.banksy-container .banksy-s18 .right-card .card-desc {
    width: 22.1875vw;
    bottom: 6.25vw;
    left: 2.916667vw;
}

.banksy-container .banksy-s18 .card-item .learn-more-link {
    text-align: center;
    margin: 1.770833vw 0 0;
}

.banksy-container .banksy-s18 .card-item .learn-more-link a {
    color: #2788D9;
    font-size: 0.8333333333vw;
    font-weight: 400;
    line-height: 1.6;
    display: inline-flex;
    align-items: center;
}

@media screen and (max-width:1440px) {
    .banksy-container .banksy-s18 .card-item .learn-more-link a {
        font-size: 12px;
    }
}

.banksy-container .banksy-s18 .card-item .learn-more-link a span {
    display: inline-block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    font-size: 1.4em;
    line-height: 0;
    margin-top: -0.1em;
}

.banksy-container .banksy-s18 .card-item .learn-more-link a:hover span {
    transform: translateX(4px);
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s18 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s18 .content-wrap {
        width: 77.777778vw;
        text-align: left;
    }

    .banksy-container .banksy-s18 .content-wrap img {
        width: 49.444444vw;
        margin: 0;
    }

    .banksy-container .banksy-s18 .content-wrap .big-title {
        margin: 4.166667vw 0 0;
    }

    .banksy-container .banksy-s18 .card-list {
        margin: 6.25vw 0 0;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .banksy-container .banksy-s18 .card-list .card-item {
        width: 91.111111vw;
    }

    .banksy-container .banksy-s18 .card-list .right-card {
        margin: 27.777778vw 0 0;
        padding: 0;
    }

    .banksy-container .banksy-s18 .card-list .card-content {
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
    }

    .banksy-container .banksy-s18 .card-item .card-desc {
        position: absolute;
        z-index: 1;
    }

    .banksy-container .banksy-s18 .card-item .card-desc h4 {
        font-size: 6.666667vw;
    }

    .banksy-container .banksy-s18 .card-item .card-desc p {
        font-size: 3.888889vw;
        margin-top: 5.555556vw;
    }

    .banksy-container .banksy-s18 .left-card .card-desc {
        width: 63.888888888889vw;
        top: 7.777777777777778vw;
        left: 8.333333vw;
    }

    .banksy-container .banksy-s18 .right-card .card-desc {
        width: 73.61111111111111vw;
        bottom: 10.27777777777778vw;
        left: 8.333333vw;
    }

    .banksy-container .banksy-s18 .card-item .learn-more-link {
        margin: 5.555556vw 0 0;
    }

    .banksy-container .banksy-s18 .card-item .learn-more-link a {
        font-size: 3.888888888888889vw;
    }

    .banksy-container .banksy-s18 .card-item .learn-more-link a span {
        margin-top: 0;
    }

}

/* s18 end */
/* s19 start */
.banksy-container .banksy-s19 {
    margin: 10.416667vw 0 0;
    padding-top: 10.416667vw;
    background: linear-gradient(180deg, #f8f8fa 0%, #f8f8fa 100%);
}

.banksy-container .banksy-s19 .content-wrap {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.banksy-container .banksy-s19 .card-list {
    width: 67.447917vw;
    margin: 2.916667vw auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.banksy-container .banksy-s19 .card-list .card-item {
    background: #fefefe;
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    position: relative;
}

.banksy-container .banksy-s19 .card-list .card-title {
    color: #151517;
    font-size: 2.083333vw;
    font-weight: 300;
    line-height: 1.25;
}

.banksy-container .banksy-s19 .card-list .card-txt {
    color: #6d6f72;
    font-size: 1.041667vw;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 1.5625vw;
}

.banksy-container .banksy-s19 .card-item1 {
    width: 100%;
    margin-bottom: 2.604167vw;
}

.banksy-container .banksy-s19 .card-item1 .card-desc {
    width: 18.229167vw;
    position: absolute;
    top: 7.291667vw;
    left: 42.864583vw;
    z-index: 1;
}

.banksy-container .banksy-s19 .card-item1 .card-desc .card-txt {
    width: 100%;
}

.banksy-container .banksy-s19 .card-item1 .battery-parms {
    margin-top: 2.083333vw;
    display: flex;
    flex-wrap: wrap;
}

.banksy-container .banksy-s19 .card-item1 .battery-parms h2 {
    display: inline-block;
    color: #6d6f72;
    font-size: 4.166667vw;
    font-weight: 300;
    line-height: 1.25;
    background: linear-gradient(203.88deg, #8aaee5 0%, #8cc3ad 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.banksy-container .banksy-s19 .card-item1 .battery-parms h2 span {
    font-size: 1.666667vw;
}

.banksy-container .banksy-s19 .card-item1 .battery-parms p {
    color: #6d6f72;
    font-size: 1.041667vw;
    line-height: 1.6;
    font-weight: 400;
}

.banksy-container .banksy-s19 .card-item1 .battery-parm1 {
    margin-bottom: 1.041667vw;
}

.banksy-container .banksy-s19 .card-item1 .battery-parm3 {
    margin-left: 1.666667vw;
}

.banksy-container .banksy-s19 .card-item2 {
    width: 40.104167vw;
}

.banksy-container .banksy-s19 .card-item2 .card-desc {
    width: 29.322917vw;
    margin: 2.291667vw auto 0;
    text-align: center;
}

.banksy-container .banksy-s19 .card-item2 .icon-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 2.708333vw 0 0;
}

.banksy-container .banksy-s19 .card-item2 .icon-list .icon-item1 {
    width: 10vw;
}

.banksy-container .banksy-s19 .card-item2 .icon-list .icon-item2 {
    width: 11.302083vw;
    margin-left: 2.8125vw;
}

.banksy-container .banksy-s19 .card-item2 .card-img {
    width: 32.552083vw;
    margin: 4.0625vw auto 8.958333vw;
    position: relative;
    z-index: 1;
}

.banksy-container .banksy-s19 .card-item2 .sound-wrap {
    position: absolute;
    z-index: -1;
}

.banksy-container .banksy-s19 .card-item2 .sound-wrap1 {
    width: 9.583333vw;
    height: 5.104167vw;
    top: -0.677083vw;
    left: 0;
}

.banksy-container .banksy-s19 .card-item2 .sound-wrap2 {
    width: 9.583333vw;
    height: 5.104167vw;
    top: -0.677083vw;
    right: 0;
}

.banksy-container .banksy-s19 .card-item2 .sound-wrap3 {
    width: 11.666667vw;
    height: 6.197917vw;
    bottom: -2.083333vw;
    left: -2.604167vw;
}

.banksy-container .banksy-s19 .card-item2 .sound-wrap4 {
    width: 11.666667vw;
    height: 6.197917vw;
    bottom: -2.083333vw;
    right: -2.083333vw;
}


.banksy-container .banksy-s19 .card-item2 .sound-wave {
    position: absolute;
    inset: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    will-change: opcity, transform;
}

.banksy-container .banksy-s19 .card-item2 .sound-wave:nth-child(1) {
    animation: sandwave 3.2s linear 0s infinite;
    -webkit-animation: sandwave 3.2s linear 0s infinite;
}

.banksy-container .banksy-s19 .card-item2 .sound-wave:nth-child(2) {
    animation: sandwave 3.2s linear 0.8s infinite;
    -webkit-animation: sandwave 3.2s linear 0.8s infinite;
}

.banksy-container .banksy-s19 .card-item2 .sound-wave:nth-child(3) {
    animation: sandwave 3.2s linear 1.6s infinite;
    -webkit-animation: sandwave 3.2s linear 1.6s infinite;
}

.banksy-container .banksy-s19 .card-item2 .sound-wave:nth-child(4) {
    animation: sandwave 3.2s linear 2.4s infinite;
    -webkit-animation: sandwave 3.2s linear 2.4s infinite;
}

.banksy-container .banksy-s19 .card-item2 .sound-wave:nth-child(5) {
    animation: sandwave 3.2s linear 3.2s infinite;
    -webkit-animation: sandwave 3.2s linear 3.2s infinite;
}

.banksy-container .banksy-s19 .card-item3 {
    width: 26.041667vw;
}

.banksy-container .banksy-s19 .card-item3 .card-desc {
    width: 22.65625vw;
    margin: 2.291667vw auto 0;
    text-align: center;
}

.banksy-container .banksy-s19 .card-item3 .card-img {
    width: 100%;
    margin-top: 2.604167vw;
    position: relative;
}

.banksy-container .banksy-s19 .card-item3 .wifi-wrap {
    position: absolute;
    z-index: 1;
    width: 3.125vw;
    height: 3.125vw;
}

.banksy-container .banksy-s19 .card-item3 .wifi-wrap img {
    height: 100%;
}

.banksy-container .banksy-s19 .card-item3 .wifi-wrap span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 1px);
    -webkit-transform: translate3d(-50%, -50%, 1px);
    -moz-transform: translate3d(-50%, -50%, 1px);
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #A6C2D1;
    perspective: 1000;
    -moz-perspective: 1000;
    -webkit-perspective: 1000;
}

.banksy-container .banksy-s19 .card-item3 .wifi1 {
    top: -1.041667vw;
    left: 6.770833vw;
}

.banksy-container .banksy-s19 .card-item3 .wifi2 {
    top: 10.572917vw;
    right: -1.302083vw;
}

.banksy-container .banksy-s19 .card-item3 .wifi-wrap span:nth-of-type(1) {
    animation: wifiwava 3s linear 0s infinite;
    -webkit-animation: wifiwava 3s linear 0s infinite;
}

.banksy-container .banksy-s19 .card-item3 .wifi-wrap span:nth-of-type(2) {
    animation: wifiwava 3s linear 1s infinite;
    -webkit-animation: wifiwava 3s linear 1s infinite;
}

.banksy-container .banksy-s19 .card-item3 .wifi-wrap span:nth-of-type(3) {
    animation: wifiwava 3s linear 2s infinite;
    -webkit-animation: wifiwava 3s linear 2s infinite;
}

@keyframes sandwave {
    0% {
        opacity: 1;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
    }

    80% {
        opacity: 0.8;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s19 {
        margin: 27.777778vw 0 0;
        padding-top: 27.777778vw;
    }

    .banksy-container .banksy-s19 .content-wrap {
        width: 77.777778vw;
        text-align: left;
    }

    .banksy-container .banksy-s19 .card-list {
        width: 91.111111vw;
        margin: 7.77777778vw auto 0;
        justify-content: flex-start;
    }

    .banksy-container .banksy-s19 .card-list .card-item {
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
    }

    .banksy-container .banksy-s19 .card-list .card-title {
        font-size: 6.666667vw;
    }

    .banksy-container .banksy-s19 .card-list .card-txt {
        font-size: 3.888889vw;
        margin-top: 5.555556vw;
    }

    .banksy-container .banksy-s19 .card-item1 {
        margin-bottom: 11.111111vw;
    }

    .banksy-container .banksy-s19 .card-item1 .card-desc {
        width: 78.61111111111111vw;
        top: 7.777777778vw;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
    }

    .banksy-container .banksy-s19 .card-list .card-item1 .card-title {
        padding-left: 2.0833333333333vw;
    }

    .banksy-container .banksy-s19 .card-item1 .card-desc .card-txt {
        width: 72.5vw;
        padding-left: 2.0833333333333vw;
    }

    .banksy-container .banksy-s19 .card-item1 .battery-parms {
        width: 78.611111vw;
        margin-top: 4.4444444444445vw;
        justify-content: space-between;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }

    .banksy-container .banksy-s19 .card-item1 .battery-parms>div {
        text-align: center;
    }

    .banksy-container .banksy-s19 .card-item1 .battery-parms h2 {
        font-size: 9.444444vw;
    }

    .banksy-container .banksy-s19 .card-item1 .battery-parms h2 span {
        font-size: 3.888889vw;
    }

    .banksy-container .banksy-s19 .card-item1 .battery-parms p {
        font-size: 3.333333vw;
        font-weight: 300;
    }

    .banksy-container .banksy-s19 .card-item1 .battery-parm1 {
        margin: 0;
    }

    .banksy-container .banksy-s19 .card-item1 .battery-parm2 {
        margin: 0;
    }

    .banksy-container .banksy-s19 .card-item1 .battery-parm3 {
        margin: 0;
    }

    .banksy-container .banksy-s19 .card-item2 {
        width: 100%;
        margin-bottom: 11.111111vw;
    }

    .banksy-container .banksy-s19 .card-item2 .card-desc {
        width: 75vw;
        margin: 7.7777777777778vw 0 0 8.333333vw;
        text-align: left;
    }

    .banksy-container .banksy-s19 .card-item2 .icon-list {
        margin: 8.333333333vw 0 0;
        justify-content: flex-start;
    }

    .banksy-container .banksy-s19 .card-item2 .icon-list .icon-item1 {
        width: 29.861111vw;
    }

    .banksy-container .banksy-s19 .card-item2 .icon-list .icon-item2 {
        width: 33.75vw;
        margin-left: 9.722222vw;
    }

    .banksy-container .banksy-s19 .card-item2 .card-img {
        width: 79.305556vw;
        margin: 18.055556vw auto 23.611111vw;
    }

    .banksy-container .banksy-s19 .card-item2 .sound-wrap1 {
        width: 22.638889vw;
        height: 12.083333vw;
        top: 0;
        left: 1.25vw;
    }

    .banksy-container .banksy-s19 .card-item2 .sound-wrap2 {
        width: 22.638889vw;
        height: 12.083333vw;
        top: 0;
        right: 1.25vw;
    }

    .banksy-container .banksy-s19 .card-item2 .sound-wrap3 {
        width: 27.777778vw;
        height: 14.722222vw;
        bottom: -2.916667vw;
        left: -5.277778vw;
    }

    .banksy-container .banksy-s19 .card-item2 .sound-wrap4 {
        width: 27.777778vw;
        height: 14.722222vw;
        bottom: -2.916667vw;
        right: -5.277778vw;
    }

    .banksy-container .banksy-s19 .card-item3 {
        width: 100%;
    }

    .banksy-container .banksy-s19 .card-item3 .card-desc {
        text-align: left;
        width: 75vw;
        margin: 7.777778vw 0 0 8.333333vw;
    }

    .banksy-container .banksy-s19 .card-item3 .card-img {
        margin-top: 5.555556vw;
    }

    .banksy-container .banksy-s19 .card-list .card-item.up-show {
        transition: 0.6s all ease;
        -webkit-transition: 0.6s all ease;
        -moz-transition: 0.6s all ease;
    }
}

/* s19 end */

/* footer start */
.banksy-container .footer-list {
    background: linear-gradient(180deg, #f8f8fa 0%, #f8f8fa 100%);
    padding: 10.416667vw 0;
}

.banksy-container .footer-list ol {
    width: 67.708333vw;
    margin: 0 auto;
    list-style-type: decimal;
    padding-left: 2em;
}

.banksy-container .footer-list ol li {
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

.banksy-container .footer-list ol li.active {
    color: #000;
}

.banksy-container .footlast {
    position: relative;
    list-style: none;
}

.banksy-container .footlast::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}


@media screen and (min-width: 1920px) {
    .banksy-container .footer-list ol li {
        font-size: 0.625vw;
    }
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .footer-list {
        padding: 27.7777777778vw 0;
    }

    .banksy-container .footer-list ol {
        width: 86.11111111111111vw;
    }

    .banksy-container .footer-list ol li {
        font-size: 3.333333334vw;
    }
}

/* footer end */

/* mob */
@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .show-mob {
        display: block;
    }

    .banksy-container .show-pc,
    .banksy-container .show-pc-inline {
        display: none;
    }

    .banksy-container .show-mob-inline {
        display: inline-block;
    }

    .banksy-container .big-title {
        font-size: 11.111111vw;
    }

    .banksy-container .text-p {
        font-size: 4.444444vw;
    }

    .banksy-container .card-animation-up {
        transform: translateY(5vw);
    }

    .banksy-container .card-animation-up.up-show.order1 {
        transition: 0.6s all ease;
        -webkit-transition: 0.6s all ease;
        -moz-transition: 0.6s all ease;
    }

    .banksy-container .card-animation-up.up-show.order2 {
        transition: 0.6s all 0.2s ease;
        -webkit-transition: 0.6s all 0.2s ease;
        -moz-transition: 0.6s all 0.2s ease;
    }

    .banksy-container .card-animation-up.up-show.order3 {
        transition: 0.6s all 0.4s ease;
        -webkit-transition: 0.6s all 0.4s ease;
        -moz-transition: 0.6s all 0.4s ease;
    }
}