/* PADDING */
.pb-1rem {
    padding-bottom: 1rem;
}
.ptb-1rem{
    padding: 1rem 0;
}
.p-1rem-0_5rem{
    padding: 1rem 0.5rem;
}
/* HEIGHT */
.h-min-13rem{
    min-height: 13rem;
}
/* COLOR */
.color-dark {
    color: var(--dark-color);
}

.clr-drkred {
    color: darkred;
}

/* grid-style */
.grid {
    display: grid;
    gap: 1rem;
}

.cols-2 {
    grid-template-columns: repeat(1, 1fr);
}

.cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.cols-5 {
    grid-template-columns: repeat(5, 1fr);
}

.cols-6 {
    grid-template-columns: repeat(6, 1fr);
}
/* NOT RESPONSIVE */
.cols-2-nr {
    grid-template-columns: repeat(1, 1fr);
}

.cols-3-nr {
    grid-template-columns: repeat(3, 1fr);
}

.cols-4-nr {
    grid-template-columns: repeat(4, 1fr);
}

.cols-5-nr {
    grid-template-columns: repeat(5, 1fr);
}

.cols-6-nr {
    grid-template-columns: repeat(6, 1fr);
}

.gap-2 {
    gap: 2%;
}

.cols-p7-p3 {
    grid-template-columns: 69% 29%;
    gap: 2%;
}

.cols-p9-p1 {
    grid-template-columns: 89% 9%;
    gap: 2%;
}

.cols-p8-p2 {
    grid-template-columns: 79% 19%;
    gap: 2%;
}

.cols-p5-p5 {
    grid-template-columns: 50% 50%;
    gap: 2%;
}

/* GAP */
.gap-0 {
    gap: 0;
}

.gap-0_5rem {
    gap: 0.5rem;
}