.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;
}

.banksy-container sup.yes-click {
    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 12.5vw;
    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 .ag-logo{
    display: flex;
    width: 11.302083vw;
    position: absolute;
    top: 41.666667vw;
    right: 4.166667vw;
    z-index: 2;
    opacity: 0;
    transition: opacity 1.2s ease;
    -webkit-transition: opacity 1.2s ease;
    -moz-transition: opacity 1.2s ease;
}

.banksy-container .banksy-s1.animated .ag-logo {
    opacity: 1;
}

.banksy-container .banksy-s1 .kv-content {
    width: 80%;
    margin: -2.083333vw 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 .slogan-title{
    color: #000;
    font-size: 3.645833vw;
    font-weight: 500;
    line-height: 1.25;
}

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

.banksy-container .banksy-s1 .kv-content .kv-slogan .ksp-txt {
    color: #000;
    font-size: 1.25vw;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 2.083333vw;
}

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

    .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 .ag-logo {
        width: 22.222222vw;
        top: 102.777778vw;
        right: 8.333333vw;
    }

    .banksy-container .banksy-s1 .kv-content {
        width: 85%;
        margin: 7.638888888888889vw auto 0;
        transform: translate(0, 20vw);
        -webkit-transform: translate(0, 20vw);
        -moz-transform: translate(0, 20vw);
    }
    .banksy-container .banksy-s1 .kv-content .slogan-title {
        font-size: 11.111111111vw;
    }

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

    .banksy-container .banksy-s1 .kv-content .kv-slogan .ksp-txt {
        font-size: 3.333333vw;
        margin-top: 5.555556vw;
    }
}

/* 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;
    font-weight: 300;
    line-height: 1.6;
    text-align: center;
}

.banksy-container .banksy-s2 .shadow-bg {
    position: sticky;
    width: 100%;
    height: 12.5vw;
    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 {
    width: 85%;
    text-align: center;
    margin: 3.125vw 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.0833334vw;
    height: 2.0833334vw;
    margin-left: 0.5208334vw;
}

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

    .banksy-container .banksy-s2 .shadow-bg {
        height: 33.333333333334vw;
        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.5vw;
    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-item2 {
    overflow: visible;
}

.banksy-container .banksy-s4 .heart-item .heart-title {
    color: #151517;
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 1.25;
    transform: translate3d(0, 0, 0 );
    -webkit-transform: translate3d(0, 0, 0 );
    -moz-transform: translate3d(0, 0, 0 );
}

.banksy-container .banksy-s4 .heart-item1 .heart-title {
    width: 80%;
    position: absolute;
    top: 3.645833vw;
    left: 3.645833vw;
    z-index: 1;
}

.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 .icon-wrap {
    width: 27.083333vw;
    position: absolute;
    top: 3.645833vw;
    left: 3.645833vw;
    z-index: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

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

.banksy-container .banksy-s4 .heart-item2 .heart-title {
    margin-top: 2.708333vw;
}

.banksy-container .banksy-s4 .heart-item2 .heart-img {
    position: absolute;
    top: 2.604167vw;
    left: 31.25vw;
    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-item2.swiper-slide-active .heart-img {
    transform: scale(1.145748987);
    -webkit-transform: scale(1.145748987);
    -moz-transform: scale(1.145748987);
}

.banksy-container .banksy-s4 .heart-item3 .icon-wrap {
    width: 60%;
    position: absolute;
    top: 3.645833vw;
    left: 3.645833vw;
    z-index: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

.banksy-container .banksy-s4 .heart-item3 .icon-img {
    width: 11.40625vw;
}

.banksy-container .banksy-s4 .heart-item3 .heart-title {
    margin-top: 1.5625vw;
}

.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 .heart-title {
    position: absolute;
    top: 3.645833vw;
    left: 3.645833vw;
    z-index: 1;
}

.banksy-container .banksy-s4 .heart-item4 .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-item4 .heart-img video {
    mix-blend-mode: color;
}

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

.banksy-container .banksy-s4 .heart-item5 .icon-wrap {
    width: 22.395833vw;
    position: absolute;
    top: 3.645833vw;
    left: 3.645833vw;
    z-index: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

.banksy-container .banksy-s4 .heart-item5 .icon-img {
    width: 5.520833vw;
}

.banksy-container .banksy-s4 .heart-item5 .heart-title {
    margin-top: 2.083333vw;
}

.banksy-container .banksy-s4 .heart-item5 .heart-img {
    position: absolute;
    top: 9.010417vw;
    left: 26.302083vw;
    width: 36.979167vw;
    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.364583vw;
    top: -1.770833vw;
    right: 3.854167vw;
    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 {
    width: 27.083333vw;
    margin: 5.208333vw 0 0 5.208333vw;
    display: inline-flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

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

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

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

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

.banksy-container .banksy-s4 .heart-item6 .battery-txt {
    color: rgba(109, 111, 114, 0.8);
    font-size: 1.458333vw;
    font-weight: 300;
    line-height: 1.6;
}

.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 {
    flex-shrink: 0;
    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 .icon-wrap {
        width: 100%;
        top: 11.805556vw;
        left: 0;
    }

    .banksy-container .banksy-s4 .heart-item2 .icon-img {
        width: 13.611111vw;
        margin: 0 auto;
    }

    .banksy-container .banksy-s4 .heart-item2 .heart-img {
        top: 37.638889vw;
        left: 9.166667vw;
        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-item2.swiper-slide-active .heart-img {
        transform: scale(1.252777777777778);
        -webkit-transform: scale(1.252777777777778);
        -moz-transform: scale(1.252777777777778);
    }

    .banksy-container .banksy-s4 .heart-item3 .icon-wrap {
        width: 100%;
        top: 13.888889vw;
        left: 0;
    }

    .banksy-container .banksy-s4 .heart-item3 .icon-img {
        width: 33.333333vw;
        margin: 0 auto;
    }

    .banksy-container .banksy-s4 .heart-item4 .heart-img {
        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 .icon-wrap {
        width: 100%;
        top: 11.805556vw;
        left: 0;
    }

    .banksy-container .banksy-s4 .heart-item5 .icon-img {
        width: 13.75vw;
        margin: 0 auto;
    }

    .banksy-container .banksy-s4 .heart-item5 .heart-img {
        width: 84.305556vw;
        top: 41.944444vw;
        left: 11.527778vw;
        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 .pen-img {
        width: 34.722222vw;
        top: -8.75vw;
        right: 17.222222vw;
    }

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

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

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

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

    .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%, -8.216667vw) scale(0.8767295597);
        -webkit-transform: translate(50%, -8.216667vw) scale(0.8767295597);
        -moz-transform: translate(50%, -8.216667vw) scale(0.8767295597);
    }

    .banksy-container .banksy-s4 .swiper4-controller-container {
        margin: 5.555555555555556vw 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: 6.666666666666667vw 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: 15.625vw 0;
}

.banksy-container .banksy-s5 .title-wrap {
    color: rgba(109, 111, 114, 1);
    text-align: center;
    font-size: 6.25vw;
    font-weight: 300;
    line-height: 1.25;
    width: 80%;
    margin: 0 auto;
}

.banksy-container .banksy-s5 .title-wrap span {
    color: rgba(177, 214, 194, 1);
    font-weight: 400;
}

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

    .banksy-container .banksy-s5 .title-wrap {
        width: 90%;
        font-size: 11.11111111111111vw;
    }
}

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

.banksy-container .banksy-s6 .s6-swiper {
    margin: 3.125vw 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 {
    width: 75vw;
    display: flex;
    align-items: center;
    margin: 2.083333vw auto 0;
}

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

.banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns li {
    outline: 0;
    width: 2.5vw;
    pointer-events: visible;
    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: 37.5vw;
    display: flex;
    align-items: center;
    margin-left: 10.416667vw;
}

.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%);
}

@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 .content-wrap {
        width: 91.1111111111vw;
    }

    .banksy-container .banksy-s6 .s6-swiper {
        margin: 8.33333333vw 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 {
        width: 83.333333vw;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 5.555556vw auto 0;
    }

    .banksy-container .banksy-s6 .s6-swiper .swiper-controls .swiper6-btns {
        padding-left: 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: 100%;
        margin: 5.555556vw auto 0;
        text-align: center;
        align-items: flex-start;
    }

    .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: 57.291667vw;
    margin: 2.083333vw auto 0;
}

.banksy-container .banksy-s7 .s7-img {
    width: 75vw;
    margin: 3.125vw 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: 83.33333333vw;
        text-align: left;
    }

    .banksy-container .banksy-s7 .content-wrap .big-title {
        width: 84.722222222222223vw;
    }

    .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: 8.333333333vw 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: 10.416667vw 0 0;
}

.banksy-container .banksy-s8 .content-wrap {
    display: flex;
    justify-content: center;
}

.banksy-container .banksy-s8 .big-title {
    width: 17.083333vw;
}

.banksy-container .banksy-s8 .right-content {
    width: 26.666667vw;
    margin-left: 10.416667vw;
}

.banksy-container .banksy-s8 .parms-descs {
    display: flex;
    flex-wrap: wrap;
}

.banksy-container .banksy-s8 .parms-descs li{
    margin-top: 3.125vw;
}
.banksy-container .banksy-s8 .parms-descs li:nth-child(1){
    margin-right: 4.479167vw;
}

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

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

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

.banksy-container .banksy-s8 .s8-img {
    margin: 6.25vw auto 0;
}

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

    .banksy-container .banksy-s8 .content-wrap {
        width: 83.333333vw;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    .banksy-container .banksy-s8 .big-title {
        width: 100%;
    }

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

    .banksy-container .banksy-s8 .parms-descs li{
        margin-top: 8.333333vw;
    }
    
    .banksy-container .banksy-s8 .parms-descs li:nth-child(1) {
        margin-right: 11.111111vw;
    }

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

    .banksy-container .banksy-s8 .parms-descs li p {
        margin-top: 2.777778vw;
        font-size: 5.555556vw;
    }
    
    .banksy-container .banksy-s8 .parms-descs li p span {
        font-size: 8.888889vw;
    }

    .banksy-container .banksy-s8 .s8-img {
        margin: 8.333333vw auto 0;
    }
}

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

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

.banksy-container .banksy-s9 .text-p {
    width: 59.895833vw;
    margin: 2.083333vw auto 0;
}

.banksy-container .banksy-s9 .s9-video {
    width: 75vw;
    height: 33.854167vw;
    margin: 3.125vw auto 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
}

.banksy-container .banksy-s9 .s9-video video {
    height: 100%;
    object-fit: cover;
}

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

    .banksy-container .banksy-s9 .content-wrap {
        width: 83.333333vw;
        text-align: left;
    }

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

    .banksy-container .banksy-s9 .s9-video {
        width: 91.111111vw;
        height: 55.55555555555556vw;
        margin: 8.333333vw auto 0;
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
    }
}

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

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

.banksy-container .banksy-s9-2 .img-wrap {
    position: relative;
    margin: 3.125vw 0 0;
    z-index: 1;
}

.banksy-container .banksy-s9-2 .id-img {
    position: absolute;
    width: 58.75vw;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    z-index: -1;
}

.banksy-container .banksy-s9-2 .screen-parms {
    padding-top: 36.09375vw;
}

.banksy-container .banksy-s9-2 .text-p {
    width: 52.083333vw;
    margin: 0 auto;
    text-align: center;
}

.banksy-container .banksy-s9-2 .prams-desc {
    width: 42.708333vw;
    margin: 4.166667vw auto 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.banksy-container .banksy-s9-2 .prams-desc li {
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.banksy-container .banksy-s9-2 .prams-desc .desc-li6 {
    justify-content: center;
}

.banksy-container .banksy-s9-2 .prams-desc li:nth-child(1),
.banksy-container .banksy-s9-2 .prams-desc li:nth-child(4) {
    width: 20%;
}

.banksy-container .banksy-s9-2 .prams-desc li:nth-child(2),
.banksy-container .banksy-s9-2 .prams-desc li:nth-child(5) {
    width: 20%;
    margin: 0 5.208333vw;
}

.banksy-container .banksy-s9-2 .prams-desc li:nth-child(3),
.banksy-container .banksy-s9-2 .prams-desc li:nth-child(6) {
    width: 30%;
}

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


.banksy-container .banksy-s9-2 .prams-desc li h5 {
    display: inline-block;
    color: #151517;
    font-size: 1.666667vw;
    line-height: 1.25;
    font-weight: 300;
    background:linear-gradient(132.92deg, #ea6c00 0%, #f6b164 100%, #108efb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.banksy-container .banksy-s9-2 .prams-desc li h5 span {
    font-size: 2.083333vw;
}

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

@media screen and (max-width: 1440px) and (min-width: 1200px) {
    .banksy-container .banksy-s9-2 .prams-desc li p {
        font-size: 12px;
    }
}

.banksy-container .banksy-s9-2 .prams-desc .desc-li6 img {
    width: 8.333333vw;
}

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

    .banksy-container .banksy-s9-2 .content-wrap {
        width: 83.333333vw;
        text-align: left;
    }

    .banksy-container .banksy-s9-2 .img-wrap {
        margin: 5.5555555555556vw 0 0;
    }

    .banksy-container .banksy-s9-2 .id-img {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        margin: 8.333333vw 0 0;
    }

    .banksy-container .banksy-s9-2 .screen-parms {
        padding-top: 0;
    }

    .banksy-container .banksy-s9-2 .text-p {
        width: 83.333333vw;
        text-align: left;
    }

    .banksy-container .banksy-s9-2 .prams-desc {
        width: 100%;
        margin: -36.288889vw auto 0;
        padding: 0 8.333333vw;
        justify-content: space-between;
    }

    .banksy-container .banksy-s9-2 .prams-desc li {
        text-align: left;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .banksy-container .banksy-s9-2 .prams-desc li:nth-child(odd) {
        width: 60%;
        margin: 0;
    }

    .banksy-container .banksy-s9-2 .prams-desc li:nth-child(even) {
        width: 35%;
        margin: 0;
    }

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

    .banksy-container .banksy-s9-2 .prams-desc li h5 {
        font-size: 5.555556vw;
    }
    
    .banksy-container .banksy-s9-2 .prams-desc li h5 span {
        font-size: 8.888889vw;
    }

    .banksy-container .banksy-s9-2 .prams-desc li p {
        font-size: 3.33333333vw;
        margin-top: 0.694444vw;
    }

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

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

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

.banksy-container .banksy-s10 .content-wrap .big-title {
    width: 16.927083vw;
}

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

.banksy-container .banksy-s10 .s10-img {
    width: 75vw;
    height: 33.854167vw;
    margin: 3.125vw 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 .s10-img video {
    height: 100%;
    object-fit: cover;
}

.banksy-container .banksy-s10 .icons-wrap {
    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 2.083333vw;
    padding: 0 2.083333vw;
}

.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: 1px;
}

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

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

.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.833333vw;
    font-weight: 500;
    line-height: 1.6;
    margin-left: 1.041667vw;
}

@media screen and (max-width: 1440px) and (min-width:1200px) {
    .banksy-container .banksy-s10 .icons-wrap .icon-li p {
        font-size: 12px;
    }
}

.banksy-container .banksy-s10 .icons-wrap .icon-li1 p {
    width: 13.802083vw;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li2 p {
    width: 10.677083vw;
}

.banksy-container .banksy-s10 .icons-wrap .icon-li3 p {
    width: 24.739583vw;
}

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

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

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

    .banksy-container .banksy-s10 .content-wrap {
        width: 83.333333vw;
        flex-direction: column;
    }

    .banksy-container .banksy-s10 .content-wrap .big-title {
        width: 100%;
    }

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

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

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

    .banksy-container .banksy-s10 .icons-wrap .icon-li {
        width: 100%;
        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: 8.333333vw;
    }

    .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 {
        width: 52.777778vw;
        font-size: 3.3333333vw;
        font-weight: 400;
        margin-left: 5.555556vw;
    }

    .banksy-container .banksy-s10 .txt-ps {
        width: 83.333333vw;
        margin: 8.333333vw auto 0;
        font-size: 3.3333333vw;
        font-weight: 400;
        text-align: left;
    }
}

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

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

.banksy-container .banksy-s10-2 .content-wrap .text-p {
    width: 54.6875vw;
    margin: 2.083333vw auto 0;
}

.banksy-container .banksy-s10-2 .img-wrap {
    width: 75vw;
    margin: 3.125vw auto 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    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-s10-2 {
        margin: 27.777778vw 0 0;
    }

    .banksy-container .banksy-s10-2 .content-wrap {
        width: 83.333333vw;
        text-align: left;
    }

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

    .banksy-container .banksy-s10-2 .img-wrap {
        width: 91.111111vw;
        margin: 8.333333vw auto 0;
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
    }

}

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

.banksy-container .banksy-s11 .title-wrap {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: rgba(109, 111, 114, 1);
    font-size: 6.25vw;
    font-weight: 300;
    line-height: 1.25;
}

.banksy-container .banksy-s11 .title-wrap span {
    color: rgba(173, 193, 233, 1);
    font-weight: 400;
}

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

    .banksy-container .banksy-s11 .title-wrap {
        width: 90%;
        font-size: 11.111111111vw;
    }
}

/* s11 end */
/* s12 start */
.banksy-container .banksy-s12 {
    width: 100%;
    overflow: hidden;
}

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

.banksy-container .banksy-s12 .s12-swiper {
    width: 67.5vw;
    margin: 3.125vw 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 {
    width: 60%;
    position: absolute;
    z-index: 2;
    top: 2.083333vw;
    left: 2.083333vw;
    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: 1.145833vw;
    font-weight: 400;
    line-height: 1.25;
}

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

.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 .content-wrap {
        width: 83.333333vw;
        padding-left: 0;
    }

    .banksy-container .banksy-s12 .s12-swiper {
        width: 91.111111vw;
        margin: 8.333333vw 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: 5.555556vw;
        left: 5.555556vw;
        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.333333vw;
    }

    .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 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.banksy-container .banksy-s13 .left-content {
    display: flex;
    align-items: flex-start;
}

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

.banksy-container .banksy-s13 .left-content .big-title {
    width: 21.614583vw;
    margin-left: 1.666667vw;
}

.banksy-container .banksy-s13 .right-content {
    width: 24.21875vw;
    margin-left: 6.25vw;
}

.banksy-container .banksy-s13 .img-wrap {
    width: 41.666667vw;
    margin: 5.208333vw auto 0;
}

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

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

    .banksy-container .banksy-s13 .left-content {
        flex-direction: column;
    }

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

    .banksy-container .banksy-s13 .left-content .big-title {
        width: 100%;
        margin: 8.333333vw 0 0;
    }

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

    .banksy-container .banksy-s13 .img-wrap {
        width: 83.33333333vw;
        margin: 8.333333vw auto 0;
    }
}

/* s13 end */
/* s14 start */
.banksy-container .banksy-s14 {
    width: 64.583333vw;
    margin: 10.416667vw auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.banksy-container .banksy-s14 .content-wrap {
    width: 22.135417vw;
}

.banksy-container .banksy-s14 .video-wrap {
    width: 37.5vw;
}
.banksy-container .banksy-s14 .video-wrap video{
    mix-blend-mode: darken;
}

.banksy-container .banksy-s14 .replay-btn {
    text-align: center;
}

.banksy-container .banksy-s14 .btn-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: visible;
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    color: #6d6f72;
    font-size: 1.145833vw;
    font-weight: 400;
    line-height: 1.6;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.banksy-container .banksy-s14 .btn-wrap.hide {
    opacity: 0;
    pointer-events: none;
}

.banksy-container .banksy-s14 .btn-wrap img {
    width: 1.354167vw;
    margin-right: 0.520833vw;
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-s14 {
        width: 100%;
        margin: 27.777778vw auto 0;
        justify-content: flex-start;
        flex-direction: column;
    }

    .banksy-container .banksy-s14 .content-wrap {
        width: 83.333333vw;
    }

    .banksy-container .banksy-s14 .video-wrap {
        width: 83.333333vw;
        margin: 8.333333vw auto 0;
    }

    .banksy-container .banksy-s14 .btn-wrap {
        font-size: 3.055556vw;
    }

    .banksy-container .banksy-s14 .btn-wrap img {
        width: 3.333333vw;
        margin-right: 1.388889vw;
    }
}

/* s14 end */

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

.banksy-container .banksy-s16 .content-wrap {
    width: 64.583333vw;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

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

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

.banksy-container .banksy-s16 .left-content .big-title {
    width: 23.59375vw;
    margin-left: 2.083333vw;
}

.banksy-container .banksy-s16 .right-content {
    width: 26.927083vw;
}

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

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

.banksy-container .banksy-s16 .s16-animation-container {
    margin: 3.125vw 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: 80%;
    margin: 3.125vw auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

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

.banksy-container .banksy-s16 .icon-list li:nth-child(even) {
    margin-left: 5.208333vw;
}

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

.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: 1.041667vw;
}

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

.banksy-container .banksy-s16 .icon-list .icon-desc p {
    color: #6D6F72;
    font-size: 0.833333vw;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 0.520833vw;
}

.banksy-container .banksy-s16 .icon-list li:nth-child(odd) .icon-desc {
    width: 21.354167vw;
}

.banksy-container .banksy-s16 .icon-list li:nth-child(even) .icon-desc {
    width: 21.354167vw;

}

@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: 27.77777778vw 0;
    }

    .banksy-container .banksy-s16 .content-wrap {
        width: 83.333333vw;
        flex-direction: column;
    }

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

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

    .banksy-container .banksy-s16 .left-content .big-title {
        width: 100%;
        margin: 8.333333vw 0 0;
    }

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

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

    .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: -1.383333vw;
        right: -15.977778vw;
        transform: rotate(-9deg);
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
    }

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

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

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

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

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

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

    .banksy-container .banksy-s16 .s16-animation-container .icon-list li .icon-desc {
        width: 69.722222vw;
        margin-left: 2.777778vw;
    }

    .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 */
/* gopaint start */
.banksy-container .banksy-gopaint .content-wrap {
    width: 53.75vw;
    margin: 0 auto;
}

.banksy-container .banksy-gopaint .gopaint-swiper-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 3.125vw 0 0;
}

