/* protected Css Start */
.ppw-post-password-container{ height: 100%; padding:0 20px; display: flex; align-items: center; justify-content: center;}
.ppw-ppf-input-container {max-width: 500px;}
.ppw-ppf-desc{font-size: 22px;color: #002329;margin-bottom: 30px;}
.ppw-ppf-field-container{display: flex;justify-content: space-between;align-items: center;}
.ppw-ppf-input-container label.ppw-pwd-label{width: 100%;color: #002329;}
.ppw-ppf-input-container label.ppw-pwd-label input{width: 70%;margin-left: 10px;border: 1px solid #002329;padding: 4px 10px;}
.ppw-pwd-submit-btn{width: 120px;height: 36px;background: #e35728;border: 0px;border-radius: 18px;color: #FFFFFF;cursor: pointer;}
/* protected Css End*/

.d_block { display: block; }
header,footer,.video-mobile-content.main_app-menu,.video-pc-content,.breadcrumb-section,.video-sidebar.openvideo,.page-tool-bar{ display: none !important; height: 0px !important;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #F5F5F5 inset !important;
    -webkit-text-fill-color: #000000 !important;
}

html { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ }

html, body { margin: 0; padding: 0; background: #F5F5F5; }

.main_app { width: 100%;  font-family: Gilroy-Regular; background: #F5F5F5; color: #000000; }

.main_app .container { width: 100%; display: flex; flex-wrap: nowrap; }

.main_app .container .box { width: 50%; }

.main_app .container .box.side_banner.banner_img { 
    width: 60%; 
    min-height: 100vh;
    background: url(/wp-content/themes/vantage/images/h5-app/register-investinglp-en.webp?v=2) no-repeat center / contain, linear-gradient(#FCFAF6, #EFF6F3,#C6F0EB);
}

html[lang='th-TH'] .main_app .container .box.side_banner.banner_img { 
    width: 60%; 
    min-height: 100vh;
    background: url(/wp-content/themes/vantage/images/h5-app/register-investinglp-th.webp?v=3) no-repeat center / contain, linear-gradient(#FCFAF6, #EFF6F3,#C6F0EB);
}

html[lang='id-ID'] .main_app .container .box.side_banner.banner_img { 
    width: 60%; 
    min-height: 100vh;
    background: url(/wp-content/themes/vantage/images/h5-app/register-investinglp-id.webp?v=3) no-repeat center / contain, linear-gradient(#FCFAF6, #EFF6F3,#C6F0EB);
}

.main_app .container .box .banner_inner { margin-left: 25%; margin-top: 18%; }

.main_app .container .box .banner_inner .banner_inner_img { width: 272.5px; height: 200px; background-image: url(/wp-content/themes/vantage/images/h5-app/banner_inner.webp?=1); background-repeat: no-repeat; background-size: contain; background-position: center;
}
.main_app .container .box .banner_inner .banner_inner_txt { color: #000; text-align: center; font-family: Gilroy-SemiBold; font-size: 24px; font-style: normal; line-height: 120%; width: 272.5px; }

.main_app.kol .container .box.side_banner.banner_img { width: 20%; background-position: top 100% right 35%; }

.main_app .container .box .side_banner .banner_img { width: 100%; }

.main_app .container .form-box { width: 50%; background-color: #fff;padding: 100px;color: var(--v-grey);}


@media screen and (min-width: 1200px) {

    .success .banner_img {
        background-image: url('/wp-content/themes/vantage/images/h5-app/sucess_banner.webp?v=2') !important;
    }

    .card-pupop {
        display: none !important;
    }
    
    .box-center {
        width: 60%;
    }
    .view-top  {
        margin: auto !important;
    }
    
    .view-top img {
        width: 160px !important;
        height: 160px !important;
    }

    .success_contents .icon_title  {
        margin-top: 60px !important;
        margin-bottom: 40px !important;
        font-family: Gilroy-SemiBold;
    }

    .success_contents .tab-list  {
        justify-content: center;
        cursor: pointer;
    }

    .tab-list img:nth-child(1) {
        margin-right: 17px;
    }
    .success_contents .tab-list img {
        width: 227.313px;
        height: 67.325px;
        cursor: pointer;
    }
    .box-center .btn {
        width: 471.933px !important;
        height: 64.538px !important;
    }
    .success_contents .box-center .signup {
        border-radius: 67.227px !important; 
        background: var(--Global-Global_1, #E35728);
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        width: 100% !important;
        height: 100% !important;
    }

    .main_app .container .box.side_banner {
        display: block;
    }


    .input_invalid {
        font-size: 6px;
        padding: 6px 0;
    }

    .info {
        bottom: 50px;
    }

    .info_body {
        padding: 12.5px;
        border-radius: 22.5px;
        line-height: .1;
        min-width: 30%;
        font-size: 10px;
    }

    

    .break_box {
        display: none;
    }

    .empty_country_list {
        height: 100px;
        font-size: 8px;
    }


}

@media screen and (max-width: 1200px) {
    .main_app .container .form-box { width: 100%;margin-top: 0px; padding: 20px;}
    
    .main_app .container {
        display: flex;
        flex-direction: column;
    }
    .main_app .content_container {

        margin-top: 16px;
    }
    .main_app .container .box.side_banner.banner_img {
        width: auto;
        min-height: 600px;
        background-position: center;
        background: url(/wp-content/themes/vantage/images/h5-app/register-investinglp-en.webp?v=2) no-repeat center / contain, linear-gradient(#FCFAF6, #EFF6F3,#C6F0EB);
        background-size: cover !important;
    }

    html[lang='th-TH'] .main_app .container .box.side_banner.banner_img { 
        width: auto;
        min-height: 600px;
        background-position: center;
        background: url(/wp-content/themes/vantage/images/h5-app/register-investinglp-th.webp?v=3) no-repeat center / contain, linear-gradient(#FCFAF6, #EFF6F3,#C6F0EB);
        background-size: cover !important;
    }

    html[lang='id-ID'] .main_app .container .box.side_banner.banner_img { 
        width: auto;
        min-height: 600px;
        background-position: center;
        background: url(/wp-content/themes/vantage/images/h5-app/register-investinglp-id.webp?v=3) no-repeat center / contain, linear-gradient(#FCFAF6, #EFF6F3,#C6F0EB);
        background-size: cover !important;
    }

    .main_app .contents {
        min-height: calc(100vh - 200px) !important;
    }

    .card-pupop {display: flex; height: unset; padding: 23px 12px; flex-direction: row; align-items: center; justify-content: space-around; border-radius: 10px; background: linear-gradient(98deg, #0890A7 19.81%, #023842 88.3%, #002329 105.86%);    box-sizing: border-box; margin-top: auto; bottom: 34px; position: fixed; left: 50%; transform: translateX(-50%); box-sizing: border-box; z-index: 1111; padding-left: 20px; padding-right: 20px;width: calc(100% - 20px);}

    .card-pupop .left-box{display: flex; align-items: center;flex: 0 0 70%;}
    .card-pupop .left-box div{display: flex; flex-wrap: wrap; flex-direction: column;}

    .card-pupop .icon { width: 10px; height: 10px; margin-right: 10px; }
    .card-pupop .logo { width: 40px; height: 40px; margin-right: 5px; }
    .card-pupop .card_title { white-space: nowrap; color: #fff !important; font-family: Gilroy !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; font-family: Gilroy-SemiBold !important; }
    .card-pupop .card_text {
        color: var(--Dark-Mode-Secondary-Dark, rgba(255, 255, 255, 0.60));
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .card-pupop .btn1 { color: var(--Default-White, #FFF); text-align: center; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; border-radius: 6px; background: var(--Brand-Orange, #E35728); text-align: center; padding: 0 5px; font-family: Gilroy-SemiBold !important; line-height: 32px; white-space: nowrap; flex: 0 0 25%; }

    .container .success_contents {
        height: calc(100vh - 200px);
        min-height: auto !important;
    }

    .main_app .container .box {
        width: 100%;
    }

    .main_app .container .box.side_banner.banner_img .banner_inner {
        display: flex;
        flex-direction: row;
        margin: 0;
        align-items: center;
        padding: 0 12px;
    }

    .main_app .container .box.side_banner.banner_img .banner_inner .banner_inner_img {
        width: 108px;
        height: 78px;
        margin-right: 31px;
    }
    .main_app .container .box.side_banner.banner_img .banner_inner .banner_inner_txt {
        font-size: 16px;
    }

    .footer-tab-bar{display: none !important;}
}

.relative{
    position: relative;
}

.flip {
    transform: scaleX(-1);
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@media (max-width: 850px) {
    .card-pupop{row-gap: 5px; padding: 10px 10px; }
    .card-pupop .left-box{justify-content: center;}
    .card-pupop .btn1{line-height: 30px;}
    
    .main_app .container .box.side_banner.banner_img {min-height: 350px;background-size: contain !important;}
    html[lang='th-TH'] .main_app .container .box.side_banner.banner_img {min-height: 350px;background-size: contain !important;}
    html[lang='id-ID'] .main_app .container .box.side_banner.banner_img {min-height: 350px;background-size: contain !important;}
    
}

@media (max-width: 768px) {
    .main.app-main{padding-bottom: 0px;}
}
/* ! vantagemarekts|2025-10-21 17:20:00 ! */