.d-grid{
    display: grid;
}

.d-flex{
    display: flex;
}

.grid-2c{
    grid-template-columns: 1fr 1fr;
}

.grid-3c{
    grid-template-columns: 1fr 1fr 1fr;
}

.conent-center{
    justify-content: center;
    align-content: center;
    align-items: center;
}

.conent-start-center{
    justify-content: start;
    align-content: center;
}

.conent-end-center{
    justify-content: end;
    align-content: center;
}

.gap-10{
    gap: 10%;
}

@media (max-width: 768px){
    .gap-10{
        gap: 1%;
    }

    .grid-2c{
        grid-template-columns: 1fr;
    }

    .grid-3c{
        grid-template-columns: 1fr;
    }

    .grid-2c-sm{
        grid-template-columns: 1fr 1fr;
    }
}