.banksy-container .banksy-gopaint .gopaint-swiper {
    position: relative;
    z-index: 1;
    opacity: 1;
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.banksy-container .banksy-gopaint .gopaint-swiper.active .swiper-slide {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.89, 0.02, 0.46, 1);
    will-change: opacity;
}

.banksy-container .banksy-gopaint .gopaint-swiper.active .swiper-slide-next {
    transform: translateX(10vw);
    transition: transform 0.5s cubic-bezier(0.89, 0.02, 0.46, 1);
    will-change: transform;
}

.banksy-container .banksy-gopaint .gopaint-swiper.active .swiper-slide-prev {
    transform: translateX(-10vw);
    transition: transform 0.5s cubic-bezier(0.89, 0.02, 0.46, 1);
    will-change: transform;
}

.banksy-container .gopaint-swiper .swiper-slide-next {
    transition: all 0.5s cubic-bezier(0.89, 0.02, 0.46, 1);
}

.banksy-container .gopaint-swiper .swiper-slide-prev {
    transition: all 0.5s cubic-bezier(0.89, 0.02, 0.46, 1);
}

.banksy-container .banksy-gopaint .gopaint-swiper .swiper-slide,
.banksy-container .banksy-gopaint .gopaint-swiper .swiper-duplicate {
    width: 53.75vw;
    margin: 0 6.875vw;
    transition: all 1s;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    overflow: hidden;
}

