.page-banner{background: url(/wp-content/themes/vantage/images/trading-instruments-banner.webp) top center no-repeat;background-size: contain;background-attachment: fixed;position: relative;overflow: hidden;}
.page-banner .inner{max-width: 1438px; padding-top: 98px;padding-bottom: 210px;}
.page-banner .inner .text-box{color: #000000;text-align: center;margin-bottom: 40px;}
.page-banner .inner .text-box h1.title{font-weight: 600;font-size: var(--fs-50);margin-bottom: 13px;line-height: 1.2;}
.page-banner .inner .text-box p{font-size: var(--fs-20);margin-bottom: 0;line-height: 1.1;}
.page-banner .inner ul.list{display: flex;justify-content: flex-start;}
.page-banner .inner ul.list li{background: var(--v-white);box-shadow: 0px 21px 12px #00000029;border-radius: 20px;opacity: 1;margin-right: 4px;width: 12.2%;background: rgba(255,255,255,0.8);position: relative;overflow: hidden;backdrop-filter: blur(7px);cursor: pointer;}
.page-banner .inner ul.list li.active{box-shadow: inset 0px 3px 6px #00000047;background: rgb(206 205 212 / 88%);backdrop-filter: blur(4px);transition: .1s;}
.page-banner .inner ul.list li:last-child{margin-right: 0;}
.page-banner .inner ul.list li:after{content:'';position: absolute;width: 170%; height: 200%;background: rgba(0,0,0,0.1);transition: all .6s;top: 30%;left: -180%;transform: rotate(-45deg);}
.page-banner .inner ul.list li:hover:after{left: 100%;top: -130%;}
.page-banner .inner ul.list li .li-inner{padding: 20px 20px 29px;text-align: center; word-wrap: break-word;}
html[lang='kk-KZ'] .page-banner .inner ul.list li .li-inner ,
html[lang='ru-RU'] .page-banner .inner ul.list li .li-inner {padding: 20px 20px 25px;}

.page-banner .inner ul.list li .li-inner p{font-size: var(--fs-18);margin-bottom: 0;color: var(--v-black);line-height: 1.2;}
.products-table-wrapper{background: #FFFFFF;border-radius: 65px 65px 0px 0px;margin-top: -170px;position: relative;}
.products-table-wrapper .inner{padding-top: 72px;padding-bottom: 100px;}
/* margin-bottom: 24px; */
.products-table-wrapper .inner .main-content .name-and-search{display: flex;justify-content: space-between;align-items: center;}
.products-table-wrapper .inner .main-content .name-and-search .left{display: flex;align-items: center;}
.products-table-wrapper .inner .main-content .name-and-search .left img{margin-right: 16px;}
.products-table-wrapper .inner .main-content .name-and-search .left p.product-name{font-size: var(--fs-38);font-weight: 600;color: var(--v-black);margin-bottom: 0;line-height: 1.2;}
.products-table-wrapper .inner .main-content .name-and-search .search{display: flex;}
.products-table-wrapper .inner .main-content .name-and-search .search .input{position: relative;width: 400px;margin-right: 12px;}
.products-table-wrapper .inner .main-content .name-and-search .search .input .input-label{position: absolute;top: 18px;left: 15px;transition: all .2s linear;z-index: 9;pointer-events: none;}
.products-table-wrapper .inner .main-content .name-and-search .search .input .input-container{position: relative;}
.products-table-wrapper .inner .main-content .name-and-search .search .input .input-container input{width: 100%;height: 61px;font-size: 16px;border: none;outline: none;border-radius: 8px;background-color: var(--v-grey-light2);padding-left: 15px;padding-top: 17px;transition: all .2s linear;padding-right: 64px;}
.products-table-wrapper .inner .main-content .name-and-search .search .input .input-container .del-icon{display: none;}
.products-table-wrapper .inner .main-content .name-and-search .search .input-container input:hover{background-color: #ECECEC;}
.products-table-wrapper .inner .main-content .name-and-search .search .input-container .icons-box{display: flex;justify-content: flex-end;align-items: center;width: 56px;height: 26px;position: absolute;top: 16px;right: 16px;}
.products-table-wrapper .inner .main-content .name-and-search .search .input-container::after{content: '';display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 61px;left: 0px;}
.products-table-wrapper .inner .main-content .name-and-search .search .hasInner .input-label,
.products-table-wrapper .inner .main-content .name-and-search .search .hasFouns .input-label{top: 11px;font-size: 12px;}
.products-table-wrapper .inner .main-content .name-and-search .search .hasInner .input-container .del-icon{display: block !important;}
.products-table-wrapper .inner .main-content .name-and-search .search .hasFouns .input-label{color:var(--v-orange);}
.products-table-wrapper .inner .main-content .name-and-search .search .hasFouns .input-container::after{width: 100%;}
.products-table-wrapper .inner .main-content .name-and-search .search .hasBorder .input-container input{background-color:var(--v-grey-light4);border-radius: 8px 8px 0px 0px;}
.products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 20px 44px;line-height: 1;background-color: #E35728;color: var(--v-white);box-shadow: 0px 8px 30px #0348544D;border: none;border-radius: 9px;display: flex;justify-content: center;align-items: center;font-size: var(--fs-18);font-weight: 500; cursor: pointer;}
.products-table-wrapper .inner .main-content .stock-classification-information{display: none;margin-bottom: 20px;}
.products-table-wrapper .inner .main-content .stock-classification-information ul{display: flex;}
.products-table-wrapper .inner .main-content .stock-classification-information ul li{text-align: center;color: var(--v-black);padding: 10px 20px;background-color: #E5E5E5;font-size: var(--fs-16);font-weight: 500;margin-right: 8px;border-radius: 23px;line-height: 1.2;cursor: pointer;}
.products-table-wrapper .inner .main-content .stock-classification-information ul li.active{background-color: #E35728;color:#F8F8F9;}
.products-table-wrapper .inner .main-content.pc-content{display: block;}
.products-table-wrapper .inner .main-content.mobile-content{display: none;}
.products-table-wrapper .inner .main-content .table-box{box-shadow: 0px 15px 30px #0000001A;border-radius: 13px;background: var(--v-white);position: relative;}
.products-table-wrapper .inner .main-content .table-box .table-bottom-text{color: var(--v-white);margin-bottom: 0;}
.products-table-wrapper .inner .main-content .table-box .table-bottom-text:before{content: "";display: block;width: 100%;height: 25px;border-radius: 0px 0px 13px 13px;background: var(--v-white);}
.products-table-wrapper .inner .main-content .table-box .rotate{position: relative;top: 0;left: 0;width: 100%;height: 450px;background-color: #ffffff;display: flex;justify-content: space-around;align-items: center;z-index: 1;}
.products-table-wrapper .inner .main-content .table-box .rotate img{width: 180px;height: 180px;position: absolute;top: calc(50% - 90px);left: calc(50% - 90px);}
.products-table-wrapper .inner .main-content .table-box .tables{width: 100%;text-align: center;}
.products-table-wrapper .inner .main-content .table-box .tables .page-teble-content{position: relative;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items{display: flex;background-color: #636363;border-radius: 13px 13px 0px 0px;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items p{background-color: #636363;color: var(--v-white);font-size: var(--fs-16);font-weight: 400;height: 67px;padding: 0px 3px 0px;line-height: 19px;position: relative;margin-bottom: 0;flex: 1;display: flex;justify-content: center;align-items: center;border: none;outline: none;--safari-appearance: none;--safari-border: none;--safari-outline: none;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items{display: flex;align-items: center;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div{position: relative;flex: 1;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div:after{content:'';width: 1px;height: 19px;background-color: #636363 ;right: 0;top:50%;transform: translateY(-50%);position: absolute;opacity: 0.3;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items p:after{content:'';width: 1px;height: 19px;background-color: #BDBDBD;right: 0;top:50%;transform: translateY(-50%);position: absolute;opacity: 0.3;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items p:first-child{border-top-left-radius: 13px;}
.products-table-wrapper .inner .main-content .table-box .tables .head .items p:last-child{border-top-right-radius: 13px;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div:last-child:after,
.products-table-wrapper .inner .main-content .table-box .tables .head .items p:last-child:after{display: none;}
.products-table-wrapper .inner .main-content .table-box .tables .items>div{padding: 20px 10px 17px 10px;color: var(--v-black);font-size: var(--fs-16);line-height: 1.2;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items:nth-child(even){background-color: #F5F5F5;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items:hover{background:#E2E2E2;box-shadow: inset 0px 3px 6px #00000029;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p:first-of-type{display: none;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p{margin-bottom: 0; word-break: break-word;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div.symbol p:last-of-type{color: #E35728;font-weight: 600;text-decoration: underline;}
.products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div.time{font-size: var(--fs-14);padding-top: 8px;padding-bottom: 8px;}
/* .products-table-wrapper .inner .main-content .table-box .load-more{display: none;} */
.products-table-wrapper .inner .main-content .table-box .err-msg{display: none;}
.products-table-wrapper .inner .main-content .table-box .err-msg .img-text-box{display: flex;flex-direction: column;align-items: center;}
.products-table-wrapper .inner .main-content .table-box .err-msg .img-box{width: 140px;height: 140px;text-align: center;line-height: 140px;}
.products-table-wrapper .inner .main-content .table-box .err-msg p{font-size: var(--fs-24);font-weight: 600;color: var(--v-black);margin-bottom: 0;}

.trading-account-free{padding: 0px 0px 100px;}
.trading-account-free .free-account{background: url(/wp-content/themes/vantage/images/instruments-bottom-img.webp) center no-repeat;background-size: cover;padding: 98px 0px 95px;border-radius: 15px;}
.trading-account-free .title-box{margin: 0 0 39px;}
.trading-account-free .title-box h2{font-size: var(--fs-56);color: var(--v-black-light);font-weight: 600;text-align: center;}
.trading-account-free .title-box h2 span{color: var(--v-orange)}
.trading-account-free .button-link{display: flex;justify-content: center;}
/* .trading-account-free a:nth-child(1){margin-right: 30px;} */

.table-disclaimer-text{ color: var(--v-black);font-size: var(--fs-16);line-height: 1.2; margin-bottom: 24px;}
.table-disclaimer-text a{ color: var(--v-orange); text-decoration:underline;}
.table-disclaimer-text a:hover{ color: var(--v-orange); text-decoration:underline;}
.mobile-content .table-disclaimer-text{max-width: 600px; margin: 0 auto;}


html[lang='ar-AE'] .table-disclaimer-text{ direction: rtl;}


@media (max-width:1440px) {
    .trading-account-free{padding: 50px 0px 140px;}
    .trading-account-free .free-account{padding: 80px 0px 76px;}
    .trading-account-free .title-box{margin: 0 0 30px;}
}

@media (max-width:1400px) {
    .page-banner .inner{padding-top: 40px;}
    .page-banner .inner ul.list{flex-wrap: wrap; justify-content: center;max-width: 800px;margin: 0 auto;}
    .page-banner .inner ul.list li{width: 19%; margin-left: 7px;margin-right: 7px; margin-bottom: 20px;}
    .page-banner .inner ul.list li:last-child{margin-right: 7px;}
    .page-banner .inner ul.list li .li-inner{padding: 10px 15px 19px;}
}

@media (max-width:1240px) {
    .products-table-wrapper .inner .main-content .name-and-search .search .input{width: 320px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 20px;}
}

@media (max-width:1024px) {
    .trading-account-free{padding: 50px 0px 60px;}
    .trading-account-free .free-account{padding: 60px 0px 56px;}
    .products-table-wrapper .inner .main-content .table-box .tables .head .items p{height: 80px;}
    .products-table-wrapper .inner .main-content .name-and-search{flex-direction: column;align-items: baseline;}
    .products-table-wrapper .inner .main-content .name-and-search .left{margin-bottom: 20px;}
}

@media (max-width:768px) {
    .page-banner{background: url(/wp-content/themes/vantage/images/trading-instruments-banner-mobile.webp) center no-repeat;background-size: cover;background-position-y:0px !important;}
    .page-banner .inner ul.list{max-width: 640px;justify-content: space-between;}
    .page-banner .inner ul.list li{margin-bottom: 10px;margin-left: 5px;margin-right: 5px;width: 22%;}
    .page-banner .inner ul.list li .li-inner{padding: 10px 5px 9px;}
    .page-banner .inner ul.list li .li-inner img{width: 60px;height: 60px;}
    .page-banner .inner ul.list li .li-inner p{font-size: 15px;}

    .products-table-wrapper{border-radius: 40px 40px 00;}
    .products-table-wrapper .inner{padding-top: 42px;padding-bottom: 40px;}
    .products-table-wrapper .inner .main-content .name-and-search{max-width: 600px;margin: 0 auto 20px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input{width: 270px;}
    .page-banner .inner ul.list li:after{display: none;}

    .products-table-wrapper .inner .main-content.pc-content{display: none;}
    .products-table-wrapper .inner .main-content.mobile-content{display: block;}
    .products-table-wrapper .inner .main-content .table-box{box-shadow: none;border-radius: 0;max-width: 600px;margin: 0 auto;}
    .products-table-wrapper .inner .main-content .table-box .tables .head{display: none;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items:hover{box-shadow:none;background:#F5F5F5;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items{display: block;background: #F5F5F5;margin-bottom: 20px;border-radius: 8px;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div{display: flex;align-items: center ;border-bottom: 1px solid #E2E2E2;padding: 16px 5px 16px 18px !important;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div:last-child{border-bottom: none;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div:after{display: none;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p{text-align: left;line-height: 1.1;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p:first-of-type{display: block;width: 159px;min-width: 119px;font-weight: 500;font-size: 16px;}
    .products-table-wrapper .inner .main-content .table-box .table-bottom-text{display: none;}
    .products-table-wrapper .inner .main-content .table-box .load-more{display: flex; background-color: #E8E9ED;text-align: center;padding: 11px;justify-content: center;border-radius: 8px;max-width: 352px;margin: 0 auto;}
    .products-table-wrapper .inner .main-content .table-box .load-more p{margin-bottom: 0;font-size: 16px;font-weight: 500;color: #404040;margin-right: 3px;}
    .products-table-wrapper .inner .main-content .stock-classification-information ul{max-width: 600px;margin: 0 auto;}

    .trading-account-free{background: url(/wp-content/themes/vantage/images/instruments-bottom-img.webp) center no-repeat;background-size: cover;padding: 0px;}
    .trading-account-free .free-account{background: none;padding: 53px 0px 50px;}
    .trading-account-free .title-box h2{margin: 0px;}
    .trading-account-free .button-link{flex-direction: column;align-items: center;}
    /* .trading-account-free a:nth-child(1){margin-right: 0;margin-bottom: 12px;} */

    html[lang='ar-AE'] .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p{text-align: right;width: 100%;}
   
}
@media (max-width:600px) { 
    html[lang='fr-FR'] .page-banner .inner{padding-top: 20px;}
    html[lang='fr-FR'] .page-banner .inner .text-box{margin-bottom: 20px;}
    html[lang='fr-FR'] .page-banner .inner .text-box h1.title{margin-bottom: 8px;}
    html[lang='fr-FR'] .page-banner .inner .text-box p{font-size: 14px;}
    html[lang='fr-FR'] .trading-account-free .title-box{margin: 0 0 20px;}
    html[lang='fr-FR'] .page-banner .inner ul.list{max-width: 100%;justify-content: space-between;}
    html[lang='fr-FR'] .page-banner .inner ul.list li{background: none !important;box-shadow: none !important; backdrop-filter: blur(0px) !important;margin: 0;width: 25%;border-radius: 0;margin-bottom: 16px;overflow: visible;}
    html[lang='fr-FR'] .page-banner .inner ul.list li .li-inner{padding: 0;}
    html[lang='fr-FR'] .page-banner .inner ul.list li .li-inner .img-box{background: #fff;border-radius: 20px;margin-bottom: 10px;display: flex;justify-content: center;align-items: center;width: 63px;height: 63px;margin: 0 auto 4px;}
    html[lang='fr-FR'] .page-banner .inner ul.list li .li-inner img{width: 40px;height: 40px;}
    html[lang='fr-FR'] .page-banner .inner ul.list li .li-inner p{font-size: 14px;font-weight: 500;}
    html[lang='fr-FR'] .page-banner .inner ul.list li:last-child{margin-right: 0;}
    html[lang='fr-FR'] .page-banner .inner ul.list li.active .img-box{background: #E8E9ED;box-shadow: inset 0px 3px 6px #00000047;}
}

@media (max-width:510px) { 
    .page-banner .inner{padding-top: 20px;}
    .page-banner .inner .text-box{margin-bottom: 20px;}
    .page-banner .inner .text-box h1.title{margin-bottom: 8px;}
    .page-banner .inner .text-box p{font-size: 14px;}
    .trading-account-free .title-box{margin: 0 0 20px;}
    .page-banner .inner ul.list{max-width: 100%;justify-content: space-between;}
    .page-banner .inner ul.list li{background: none !important;box-shadow: none !important; backdrop-filter: blur(0px) !important;margin: 0;width: 25%;border-radius: 0;margin-bottom: 16px;overflow: visible;}
    .page-banner .inner ul.list li .li-inner{padding: 0;}
    .page-banner .inner ul.list li .li-inner .img-box{background: #fff;border-radius: 20px;margin-bottom: 10px;display: flex;justify-content: center;align-items: center;width: 63px;height: 63px;margin: 0 auto 4px;}
    .page-banner .inner ul.list li .li-inner img{width: 40px;height: 40px;}
    .page-banner .inner ul.list li .li-inner p{font-size: 14px;font-weight: 500;}
    .page-banner .inner ul.list li:last-child{margin-right: 0;}
    .page-banner .inner ul.list li.active .img-box{background: #E8E9ED;box-shadow: inset 0px 3px 6px #00000047;}
    
    /* table及搜索框小尺寸 */
    .products-table-wrapper{border-radius: 20px 20px 0 0;margin-top: -210px;}
    .products-table-wrapper .inner{padding-top: 20px;}
    .products-table-wrapper .inner .main-content .stock-classification-information{margin-bottom: 10px;overflow: auto;}
    .products-table-wrapper .inner .main-content .stock-classification-information ul{min-width: 422px;}
    .products-table-wrapper .inner .main-content .stock-classification-information ul li{padding: 8px 16px;}
    .table-disclaimer-text { margin-bottom: 16px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input{width: 207px;margin-right: 9px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input .input-container input{height: 44px;padding-top: 0px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input .input-label{top: 12px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .hasInner .input-label,
    .products-table-wrapper .inner .main-content .name-and-search .search .hasFouns .input-label{display: none;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input-container::after{top: 43px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input-container .icons-box{top: 9px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 14px 28px;box-shadow: none;}

    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div{padding: 10px 5px 10px 18px !important;}
    .products-table-wrapper .inner .main-content .table-box .tables .main-body .items>div p:first-of-type{font-size: 14px;width: 119px;}
}
@media (max-width:392px) {
    .page-banner .inner ul.list li .li-inner .img-box{width: 48px;height: 48px;}
    .products-table-wrapper .inner .main-content .name-and-search .left{margin-bottom: 8px;}
    .products-table-wrapper .inner .main-content .name-and-search .left img{width: 13px;height: 12px;margin-right: 5px;}
    .products-table-wrapper .inner .main-content .name-and-search .left p.product-name{font-size: 16px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .input{width: 167px;}
    .products-table-wrapper .inner .main-content .name-and-search .search .btn{padding: 14px 6px;}
    .page-banner .inner ul.list li .li-inner p{font-size: 12px;}
}