.about {
    margin-bottom: 0rem;
    padding-top: 3rem;
    small {
        text-align: center;
        color: #818181;
    }

    .heading {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        small {
            color: var(--primary-color);
        }
    }

    .item {
        padding: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--primary-color);
        border-radius: 0.75rem;
        h2 {
            padding: 1rem;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            background: #f4ecd8;
            border-radius: 0.5rem;
            font-size: 1.25rem;
        }
    }
    .bg1 {
        background: url("/assets/img/aa1.webp");
    }
    .bg2 {
        background: url("/assets/img/aa2.webp");
    }
    .bg3 {
        background: url("/assets/img/aa3.webp");
    }
    .bg4 {
        background: url("/assets/img/aa4.webp");
    }
}