.banksy-container .banksy-gopaint .swiper-slide .gopaint-img,
.banksy-container .banksy-gopaint .swiper-slide-duplicate .gopaint-img {
    position: relative;
}

.banksy-container .banksy-gopaint .swiper-slide .gopaint-imgbg,
.banksy-container .banksy-gopaint .swiper-slide-duplicate .gopaint-imgbg {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    inset: 0;
    will-change: background-color;
    transition: all 1s ease-in;
    z-index: 2;
}

.banksy-container .banksy-gopaint .swiper-slide-active .gopaint-imgbg,
.banksy-container .banksy-gopaint .swiper-slide-duplicate-active .gopaint-imgbg {
    opacity: 0;
    will-change: opacity;
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.banksy-container .banksy-gopaint .gopaint-line {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: flex-end;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.banksy-container .banksy-gopaint .gopaint-line div {
    width: 6.25vw;
    height: 1px;
    position: relative;
    top: 0;
    right: 12.8vw;
    background-color: #000000;
}

.banksy-container .banksy-gopaint .gopaint-page {
    position: absolute;
    top: 50%;
    left: 15.7291vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.banksy-container .banksy-gopaint .gopaint-page p {
    color: #6d6f72;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 1.25;
}

.banksy-container .banksy-gopaint .gopaint-page .gopaint-numbers {
    margin-bottom: 3.125vw;
    position: relative;
}

.banksy-container .banksy-gopaint .gopaint-page .gopaint-numbers span {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transform: translateY(-1vw);
    transition: all 1s ease-in-out;
    will-change: transform;
}

.banksy-container .banksy-gopaint .gopaint-page .gopaint-numbers span.active {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s cubic-bezier(0.89, 0.02, 0.46, 1);
    will-change: transform;
}

.banksy-container .banksy-gopaint .swiper-button-next {
    right: 15.5vw;
    top: 13.4375vw;
}

.banksy-container .banksy-gopaint .swiper-button-prev {
    right: 14.5vw;
    left: auto;
    top: 18.489583vw;
}

.banksy-container .banksy-gopaint .swiper-button-next,
.banksy-container .banksy-gopaint .swiper-button-prev {
    opacity: 0.8;
    width: 1.875vw;
}

.banksy-container .banksy-gopaint .swiper-button-next svg,
.banksy-container .banksy-gopaint .swiper-button-prev svg {
    pointer-events: none;
    height: 2.0833333333vw;
}

.banksy-container .banksy-gopaint .swiper-button-next .icon-top-line,
.banksy-container .banksy-gopaint .swiper-button-prev .icon-top-line {
    stroke-dasharray: 29;
    stroke-dashoffset: 58;
    transition: stroke-dashoffset 0.5s ease-in-out;
}

.banksy-container .banksy-gopaint .swiper-button-next .icon-line,
.banksy-container .banksy-gopaint .swiper-button-prev .icon-line {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    transition: stroke-dashoffset 0.5s ease-in-out;
}

.banksy-container .banksy-gopaint .swiper-button-next .icon-bottom-line,
.banksy-container .banksy-gopaint .swiper-button-prev .icon-bottom-line {
    stroke-dasharray: 30;
    stroke-dashoffset: 59.5;
    transition: stroke-dashoffset 0.5s ease-in-out;
}

.banksy-container .banksy-gopaint .swiper-button-next:hover .icon-line,
.banksy-container .banksy-gopaint .swiper-button-prev:hover .icon-line {
    stroke-dashoffset: 110;
}

.banksy-container .banksy-gopaint .swiper-button-next:hover .icon-top-line,
.banksy-container .banksy-gopaint .swiper-button-prev:hover .icon-top-line {
    stroke-dashoffset: 48;
}

.banksy-container .banksy-gopaint .swiper-button-next:hover .icon-bottom-line,
.banksy-container .banksy-gopaint .swiper-button-prev:hover .icon-bottom-line {
    stroke-dashoffset: 50;
}

.banksy-container .banksy-gopaint .swiper-button-next:after,
.banksy-container .banksy-gopaint .swiper-button-prev:after {
    font-size: 0;
    display: none;
}

.banksy-container .banksy-gopaint .gopaint-desc-container {
    width: 100%;
    overflow: hidden;
    margin-top: 2.083333vw;
}

.banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-slide,
.banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-duplicate {
    width: 53.75vw;
    margin: 0 6.875vw;
    transition: all 1s;
}

.banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-slide p {
    color: rgba(109, 111, 114, 1);
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 1.6;
    opacity: 0;
    transform: translateX(3vw);
    transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-slide p span {
    color: rgba(21, 21, 23, 1);
    font-weight: 400;
}

.banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-slide-active p,
.banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-slide-duplicate-active p {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.banksy-container .banksy-gopaint .gopaint-desc-container .swiper-mob-button {
    display: none;
}

@media screen and (max-aspect-ratio:136/100) {
    .banksy-container .banksy-gopaint .content-wrap {
        width: 83.333333vw;
    }

    .banksy-container .banksy-gopaint .gopaint-swiper-container {
        margin: 8.333333vw auto 0;
    }

    .banksy-container .banksy-gopaint .gopaint-swiper {
        width: 83.333333vw;
        margin: 0 auto;
    }

    .banksy-container .banksy-gopaint .gopaint-swiper .swiper-wrapper {
        transition: transform 1s ease;
    }

    .banksy-container .banksy-gopaint .gopaint-swiper .swiper-slide,
    .banksy-container .banksy-gopaint .gopaint-swiper .swiper-duplicate {
        width: 83.333333vw;
        margin: 0 2.08333vw;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
    }

    .banksy-container .banksy-gopaint .gopaint-line {
        display: none;
    }

    .banksy-container .banksy-gopaint .gopaint-page {
        display: none;
    }

    .banksy-container .banksy-gopaint .gopaint-swiper-container .gopaint-button {
        display: none;
    }

    .banksy-container .banksy-gopaint .gopaint-desc-container {
        margin-top: 8.333333vw;
        padding-left: 8.333333vw;
        display: flex;
        align-items: flex-start;
    }

    .banksy-container .banksy-gopaint .gopaint-desc-swiper {
        width: 53.333333vw;
    }

    .banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-slide,
    .banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-duplicate {
        width: 100%;
        margin: 0;
    }

    .banksy-container .banksy-gopaint .gopaint-desc-swiper .swiper-slide p {
        font-size: 4.444444vw;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
        -moz-transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .banksy-container .banksy-gopaint .gopaint-desc-container .swiper-mob-button {
        display: inline-flex;
        justify-content: center;
        align-items: flex-start;
        margin-left: 5.555556vw;
    }

    .banksy-container .banksy-gopaint .gopaint-desc-container .swiper-mob-button>div {
        outline: 0;
        display: block;
        position: static;
        width: 12.083333vw;
        height: auto;
        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-gopaint .gopaint-desc-container .swiper-button-prev img {
        transform: translate3d(0,0,0) rotate(-180deg);
        -webkit-transform: translate3d(0,0,0) rotate(-180deg);
        -moz-transform: translate3d(0,0,0) rotate(-180deg);
    }

    .banksy-container .banksy-gopaint .gopaint-desc-container .swiper-button-next {
        margin-left: 3.333333vw;
    }

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

    .banksy-container .banksy-gopaint .gopaint-desc-container .swiper-mob-button .btn-scale {
        transform: scale(0.875);
        -webkit-transform: scale(0.875);
        -moz-transform: scale(0.875);
    }
}

/* gopaint end */
/* s17 start */
.banksy-container .banksy-s17 {

    margin: 10.416667vw 0 0;
}

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

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

.banksy-container .banksy-s17 .img-wrap {
    width: 42.291667vw;
    margin: 3.125vw auto 0;
}

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

    .banksy-container .banksy-s17 .content-wrap {
        width: 83.333333vw;
        text-align: left;
    }

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

    .banksy-container .banksy-s17 .img-wrap {
        width: 94.444444vw;
        margin: 8.333333vw auto 0;
    }
}

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

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

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

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

.banksy-container .banksy-s18 .card-list {
    width: 67.5vw;
    margin: 3.125vw auto 0;
    display: flex;
    justify-content: space-between;
}

.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;
}

.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);
    z-index: 1;
}

.banksy-container .banksy-s18 .card-item .card-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.banksy-container .banksy-s18 .right-card .card-img {
    top: 0;
}

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

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

.banksy-container .banksy-s18 .left-card .card-desc {
    width: 27.083333vw;
    margin: 3.125vw 0 25.104167vw 3.125vw;
}

.banksy-container .banksy-s18 .right-card .card-desc {
    width: 26.822917vw;
    margin: 23.958333vw 0 4.166667vw 3.125vw;
}

.banksy-container .banksy-s18 .card-item .learn-more-link {
    text-align: center;
    margin: 2.083333vw 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;
}

@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;
}

.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: 83.333333vw;
        text-align: left;
    }

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

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

    .banksy-container .banksy-s18 .card-list {
        width: 100%;
        margin: 5.555555555555556vw 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: 13.888889vw 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 h4 {
        font-size: 6.666667vw;
    }

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

    .banksy-container .banksy-s18 .left-card .card-desc {
        width: 74.444444vw;
        margin: 8.333333vw auto 66.666667vw;
    }

    .banksy-container .banksy-s18 .right-card .card-desc {
        width: 74.444444vw;
        margin: 64.027778vw auto 11.111111vw;
    }

    .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.055555555555556vw;
    }

    .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;
}

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

