.gap--1 {
    gap: 1rem;
}

.gap--2 {
    gap: 2rem;
}

.gap--3 {
    gap: 3rem;
}

.gap--4 {
    gap: 4rem;
}

.gap--5 {
    gap: 5rem;
}

.gap--6 {
    gap: 6rem;
}

.gap--7 {
    gap: 7rem;
}

.gap--8 {
    gap: 8rem;
}

.gap--10 {
    gap: 10rem;
}

.cg--2 {
    column-gap: 2rem;
}

.cg--4 {
    column-gap: 4rem;
}

.cg--6 {
    column-gap: 6rem;
}

.rg--4 {
    row-gap: 4rem;
}

.rg--8 {
    row-gap: 8rem;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-direction--column {
    flex-direction: column;
}

.section {
    padding: 8rem 0;
}

.section.pt--0 {
    padding-top: 0;
}

.section.pb--0 {
    padding-bottom: 0;
}

.section.pt--1 {
    padding-top: 1rem;
}

.section.pt--2 {
    padding-top: 2rem;
}

.section.pt--3 {
    padding-top: 3rem;
}

.section.pt--4 {
    padding-top: 4rem;
}

.section.pt--5 {
    padding-top: 5rem;
}

.section.pt--6 {
    padding-top: 6rem;
}

.section.pb--1 {
    padding-bottom: 1rem;
}

.section.pb--2 {
    padding-bottom: 2rem;
}

.section.pb--3 {
    padding-bottom: 3rem;
}

.section.pb--5 {
    padding-bottom: 5rem;
}


.section.pb--4 {
    padding-bottom: 4rem;
}

.section.pb--6 {
    padding-bottom: 6rem;
}

.h-100 {
    height: 100%;
}

.text-capital {
    text-transform: capitalize;
}

.container.Small {
    max-width: 130rem;
}


.section,
.p-relative,
.container {
    position: relative;
}