@use "../../../../styles/abstracts/variables";
@use "../../../../styles/base/typography";
.tools{
    background: variables.$col-primary;
    padding-bottom: 5rem;

    &__content{
        background: linear-gradient(to left, rgba(30,32,36, 0.3), rgba(22,24,26, .8)), url("/assets/images/waves.svg");
        padding: 3.5rem 3rem;
        border-radius: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        grid-gap: 30px;
        justify-content: space-between;

        &__text{
            h1{
                font-weight: 800;
                padding-bottom: 1rem;
                color: #FFF;
                font-size: 1.5rem;
            }
            p{
                padding-bottom: 3rem;
                opacity: .9;
                color: #FFF;
                font-size: 1rem;
                font-weight: 500;
                line-height: 2;
            }
        }

    }
}