.banksy-container .banksy-s19 .img-wrap {
    margin: 3.125vw 0 0;
    display: flex;
}

.banksy-container .banksy-s19 .word-wrap {
    width: 27.291667vw;
    margin-top: 7.291667vw;
    margin-left: 13.541667vw;
    position: relative;
    z-index: 1;
}

.banksy-container .banksy-s19 .sub-title {
    color: #211d1e;
    font-weight: 300;
    font-size: 1.666667vw;
    line-height: 1.25;
}

.banksy-container .banksy-s19 .text-p {
    margin-top: 1.5625vw;
}

.banksy-container .banksy-s19 .id-img {
    position: relative;
    width: 58.333333vw;
    margin-left: -3.385417vw;
}

.banksy-container .banksy-s19 .arrow-tip {
    width: 8.072917vw;
    position: absolute;
    top: 21.25vw;
    left: -1.197917vw;
    z-index: 1;
    text-align: center;
}

.banksy-container .banksy-s19 .arrow-tip .arrow-img {
    width: 4.166667vw;
    margin: 0 auto;
}

.banksy-container .banksy-s19 .arrow-tip span {
    color: #CF8266;
    font-size: 1.145833vw;
    line-height: 1.25;
    font-weight: 400;
}

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

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

    .banksy-container .banksy-s19 .img-wrap {
        margin: 8.333333vw 0 0;
        display: block;
    }

    .banksy-container .banksy-s19 .word-wrap {
        width: 83.333333vw;
        margin: 0 auto;
    }

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

    .banksy-container .banksy-s19 .text-p {
        margin-top: 4.166667vw;
    }

    .banksy-container .banksy-s19 .id-img {
        width: 100%;
        margin: 15.694444vw auto 0;
    }

    .banksy-container .banksy-s19 .arrow-tip {
        width: 80%;
        top: -3.888888888888889vw;
        left: auto;
        right: 5.972222vw;
        transform: rotate(6deg);
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .banksy-container .banksy-s19 .arrow-tip .arrow-img {
        width: 12.77777777777778vw;
        flex-shrink: 0;
        margin: 0;
    }

    .banksy-container .banksy-s19 .arrow-tip span {
        font-size: 4.444444vw;
        margin-left: 1.388889vw;
    }
}

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

