.page-banner{padding:176px 0px 0px;position: relative;overflow: hidden;background:url(/wp-content/themes/vantage/images/trading-with-pen-banner.webp?v=2) center no-repeat; background-size:cover;}
    .page-banner .inner{position: relative;}
    .page-banner .text-box{width: 40%;position: relative;z-index: 10;}
    .page-banner h1{font-size: 48px;font-weight: 600;color: var(--v-black);margin-bottom: 16px;line-height: 60px;}
    .page-banner h1 span{color: var(--v-orange);}
    .page-banner .account{margin-bottom: 16px;line-height: 1.2;}
    .page-banner .small-txt{font-size: var(--fs-12);color: #636363;margin-bottom: 0;line-height: 18px;}
    .page-banner .small-txt a{font-weight: 700;text-decoration: underline;}
    .page-banner .orange-button{margin-bottom: 179px;}
    .page-banner .img-box{position: absolute;bottom: 0;right: 0;}

    .page-content{padding: 96px 0px 63px 0px;background-color: var(--v-white);}
    .page-content .inner h1{margin-bottom: 32px;font-size: 48px;font-weight: 600;color: var(--v-black);line-height: 60px;text-align: center;}
    .page-content .inner h1 span{color: var(--v-orange);text-align: center;}
    .page-content .inner p.stit{margin-bottom: 32px;font-size: var(--fs-18);color: var(--v-black);line-height: 18px;text-align: center;font-weight: 400;}
    .page-content .inner .content-lists{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;}
    .page-content .inner .content-lists li{width: 47.5%;padding: 46px 100px 60px 100px;border-radius: 16px;display: flex;flex-direction: column;align-items: center;justify-content: space-around;background-color: var(--v-grey-light2);margin-bottom: 45px;}
    .page-content .inner .content-lists li .list-top{margin-bottom: 49px;}
    .page-content .inner .content-lists li p{margin-bottom: 0px;text-align: center;font-size: var(--fs-18);color: var(--v-black);}
    .page-content .inner .content-lists li p.tit{font-weight: 600;}
    .page-content .inner h4{margin-bottom: 0px;font-size: 18px;font-weight: 500;color: var(--v-black);line-height:1.2;text-align: center;}
	.page-content .inner h4 a{ text-decoration:underline;color: var(--v-black);}
	.page-content .inner h4 a:hover{ text-decoration:underline;color: var(--v-black);}

    .page-con-bottom{padding: 156px 0px;background:url(/wp-content/themes/vantage/images/trading-with-pentagon-bg.webp?v=2) center no-repeat;background-size: cover;}
    .page-con-bottom .inner h1{margin-bottom: 55px;font-size: 48px;font-weight: 600;color: var(--v-black);line-height: 60px;text-align: center;}
    .page-con-bottom .inner h1 span{color: var(--v-orange);}
    .page-con-bottom .inner .bottom-lists{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;max-width: 1200px;margin: 0 auto;margin-bottom: 78px;}
    .page-con-bottom .inner .bottom-lists li{width: 17%;display: flex;flex-direction: column;align-items: center;justify-content: space-around;background-color: var(--v-white);border-radius: 16px;padding: 47px 36px 24px 36px;}
    .page-con-bottom .inner .bottom-lists li p{color: var(--v-black);text-align: center;font-weight: 600;}
    .page-con-bottom .inner .bottom-lists li .icons-list{background-color: var(--v-orange);width: 67px;height: 67px;border-radius: 50%;display: flex;align-items: center;justify-content: space-around;}
    .page-con-bottom .inner .bottom-lists li:nth-of-type(even) .icons-list{background-color: var(--v-green-darker);}
    .page-con-bottom .inner a{display: inherit;margin: 0 auto;}

    @media(max-width:1440px) {
        .page-banner{padding: 90px 0 0px;}
        .page-banner h1,
        .page-content .inner h1,
        .page-con-bottom .inner h1{font-size: var(--fs-50);line-height: 1.2;}
    }

    @media(max-width:1240px) {
        .page-banner{padding: 80px 0 0px;}
        .page-banner .img-box{right: 0px;}

        .page-content .inner .content-lists li{padding: 46px 60px 60px 60px;}

        .page-con-bottom{padding: 90px 0px;}
        .page-con-bottom .inner .bottom-lists li{padding: 25px 25px;}
    }

    @media(max-width:1200px) {
        .page-banner .text-box{width: 46%;}
        .page-banner .img-box{width: 50%;}
        .page-banner .img-box img{width: 90%;}
    }

    @media(max-width:980px) {
        .page-banner{padding: 80px 0 0px;}
        .page-banner .inner{display: flex;flex-direction: column;}
        .page-banner .text-box{width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;}
        .page-banner .img-box{position: static;text-align: center;width: 100%;margin: 0 auto;}
        .page-banner .img-box img{width: 80%;}
        .page-banner .orange-button{margin-bottom: 20px;}

        .page-content .inner .content-lists li{padding: 30px 30px;}

        .page-con-bottom{padding: 60px 0px;}
        .page-con-bottom .inner .bottom-lists li{padding: 18px;}
        
    }

    @media(max-width:768px) {
        .page-banner{padding: 70px 0 0px;}
        .page-banner h1{font-size: 36px;line-height: 1.2;}
        .page-banner .img-box img{width: 100%;}
        
        .page-content{padding: 50px 0px 20px 0px;}
        .page-content .inner .content-lists li{margin-bottom: 24px;}

        .page-con-bottom .inner .bottom-lists{justify-content: space-around;}
        .page-con-bottom .inner .bottom-lists li{width: 30%;margin-bottom: 20px;}
        
    }

    @media(max-width:640px) {
        .page-content .inner .content-lists{justify-content: space-around;}
        .page-content .inner .content-lists li{width: 90%;}
        .page-content .inner .content-lists li .list-top{margin-bottom: 23px;}

        .page-con-bottom{padding: 40px 0px;}
        .page-con-bottom .inner .bottom-lists li{width: 45%;}
        .page-con-bottom .inner h1{margin-bottom: 30px;}
        .page-con-bottom .inner .bottom-lists{margin-bottom: 20px;}
        .page-con-bottom .inner .bottom-lists li .icons-list{width: 54px;height: 54px;}
    }

    @media(max-width:510px) {
        .page-banner{padding: 32px 0 0px;}
        .page-banner h1{font-size: 24px;line-height: 33px;color: #002329;margin-bottom: 16px;}
        .page-banner .orange-button{margin-bottom: 16px;}
        .page-banner .orange-button::after{width: 2em;height: 2em;}

        .page-con-bottom .inner .bottom-lists li{padding: 12px;}
    }

/* ! vantagemarekts|2025-10-23 14:20:00 ! */