.home-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.home-blocks * {
    color: var(--font-primary);
}

.home-blocks .block .h1 {
    font-size: 2rem;
    text-transform: none;
}

.home-blocks .block .h3 {
    font-size: 1.15rem;
    text-transform: none;
    color: var(--primary);
    font-weight: 500;
}

.home-blocks .block .separator {
    background: var(--font-primary);
    color: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
}

.home-blocks .block {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 0;
}

.home-blocks .block p {
    font-size: .95rem;
}

.home-blocks .block div.col-lg-3 p,
.home-blocks .block div.col-lg-3 p * {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home-blocks .block div.col-lg-3 a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    transition: all .3s ease;
}

.home-blocks .block div.col-lg-3 img {
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    transition: all .3s ease;
    padding: .75rem;
    border-top: .5rem solid var(--secondary);
    border-right: .5rem solid var(--secondary);

    &:hover {
        border-color: var(--primary);
    }
}

.home-blocks .block div.col-lg-3 ul,
.home-blocks .block div.col-lg-3 li a {
    text-align: center;
    text-transform: none;
    color: var(--primary);
    font-weight: 400;
    font-size: .925rem;
}