.banksy-container .banksy-s20 .img-wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.banksy-container .banksy-s20 .id-img {
    flex-shrink: 0;
    width: 52.083333vw;
    position: relative;
    margin-left: 13.541667vw;
}

.banksy-container .banksy-s20 .arrow-tip {
    width: 13.28125vw;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    right: -3.645833vw;
    bottom: 6.25vw;
}

.banksy-container .banksy-s20 .arrow-tip .arrow-img {
    flex-shrink: 0;
    width: 2.604167vw;
}

.banksy-container .banksy-s20 .arrow-tip span {
    color: #CF8266;
    font-size: 1.145833vw;
    line-height: 1.25;
    font-weight: 400;
    margin-left: 1.041667vw;
}

.banksy-container .banksy-s20 .word-wrap {
    flex-shrink: 0;
    width: 27.291667vw;
    margin: 4.166667vw 0 0 -4.322917vw;
    position: relative;
    z-index: 1;
}

.banksy-container .banksy-s20 .word-wrap .sub-title {
    color: #211d1e;
    font-size: 1.666667vw;
    font-weight: 300;
    line-height: 1.25;
}

.banksy-container .banksy-s20 .word-wrap .text-p {
    margin-top: 1.5625vw;
}

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

    .banksy-container .banksy-s20 .img-wrap {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .banksy-container .banksy-s20 .id-img {
        width: 100%;
        margin: 12.77777777777778vw auto 0;
    }

    .banksy-container .banksy-s20 .arrow-tip {
        width: 80%;
        right: 12.5vw;
        bottom: auto;
        top: -3.611111vw;
        transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        justify-content: flex-end;
    }

    .banksy-container .banksy-s20 .arrow-tip .arrow-img {
        width: 4.861111vw;
    }

    .banksy-container .banksy-s20 .arrow-tip span {
        font-size: 4.444444vw;
        margin-left: 1.388889vw;
    }

    .banksy-container .banksy-s20 .word-wrap {
        width: 83.333333vw;
        margin: 0 auto;
    }

    .banksy-container .banksy-s20 .word-wrap .sub-title {
        font-size: 6.666667vw;
    }

    .banksy-container .banksy-s20 .word-wrap .text-p {
        margin-top: 4.166667vw;
    }
}

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

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

