.feature[data-v-8ea3da95] {
    background: #fcd435;
    background-image: url(../components/img/binance-feature-img-1.svg);
    background-position: 10% 30%;
    background-repeat: no-repeat;
    background-size: 750px
}

h2[data-v-8ea3da95] {
    color: #060606;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 32px
}

.feature-wrap[data-v-8ea3da95] {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    height: 500px;
    justify-content: center;
    padding: 16px
}

.feature-content h3[data-v-8ea3da95] {
    color: #060606;
    font-weight: 700
}

.feature-content .description[data-v-8ea3da95] {
    color: rgba(6, 6, 6, .7);
    font-size: 20px
}

.feature-content .learn-more[data-v-8ea3da95] {
    font-size: 20px;
    font-weight: 700;
    transition: all .3s
}

@media screen and (max-width:1200px) {
    .feature[data-v-8ea3da95] {
        background-position: -10% 30%
    }
}

@media screen and (max-width:992px) {
    .feature[data-v-8ea3da95] {
        background-position: -150px 30%
    }
}

@media screen and (max-width:768px) {
    .feature[data-v-8ea3da95] {
        background-position: center 250px
    }

    h2[data-v-8ea3da95] {
        font-size: 36px
    }

    .feature-wrap[data-v-8ea3da95] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        height: 700px
    }

    .feature-content[data-v-8ea3da95] {
        order: 1;
        text-align: center
    }

    .block[data-v-8ea3da95] {
        order: 2
    }
}

@media screen and (max-width:480px) {
    h2[data-v-8ea3da95] {
        font-size: 32px;
        text-align: center
    }

    .feature-wrap[data-v-8ea3da95] {
        grid-template-columns: 1fr;
        padding: 0 16px 32px
    }

    .feature-content[data-v-8ea3da95] {
        text-align: left
    }

    .feature-content h3[data-v-8ea3da95] {
        font-size: 20px
    }

    .feature-content .description[data-v-8ea3da95],
    .feature-content .learn-more[data-v-8ea3da95] {
        font-size: 16px
    }
}