.text-left {
    text-align: left; /* Left align text */
}

.text-center {
    text-align: center; /* Center align text */
}

.text-right {
    text-align: right; /* Right align text */
}

.text-justify {
    text-align: justify; /* Justify text */
}

.align-left {
    align-items: flex-start; /* Align items to the left */
}

.align-center {
    align-items: center; /* Align items to the center */
}

.align-right {
    align-items: flex-end; /* Align items to the right */
}

.align-stretch {
    align-items: stretch; /* Stretch items to fill the container */
}

.align-baseline {
    align-items: baseline; /* Align items to the baseline */
}

.align-start {
    align-self: flex-start; /* Align self to the start */
}

.align-middle {
    align-self: center; /* Align self to the middle */
}

.align-end {
    align-self: flex-end; /* Align self to the end */
}

.align-stretch {
    align-self: stretch; /* Stretch self to fill the container */
}

.ls-n2 {
    letter-spacing: -0.2px; /* Negative letter spacing of 0.2 pixels */
}

.ls-0 {
    letter-spacing: 0; /* Letter spacing of 0 pixels */
}

.ls-02 {
    letter-spacing: 0.2px; /* Letter spacing of 0.2 pixels */
}

.ls-04 {
    letter-spacing: 0.4px; /* Letter spacing of 0.4 pixels */
}

.ls-06 {
    letter-spacing: 0.6px; /* Letter spacing of 0.6 pixels */
}

.ls-08 {
    letter-spacing: 0.8px; /* Letter spacing of 0.8 pixels */
}

.ls-1 {
    letter-spacing: 1px; /* Letter spacing of 1 pixel */
}

.ls-12 {
    letter-spacing: 1.2px; /* Letter spacing of 1.2 pixels */
}

.ls-14 {
    letter-spacing: 1.4px; /* Letter spacing of 1.4 pixels */
}

.ls-16 {
    letter-spacing: 1.6px; /* Letter spacing of 1.6 pixels */
}

.ls-18 {
    letter-spacing: 1.8px; /* Letter spacing of 1.8 pixels */
}

.ls-2 {
    letter-spacing: 2px; /* Letter spacing of 2 pixels */
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}