@use "../../../../styles/abstracts/variables";
@use "../../../../styles/abstracts/mixins";  

.fund {
    background: linear-gradient(to right, rgba(20,19,22, .9), rgba(49,42,20,.9)), url("/assets/images/waves.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid variables.$col-primary-dark-new;
    border-radius: 10px;
    color: variables.$col-white;
    display: grid;
    grid-template-columns: 1fr 70px;
    align-items: center;
    padding: 0 .5rem;

    &__text{
        padding: 1.5rem 1rem;
        // h4{
        //     font-size: .8rem;
        //     padding-bottom: .8rem;
        //     text-transform: uppercase;
        //     font-weight: 500;
        // }

        span {
            background: variables.$col-secondary-new;
            padding: .4rem .5rem;
            font-size: .85rem;
            font-weight: 700;
            color: variables.$col-dark;
            margin-top: 4rem !important;
            border-radius: 2px;
        }
        p{
            padding-top: 1rem;
            font-size: .85rem;
            font-weight: 400;
            line-height: 1.7;
            opacity: .8;
            // font-family: variables.$font-header;
        }
    }
}