@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);

.btn-primary {
    background-color: #ffe500;
    border-color: #ffe500;
    color: #152d34
}

.btn-primary:hover {
    border-color: #ffe500
}

.btn-primary:hover,
.btn-secondary {
    background-color: #152d34;
    color: #ffe500
}

.btn-secondary:hover {
    background-color: rgba(21, 45, 52, .92)
}

.bfc-benefits-bar {
    background-color: #152d34;
    color: #ffe500;
    padding: 4rem 0 2.5rem
}

.bfc-benefits-bar .bfc-benefits-bar-single {
    gap: 2.5rem;
    margin-bottom: 1.5rem
}

.bfc-benefits-bar .bfc-benefits-bar-single,
.bfc-benefits-bar .bfc-benefits-bar-single .block-editor-block-list__layout {
    align-items: center;
    display: flex;
    justify-content: center
}

.bfc-benefits-bar .bfc-benefits-bar-single:hover .bfc-benefits-bar-icon {
    background-color: rgba(255, 229, 0, .9)
}

.bfc-benefits-bar .bfc-benefits-bar-single:hover .bfc-benefits-bar-icon img {
    transform: scale(.96)
}

@media(max-width:1199.98px) {
    .bfc-benefits-bar .bfc-benefits-bar-single {
        justify-content: flex-start
    }
}

.bfc-benefits-bar .bfc-benefits-bar-single .bfc-benefits-bar-icon {
    align-items: center;
    background-color: #ffe500;
    border-radius: 100%;
    display: flex;
    height: 10rem;
    justify-content: center;
    max-width: 10rem;
    min-width: 10rem;
    transition: background .3s ease
}

.bfc-benefits-bar .bfc-benefits-bar-single .bfc-benefits-bar-icon figure {
    display: inherit;
    justify-content: inherit;
    margin: inherit
}

.bfc-benefits-bar .bfc-benefits-bar-single .bfc-benefits-bar-icon figure figcaption {
    display: none
}

.bfc-benefits-bar .bfc-benefits-bar-single .bfc-benefits-bar-icon figure img {
    margin: 0 auto
}

@media(max-width:1399.98px) {
    .bfc-benefits-bar .bfc-benefits-bar-single .bfc-benefits-bar-icon {
        height: 7rem;
        max-width: 7rem;
        min-width: 7rem
    }
}

.bfc-benefits-bar .bfc-benefits-bar-single .bfc-benefits-bar-icon img {
    max-width: 70%;
    transition: transform .3s ease
}

.bfc-benefits-bar .bfc-benefits-bar-single .bfc-benefits-bar-text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media(max-width:1399.98px) {
    .bfc-benefits-bar .bfc-benefits-bar-single .bfc-benefits-bar-text h4 {
        font-size: 2rem
    }
}

.bfc-benefits-bar h4,
.bfc-benefits-bar .bfc-benefits-bar-text h4,
.bfc-benefits-bar-single h4,
.bfc-benefits-bar p {
    color: inherit;
    margin: 0
}