.banner{padding: 57px 0 132px; background: url(/wp-content/themes/vantage/images/trading-platform-web-trading-banner-bg.webp?v=2) top center no-repeat; background-size: cover;}
    .banner .img-box{display: flex; flex-direction: column;}
    .banner .img-box img:first-of-type{margin-bottom: 39px;}

    .banner-bottom{padding: 40px 0; background: #0D4752; color: var(--v-white);}
    .banner-bottom .inner{display: flex; gap: 20px; justify-content: space-between; align-items: flex-end;}
    .banner-bottom .inner h2{font-size: var(--fs-34); line-height: 1; margin-bottom: 23px;}
    .banner-bottom .inner p{font-size: var(--fs-20); line-height: 1.7; margin: 0;}
    .banner-bottom .inner a{font-size: var(--fs-36); padding: 25px 104px 24px 93px;}

    .row1{padding: 55px 0 20px;}
    .row1 .inner .logo-box{margin-bottom: 40px;}
    .row1 .inner .content ul{display: flex; flex-wrap: wrap; gap: 40px;}
    .row1 .inner .content ul li{border-radius: 10px; max-width: 454px; width: 29%; overflow: hidden;}
    .row1 .inner .content ul li .text-box{padding: 27px 22px 25px 26px; background: #F7F7F7;}
    .row1 .inner .content ul li .text-box h3{font-size: var(--fs-24); color: #E05627; line-height: 1.33;}
    .row1 .inner .content ul li .text-box p{font-size: var(--fs-18); color: var(--v-black); line-height: 1.33; margin: 0;}

    .row2{padding: 24px 0 23px;}
    .row2 .inner .logo-box{margin-bottom: 34px;}
    .row2 .inner p{margin: 0; font-size: var(--fs-18); color: var(--v-black); line-height: 1.33;}

        /* row3 Begin */
    .row3{ padding: 23px 0 38px;}
    .row3 h2{ font-size:var(--fs-30); color:#000000; text-align:center; width:100%; margin-bottom:12px;}
    .row3 .content {background-color:#E3E9F0; border-radius: 10px; padding: 48px 20px 55px;}
    .row3 .publicStyle {gap: 20px; margin-bottom: 17px;}
    .row3 .publicStyle {display: flex; justify-content: space-around; flex-wrap: wrap;}
    .row3 .publicStyle li {width: 20%; display: flex; gap: 30px; flex-direction: column; align-items: center;}
    .row3 .publicStyle .left{ display:flex;align-items: center; justify-content: center; width:195px;height:195px;border-radius:50%;border: 6px solid #034853;background-color: #fbfbfc; position: relative;}
    .row3 .publicStyle .left .line {position: absolute; width: 220px; height: 5px; background-color: #034853; left: 0; transform: translateX(-100%);z-index: 1;}
    .row3 .publicStyle .left .step{position: absolute; width: 100%; height: 40px; display: block; font-size: var(--fs-30); color: #FBFBFC; bottom: -18px; border-radius: 40px; background: #DF3600; line-height: 1.33; text-align: center; font-weight: bold; z-index: 2;}
    .row3 .publicStyle li:first-of-type .left .line{display: none;}
    .row3 .publicStyle .right{text-align: center;display: flex; flex-direction: column; justify-content: center;}
    .row3 .publicStyle .right .title,
    .row3 .bottom-text p{font-size: 24px;color:#333;font-weight:bold; text-align: center;}
    .row3 .bottom-text p{position: relative; left: 13%; margin: 0;}

    .sign-up{padding: 88px 0; background: #0D4752;}
    .sign-up a{margin: auto; font-size: var(--fs-30); padding: 21px 84px 21px 77px;}


    @media(max-width:1024px) { 
        .row3 .publicStyle .left{width: 145px; height: 145px;}
        .row3 .publicStyle .left img{width: 50%;}
        .row3 .publicStyle .left .step{height: 34px;}
    }

    @media (max-width:960px) {
        .banner-bottom .inner a{padding: 15px 80px 14px 46px;}

        .sign-up{padding: 60px 0;}
    }

    @media (max-width:768px) {
        .banner{padding: 132px 0 57px;}

        .banner-bottom{padding: 27px 0 30px;}
        .banner-bottom .inner{flex-direction: column; gap: 22px; align-items: center; justify-self: center;}
        .banner-bottom .inner h2{margin-bottom: 22px; text-align: center;}
        .banner-bottom .inner a{padding: 15px 80px 14px 46px;}

        .row1 .inner .content ul{gap: 20px; justify-content: center; align-self: center;}
        .row1 .inner .content ul li{max-width: 454px; width: 46%;}

        .row3{ padding: 12px 0 25px;}
        .row3 .content {padding: 26px 20px 29px;}
        .row3 .publicStyle{row-gap: 33px; margin-bottom: 40px;}
        .row3 .publicStyle li{width: 50%; gap: 18px; flex-direction: row;}
        .row3 .publicStyle .left{border-width: 4px;}
        .row3 .publicStyle .left .line{width: 4px; height: 34px; right: 0; top: 0; margin: auto; transform: translate(0,-100%);}
        .row3 .publicStyle .right{flex: 1;}
        .row3 .publicStyle .right .title{text-align: left;}
        .row3 .bottom-text p{left: 0; font-weight: 400;}

        .sign-up{padding: 48px 0;}
        .sign-up a{padding: 14px 60px 14px 50px;}
    }

    @media (max-width:510px) {
        .banner{padding: 272px 0 26px;}
        .banner .img-box img:first-of-type{margin-bottom: 15px;}

        .row1{padding: 16px 0 12px;}
        .row1 .inner .logo-box{margin-bottom: 22px;}
        .row1 .inner .content ul{gap: 14px;}
        .row1 .inner .content ul li .text-box{padding: 10px 10px 13px 10px;}
        .row1 .inner .content ul li .text-box h3{margin-bottom: 4px;}

        .row2{padding: 14px 0;}
        .row2 .inner .logo-box{margin-bottom: 16px;}

        .row3 .content {padding: 26px 10px 29px 30px;}
        .row3 .publicStyle li{width: 100%;}
        .row3 .publicStyle .left{width: 90px; height: 90px; border-width: 2px;}
        .row3 .publicStyle .left .step{bottom: -8px; font-size: 13px; height: 18px;}
        .row3 .bottom-text p{text-align: left;}

        .sign-up{padding: 36px 0;}
    }
/* ! vantagetradings|2026-02-04 09:40:00 ! */