.banksy-container .banksy-s21 .card-list {
    width: 67.5vw;
    margin: 3.125vw auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.banksy-container .banksy-s21 .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-s21 .card-list .card-title {
    color: #151517;
    font-size: 1.666667vw;
    font-weight: 300;
    line-height: 1.25;
}

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

.banksy-container .banksy-s21 .card-item1 {
    width: 100%;
    margin-bottom: 2.604167vw;
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.banksy-container .banksy-s21 .card-item1 .card-img {
    flex-shrink: 0;
    width: 35.416667vw;
    margin-left: 4.0625vw;
}

.banksy-container .banksy-s21 .card-item1 .card-desc {
    flex-shrink: 0;
    margin: 6.875vw 0 6.614583vw 0.9375vw;
    width: 21.614583vw;
}

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

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

.banksy-container .banksy-s21 .card-item1 .battery-parms h2 {
    display: inline-block;
    color: #6d6f72;
    font-size: 1.666667vw;
    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-s21 .card-item1 .battery-parms h2 span {
    font-size: 4.166667vw;
}

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

.banksy-container .banksy-s21 .card-item1 .battery-parm1 {
    width: 100%;
}

.banksy-container .banksy-s21 .card-item1 .battery-parm2 {
    width: 10.833333vw;
    margin-top: 1.041667vw;
    margin-right: 2.8125vw;
}

.banksy-container .banksy-s21 .card-item1 .battery-parm3 {
    width: 7.8125vw;
    margin-top: 1.041667vw;
}

.banksy-container .banksy-s21 .card-item2,
.banksy-container .banksy-s21 .card-item3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.banksy-container .banksy-s21 .card-item2 .card-desc {
    width: 34.479167vw;
    margin: 3.125vw auto 0;
    text-align: center;
}

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

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

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

.banksy-container .banksy-s21 .card-item2 .card-img {
    width: 32.552083vw;
    margin: 4.166667vw auto 8.333333vw;
    position: relative;
    z-index: 1;
}

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

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

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

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

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


.banksy-container .banksy-s21 .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-s21 .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-s21 .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-s21 .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-s21 .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-s21 .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-s21 .card-item3 {
    width: 26.041667vw;
}

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

.banksy-container .banksy-s21 .card-item3 .card-img {
    width: 100%;
    margin-top: 2.34375vw;
}

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

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

.banksy-container .banksy-s21 .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-s21 .card-item3 .wifi1 {
    top: -1.041667vw;
    left: 6.770833vw;
}

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

.banksy-container .banksy-s21 .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-s21 .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-s21 .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-s21 {
        margin: 27.777778vw 0 0;
        padding-top: 27.777778vw;
    }

    .banksy-container .banksy-s21 .content-wrap {
        width: 83.333333vw;
        text-align: left;
    }

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

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

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

    .banksy-container .banksy-s21 .card-list .card-txt {
        font-size: 4.444444vw;
        margin-top: 4.166667vw;
    }

    .banksy-container .banksy-s21 .card-item1 {
        margin-bottom: 8.333333vw;
        flex-direction: column;
    }

    .banksy-container .banksy-s21 .card-item1 .card-img {
        width: 100%;
        margin: 2.777778vw auto 0;
    }

    .banksy-container .banksy-s21 .card-item1 .card-desc {
        width: 74.444444vw;
        margin: 8.3333333vw auto 0;
    }

    .banksy-container .banksy-s21 .card-item1 .battery-parms {
        margin-top: 5.555556vw;
    }

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

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

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

    .banksy-container .banksy-s21 .card-item1 .battery-parm2 {
        width: 32.638889vw;
        margin: 3.055556vw 11.11111111vw 0 0;
    }

    .banksy-container .banksy-s21 .card-item1 .battery-parm3 {
        width: 27.77777777777778vw;
        margin-top: 3.055556vw;
    }

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

    .banksy-container .banksy-s21 .card-item2 .card-desc {
        width: 74.444444vw;
        margin: 8.333333vw auto 0;
        text-align: left;
    }

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

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

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

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

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

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

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

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

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

    .banksy-container .banksy-s21 .card-item3 .card-desc {
        width: 74.444444vw;
        margin: 8.333333vw auto 0;
        text-align: left;
    }

    .banksy-container .banksy-s21 .card-item3 .card-img {
        margin-top: 9.027778vw;
    }

    .banksy-container .banksy-s21 .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.5vw;
    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: 8.888888888888889vw;
    }

    .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;
    }
}