@media only screen and (min-width: 1024px) {
    .m-top {
        margin-top: 9rem !important;
    }
}

@media only screen and (max-width: 1024px) {
    .m-top {
        margin-top: 5rem !important;
    }

    .di-sm-none {
        display: none;
    }
}

.m-bottom {
    margin-bottom: 1.5rem !important;
}

.overflow-x-overlay {
    overflow-x: overlay;
    white-space: nowrap;
}

.white-space-initial {
    white-space: initial;
}

.width-max-content {
    width: max-content !important;
}

.overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}

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