// text alignment
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.text-semi-bold {
    font-weight: 600;
}

.text-normal {
    font-weight: @font-weight-normal;
}

.text-lg {
    font-size: @font-size-lg;
}

.text-base {
    font-size: @font-size  !important;
}

.text-sm {
    font-size: @font-size-sm  !important;
}

.text-xs {
    font-size: @font-size-xs  !important;
    line-height: @line-height-xs  !important;
}

.text-underline {
    text-decoration: underline !important;
}

.text-uppercase {
    text-transform: uppercase;
}

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

.text-black {
    color: var(--black);
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.flex-start {
    justify-content: flex-start;
}

.flex-end {
    justify-content: flex-end;
}

.align-center {
    align-items: center;
}

.overflow-hidden {
    overflow: hidden;
}

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

.no-shrink {
    flex-shrink: 0;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 1.5rem;
}

//width classes
.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}

// visibility classes
.hidden {
    display: none !important;
}

.block {
    display: block;
}

.visible {
    visibility: visible !important;
}

.not-visible {
    visibility: hidden;
}

.pointer-none {
    pointer-events: none;
}

.pointer-all {
    pointer-events: all;
}

.cursor-pointer {
    cursor: pointer;
}

.no-link-style,
.no-link-style:hover {
    text-decoration: none;
    color: inherit;
}