.feature[data-v-a2b54ef2] {
    background: #161a1e
}

h2[data-v-a2b54ef2] {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 32px;
    text-align: center
}

h2 span[data-v-a2b54ef2] {
    color: #fcd435
}

.feature-wrap[data-v-a2b54ef2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 64px 24px
}

.feature-content[data-v-a2b54ef2] {
    width: 100%
}

.feature-content h3[data-v-a2b54ef2] {
    color: #fff;
    font-weight: 700
}

.feature-content .description[data-v-a2b54ef2] {
    color: #b7bdc6;
    font-size: 20px
}

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

.feature-content .learn-more[data-v-a2b54ef2]:hover {
    color: #b88d04
}

.feature-content-wrap[data-v-a2b54ef2] {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr
}

.feature-content-wrap img[data-v-a2b54ef2] {
    display: block;
    margin-bottom: 16px;
    max-width: 100%
}

.feature-content-wrap p[data-v-a2b54ef2] {
    color: #b7bdc6;
    font-size: 14px
}

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

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

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

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

    .feature-wrap[data-v-a2b54ef2] {
        grid-template-columns: 1fr
    }

    .feature-content[data-v-a2b54ef2] {
        text-align: center
    }

    .feature-content-wrap[data-v-a2b54ef2] {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width:480px) {
    h2[data-v-a2b54ef2] {
        font-size: 32px
    }

    .feature-wrap[data-v-a2b54ef2] {
        grid-template-columns: 1fr;
        padding: 48px 24px
    }

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

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

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