header, footer {
    display: block !important;
    height: auto !important;
}

.banner{background: url(/wp-content/themes/vantage/images/zalo-banner.webp?v=1) left top no-repeat;background-size: cover;padding: 228px 0;overflow: hidden;position: relative;}
.banner::before{content: '';display: block;width: 1100px;height: 100%;background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 88.27%);position: absolute;left: 0;top: 0;}
.banner .inner{max-width: 1430px;position: relative;z-index: 10;}
.banner .text-box{max-width: 700px;}
.banner h2{color: var(--v-white);font-size: 48px;font-weight: 600;line-height: 58px;margin-bottom: 24px;}
.banner .orange-button{padding: 16px 36px;line-height: 23px;}

.row1 .live-account .inner{background: unset;display: unset;}
.row1 .live-account .inner,
.row1 .live-account-left, 
.row1 .live-account-right{min-height: min-content;}
.row1 .live-account-left{width: 100%;max-width: 100%;min-width: 1100px;}
.row1 .live-account-left .live-account-left-inner{width: 100%;height: 100%;padding: 0;}
.row1 .live-account-left .swiper .swiper-slide{height: 100%;}
.row1 .live-account-left .swiper .swiper-slide.slide1{background: url(/wp-content/themes/vantage/images/zalo-row1-img1.webp) left top no-repeat;background-size: cover;padding: 261px 0 379px;}
.row1 .live-account-left .swiper .swiper-slide.slide2{background: url(/wp-content/themes/vantage/images/zalo-row1-img2.webp) left top no-repeat;background-size: cover;padding: 378px 0 419px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box1{max-width: 448px;gap: 8px;margin-bottom: 0;padding-top: 0;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box1 .list{border-radius: 12px;padding: 12px 20px;margin-bottom: 0;gap: 16px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box1 .list img{width: 80px;height: 80px;margin-right: 0;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box1 .list p{line-height: 22px;}
.row1 .live-account-left .swiper .swiper-slide .slide-bottom-box{max-width: 100%;min-height: min-content;position: absolute;left: 50%;transform: translateX(-50%);bottom: 317px;}
.row1 .live-account-left .swiper .swiper-slide .slide-bottom-box p{color: var(--v-white);font-size: 12px;font-weight: 500;line-height: 16px;margin-bottom: 0;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2{max-width: 468px;min-height: min-content;margin-bottom: 0;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list{width: 148px;padding: 21px 16px;height: auto;background-color: #F5F5F5;    border-radius: 8px;justify-content: center;position: relative;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list:nth-child(2),
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list-bottom .list:nth-child(1){padding: 13px 16px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list-top{justify-content: center;align-items: normal;gap: 12px;margin-bottom: 12px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list-bottom{justify-content: center;align-items: normal;gap: 12px;padding: 0;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list-bottom .list{width: 148px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list p{color: #002329;font-size: 14px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list p span{display: inline-block;color: #002329;font-size: 14px;font-weight: 600;line-height: 17px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list img{margin-bottom: 9px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list-top .list:nth-child(3) img,
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list-bottom .list:nth-child(1) img,
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list-bottom .list:nth-child(2) img{width: 64px;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list:hover{box-shadow: 0px 4px 4px 0px #00000040;backdrop-filter: blur(20px);}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list:hover .mask-layer{transform: scale(1.4);bottom:-20%;left:-20%;}
.row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list:hover .hover-text{transform:translate(0%,0%);opacity: 1;}
.row1 .swiper-button-next, 
.row1 .swiper-button-prev{top: 49%;}
.row1 .swiper-button-next{right: 166px;}
.row1 .swiper-button-prev{left: 120px;}
.row1 .swiper-button-next::after, 
.row1 .swiper-button-prev::after{color: var(--v-white);}
.row1 .swiper-button-next:hover:before, 
.row1 .swiper-button-prev:hover::before{background-color: rgb(255 255 255 / 30%);}
.row1 .swiper-pagination{bottom: 282px !important;}
.row1 .swiper-pagination-bullet-active{background-color: var(--v-white);}
.row1 .swiper-pagination-bullet{background-color: var(--v-white);}
.row1 .live-account-right{width: 820px;max-width: 100%;box-shadow: none;}
.row1 .language-btn{display: none;}
.open-live-account h1{display: none;}
.agreeConditionBox{display: none !important;}

.mask-layer{position: absolute;width:120%;height:120%;border-radius:50%;bottom:-120%;left:-120%;background: #E2E2E2;transition: .5s ease;}
.hover-text{position: absolute;padding:0 16px;z-index:3;width: 100%;height: 100%;left:0px;top:0px;display:flex;flex-direction: column;justify-content: center;align-items: center;transform:translate(0%,100%);transition: .5s ease;cursor: pointer;opacity: 0;}

@media(max-width:1700px) {
    .banner{background-position: center;}

    /* .row1 .live-account-left{width: 50%;max-width: 50%;min-width: 50%;}
    .row1 .live-account-right{width: 50%;} */

    .row1 .swiper-button-prev{left: 10px;}
    .row1 .swiper-button-next{right: 10px;}
}
@media(max-width:1120px) {
    .banner{background-position: 70% 100%;}
    .banner::before{width: 500px;}
    .banner h2{font-size: var(--fs-40);line-height: 1.22;}

    .row1 .live-account .inner{flex-direction: column;}
    .row1 .live-account-left {width: 100%;max-width: 100%;min-width: 100%;}
    .row1 .live-account-right{width: 100%;}
    .row1 .live-account-left .swiper .swiper-slide.slide1{padding: 130px 0 189px;}
    .row1 .live-account-left .swiper .swiper-slide.slide2{padding: 226px 0 250px;}
    .row1 .swiper-pagination{bottom: 110px !important;}
    .row1 .live-account-left .swiper .swiper-slide .slide-bottom-box{bottom: 150px;}
}
@media(max-width:1024px) {
    .row1 .live-account-left{background: unset;margin-bottom: 0;}
    .row1 .swiper-button-prev{left: 40px;}
    .row1 .swiper-button-next{right: 50px;}
}
@media(max-width:768px) {
    .banner{background: url(/wp-content/themes/vantage/images/zalo-banner-mb.webp) center bottom no-repeat;background-size: cover;padding: 64px 0 676px;}
    .banner::before{display: none;}
    .banner .text-box{max-width: 100%;text-align: center;}

    .row1 .swiper-button-next{right: 10px;}
    .row1 .swiper-button-prev{left: 10px;}
    .row1 .live-account-right{padding-bottom: 0;}
    .row1 .live-account-left .swiper .swiper-slide{height: 759px;padding-left: 20px !important;padding-right: 20px !important;}
}
@media(max-width:580px) {
    .row1 .live-account-left{display: block;}
    .row1 .live-account-left .swiper .swiper-slide .slide-top-box1{max-width: 60%;}
    .row1 .live-account-left .swiper .swiper-slide .slide-top-box1 .list img{width: 60px;height: auto;}
}
@media(max-width:510px) {
    .banner{padding: 32px 0 332px;}
    .banner h2{font-size: 28px;line-height: 34px;margin-bottom: 16px;}
    .banner .orange-button{font-size: 16px;line-height: 21px;padding: 12px 24px;}
    .row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list-bottom{max-width: 60%;}
    .row1 .live-account-left .swiper .swiper-slide .slide-top-box2 .list p{font-size: 10px;}
    .row1 .live-account-left .swiper .swiper-slide .slide-bottom-box{bottom: 100px;padding: 0 20px;}
    .row1 .swiper-pagination{bottom: 60px !important;}
    .live-account-left .swiper .swiper-slide .slide-top-box1 .list p{font-size: 12px;}
    .row1 .live-account-left .swiper .swiper-slide{height: 670px;}

    
    .row1 .live-account-right{padding-top: 32px;}
    .row1 .vantage-logo{width: 56px;height: 56px;}
    .row1 .open-live-account h1{margin-bottom: 24px;}
}
@media(max-width:440px) {
    .row1 .live-account-left .swiper .swiper-slide{height: 759px;}
}
@media(max-width:400px) {
    .row1 .live-account-left .swiper .swiper-slide.slide1{padding: 30px 0 189px;}
    .row1 .live-account-left .swiper .swiper-slide .slide-bottom-box{bottom: 90px;}
}
@media(max-width:360px) {
    .row1{display: none;}
}