body header, body footer {
    display: block !important;
    height: auto !important;
}
h1,h2{font-size: 48px;font-weight: 600;line-height:1.2;color: rgba(0, 35, 41, 1);}
h1 span,h2 span{color: var(--v-orange);}
.generic_banner{padding:56px 0 0;background:url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-generic-low-spread-banner-new.webp) center no-repeat;background-size: cover;}
.generic_banner .inner{display: flex;justify-content:center;gap: 56px;align-items: center;}
.generic .live-account-right{background: #fff;border-radius: 8px;padding: 32px 0 48px;min-height: 100%;min-width: 530px;}
.banner-form{padding-bottom: 56px;}
.generic_banner .left-box{justify-content: space-between;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;max-width: 664px;}
.generic_banner h1{color: var(--v-black);line-height: 58px;}
.generic_banner .left-box .text-box{padding: 90px 0;text-align: center;}
.generic_banner .left-box p{color: var(--v-black);margin: 16px auto 0;font-size: 20px;line-height: 26px;font-weight: 500;opacity: 0.8;}
.generic_banner .vantage-logo{width: 72px;height: 72px;}
.generic_banner .open-live-account .form-body #new-live #sub-open{height: 55px;}
.generic_banner .open-live-account .form-body #new-live{margin-bottom: 0;margin-top: 32px;}
.generic_banner .live-account-right .live-account-right-inner{width: 530px;padding: 0 72px;}
.generic_banner .open-live-account h1{font-size: 20px !important;margin-bottom: 24px;}
.generic_banner .open-live-account .form-body .form-element{margin-bottom: 8px;}

.generic-list{padding: 96px 0px;background:url(https://d21u74ttq7jqzf.cloudfront.net/image/revolutionise-your-list.webp) center no-repeat;background-size: cover;text-align: center;}
.generic-list h2 span{display: block;}
.generic-list .content-lists{display: flex;justify-content:center;flex-wrap: wrap;margin:56px auto 0;gap: 24px;}
.generic-list .content-lists li{width:calc(33.3% - 18px);padding:32px 30px 40px;border-radius:8px;background-color: var(--v-grey-light2);position: relative;overflow: hidden;max-width: 380px;}
.generic-list .content-lists li:after{content:'';position: absolute;width: 170%; height: 220%;background: rgba(0,0,0,0.1);transition: all .6s;top: 30%;left: -180%;transform: rotate(-45deg);}
.generic-list .content-lists li .list-bottom{transition:all .3s ease; -webkit-transition: all .3s ease;}
.generic-list .content-lists li img{transition: all .3s ease; -webkit-transition: all .3s ease;padding-bottom: 24px;}
.generic-list .content-lists li:hover img{transform: translateY(-10px);filter: drop-shadow(-24px 18px 18px rgba(0, 0, 0, 0.3));-webkit-filter: drop-shadow(-24px 18px 18px rgba(0, 0, 0, 0.3));}
.generic-list .content-lists li:hover:after{left: 120%;top: -130%;}
.generic-list .content-lists li:hover .list-bottom{transform: translateY(-10px);}
.generic-list .content-lists li .list-bottom p.tit{font-size: var(--fs-18);font-weight: 600;color:rgba(0, 35, 41, 1);line-height: 1.2;margin: 0;}



.generic-table{padding: 96px 0;}
.generic-table h2{margin-bottom: 32px;}
.generic-table table {width: 100%; border-collapse: separate; border-spacing:4px 0; border-radius: 12px; color: var(--v-black);}
.generic-table th, td {border-bottom: 1px solid #E2E2E2;padding: 19px;text-align: center;width: 33.3%;}
.generic-table td {padding: 11.5px 20px;}
.generic-table th:first-child{font-size: 16px;font-weight: 500;text-align: left;line-height: 1.5;background-color: #F5F5F5;}
.generic-table th:last-child{font-size: var(--fs-18);font-weight: 600;line-height: 1.5;background-color: #F5F5F5;position: relative;}
.generic-table th:last-child::after {content: '';width: 100%;background-color: #818181;height: 6px;position: absolute;top: -6px;left: 0;}
.generic-table th:nth-child(2){background-color: #EEEEEE;position: relative;}
.generic-table th:nth-child(2)::after {content: '';width: 100%;background-color: #E35728;height: 6px;position: absolute;top: -6px;left: 0;}
.generic-table .td1 {text-align: left;background-color: #F5F5F5;}
.generic-table .td1 p {margin-bottom: 0;line-height: 1;font-size: var(--hm-fs-16);font-weight: 500;}
.generic-table .td1 span {font-size: 12px;color: #646464;}
.generic-table .td2 {background-color: #EEEEEE;}
.generic-table .td2 div { display: flex;align-items: center;justify-content: center;font-size: var(--fs-20);font-weight: 500;line-height:1.3;gap: 4px;}
.generic-table .td3 {font-size: var(--fs-18);line-height: 1.5;background-color: #F5F5F5;}
.generic .generic-table ul {margin: 12px 0 0;padding-left: 15px;}
.generic-table ul li {color: #002329;font-size: var(--fs-14);line-height: 1.4;list-style: disc;}
.generic-table .orange-arrow-button {padding: 16px 36px;font-size: var(--fs-18);}
.generic-table .orange-arrow-button:hover {padding-right: 36px;}
.generic-table .orange-arrow-button:hover .btn-text {transform: translateX(0px);}
.generic-table .competition-spread-table .td1 {background-color: #f5f5f5;}
.generic-table .competition-spread-table .td3 {background-color: #f5f5f5;}
.generic-table .competition-spread-table th:first-child {background-color: #f5f5f5;}
.generic-table .competition-spread-table th:last-child {background-color: #f5f5f5;}

.generic-content{background:url(/wp-content/themes/vantage/images/generic-content-bg.webp) center no-repeat;background-size: cover;padding: 96px 0;}
.generic-content .inner{display: flex;justify-content: space-between;align-items: center;gap: 24px;}
.generic-content h2 span{display: block;}
.generic-content p{font-size: 28px;font-weight: 500;line-height: 1.2;color: #000;margin: 32px 0 0;}

.generic-swiper{padding: 96px 0;text-align: center;}
.generic-swiper .organisations {flex-wrap: wrap;max-width: 900px;grid-gap: 8px;margin:32px auto 72px; display: flex;justify-content:center;}
.generic-swiper .organisations li {max-width: 240px;width: 100%;background-color: #fff;border-radius: 10px;box-shadow: 39.49px 40.41px 78.24px 0px rgba(0, 0, 0, 0.16);}
.generic-swiper .swiper_container {display: flex;overflow: hidden;gap: 56px;}
.generic-swiper .swiper_container .publicationsfor {display: flex;gap: 56px;align-items: center;justify-content: space-between;}
.generic-swiper .swiper_container .publicationsfor li {display: inline-block;width: auto;}
.generic-swiper .swiper_container .publicationsfor li img {max-width: none;}


.live-iframe{width: 530px;height: 600px;border: 0;border-radius: 8px;}
.live-account-right .vantage-logo{display: flex !important;}
.live-account-right{padding-bottom: 40px !important;}
.generic_banner .live-account-right{padding-bottom: 0 !important;}


@media (max-width: 1076px){
    .generic-swiper .organisations li {max-width: 230px;}
    .generic-swiper .organisations {max-width: 668px;grid-template-columns: repeat(auto-fill, minmax(230px, 230px));}
}
@media (max-width: 1024px){
    .generic-swiper::after {width: 249px;height: 219px;}
    h1,h2{font-size: 38px;}
}
@media (max-width: 940px){
    .generic_banner,.banner-form{padding: 0;}
    .generic_banner .inner{flex-wrap: wrap;padding: 0;gap: 0;}
    .generic_banner .left-box{width: 100%;background:url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-generic-low-spread-banner-mobile-new.webp) center no-repeat;background-size: cover;max-width: 100%;}
    .generic_banner{background: none;}
    .generic_banner .left-box .text-box{padding: 32px 20px 48px;max-width: 510px;}
    .generic_banner .left-box p{font-size: 16px;font-weight: 400;}
    .generic_banner .vantage-logo{width: 56px;height: 56px;}
    .generic_banner .vantage-logo img{max-width: 28px;}
    .generic_banner .open-live-account .form-body #new-live #sub-open{height: 47px;}
    .generic .live-account-right{width:100%;max-width: 100%;padding: 32px 0px 48px;min-width: 100%;}
    .generic_banner .live-account-right .live-account-right-inner{padding:0 20px;width: 100%;max-width: 530px;}
}
@media (max-width: 768px){
    .generic-list,.generic-table,.generic-content,.generic-swiper{padding:56px 0;}
    h2{font-size: 30px;}
    .generic-list{background:url(/wp-content/themes/vantage/images/generic-item-bg.webp) center no-repeat;background-size: cover;}
    .generic-list .content-lists{margin: 36px auto 0;gap: 12px;justify-content: flex-start;}
    .generic-list .content-lists li{padding: 20px 14px;width: calc(50% - 6px);}
    .generic-list .content-lists li img{padding-bottom: 16px;}
    .generic-content{background:url(/wp-content/themes/vantage/images/generic-content-bg-phone.webp) center no-repeat;background-size: cover;}
    .generic-content .inner{flex-wrap: wrap;flex-direction: column-reverse;gap: 16px;}
    .generic-content p{font-size: 20px;margin: 16px 0 0;}
    .generic-content-text{text-align: center;}
    .generic-content-img img{max-width: 420px;}

    .generic-swiper .organisations {max-width: 352px;grid-template-columns: repeat(auto-fill, minmax(172px, 172px));padding: 0;margin: 24px auto 32px;justify-content: center;}
    .generic-swiper .organisations li {max-width: 172px;}
    .generic-swiper {padding: 32px 0;}

    .generic-swiper .swiper_container {padding: 0 39.4px;gap: 21.8px;}
    .generic-swiper .swiper_container .publicationsfor {display: flex;gap: 21.8px;}
    .generic-swiper .swiper_container .publicationsfor li {flex-shrink: 0;}
    .generic-swiper .swiper_container .publicationsfor li img {max-width: 100%;}
    
}
@media (max-width: 590px){
    .generic-swiper .swiper_container {padding: 0 7.4px;}
}
@media (max-width: 550px){
    .live-iframe{max-width: 90%;}
}
@media (max-width: 510px){
    h1{font-size: 28px;}
    .generic-list,.generic-table,.generic-content,.generic-swiper{padding: 32px 0;}
    h2{font-size: 20px;}
    .generic-list .content-lists{margin: 24px auto 0;gap: 8px;}
    .generic-list .content-lists li{padding: 16px 6px;}
    .generic-list .content-lists li img{max-height: 100px;width: auto;padding-bottom: 8px;}
    .generic-content p{font-size: 14px;margin: 6px 0 0;}
    .generic-content-img img{max-width: 256px;}


}
@media (max-width: 392px){
    .generic-swiper .organisations {grid-template-columns: repeat(auto-fill, minmax(137px, 137px));grid-gap:5px;max-width: 280px;}
    .generic-swiper .organisations li {max-width: 137px;}
}

.live-account-right{height: 100%;display: flex;justify-content: space-around;align-items: center;background: var(--v-white);}
.live-account-right{box-shadow: 0px 20px 30px 0px #00000029;padding: 20px 0;border-radius: 8px;}
.live-account-right .live-account-right-inner {width: 100%;padding: 0 20px;}
.error{color: #a71e00;font-size: var(--fs-14);display: none;}
.live-account-right .live-account-right-inner{display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.vantage-logo{width: 80px;height: 80px;background-color: var(--v-white);box-shadow: 0px 3px 6px #00000029;border-radius: 40px;display: flex;justify-content: space-around;align-items: center;margin-bottom: 16px;}
.live-account-right .live-account-right-inner .other-open{width: 260px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(1){color: var(--v-green-darker);}
.live-account-right .live-account-right-inner .other-open a{text-decoration: underline;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(1):hover{color: #002329;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(2):hover{color: #000000;}

.open-live-account .form-body #new-live #sub-open::after {left: -115% !important;}
.open-live-account .form-body #new-live #sub-open:hover:after {transform: rotate(110deg) translateZ(0px) !important;}

@media (max-width: 768px){
    .live-account-right .live-account-right-inner {padding: 0 20px !important;}
}
@media (max-width: 350px){ 
    .live-account-right .live-account-right-inner .other-open {margin: 0 ;justify-content: space-around;}
    .open-live-account .form-body .choose-account-type {flex-wrap: wrap;}
}