/* Margin */
.m-5 {
    margin: 5px;
}

/* Margin Top percentage */
.mt-1p {
    margin-top: 1%;
}

.mt-2p {
    margin-top: 2%;
}

.mt-3p {
    margin-top: 3%;
}

.mt-5p {
    margin-top: 5%;
}

.mt-10p {
    margin-top: 10%;
}

/* Margin Top px */

.mt-2 {
    margin-top: 2px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

/* Margin Right */

.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

/* Margin Left */

.ml-10 {
    margin-left: 10px;
}

/* Margin Bottom percentage */
.mb-1p {
    margin-bottom: 1%;
}

.mb-2p {
    margin-bottom: 2%;
}

.mb-3p {
    margin-bottom: 3%;
}

.mb-5p {
    margin-bottom: 5%;
}

.mb-10p {
    margin-bottom: 10%;
}


/* Margin Bottom px */

.mb-3{
    margin-bottom: 3px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

/* padding */

.p-4 {
    padding: 4px;
}

.p-20 {
    padding: 20px;
}

/* Padding Top */

.pt-5 {
    padding-top: 5px;
}

/* Width */

.w-60 {
    width: 60% !important;
}

.w-100 {
    width: 100% !important;
}

.w-130 {
    width: 130px;
}

/* Font size */

.fs-x-large {
    font-size: x-large !important;
}

/* Display */
.d-none {
    display: none;
}

.d-flex {
    display: flex !important;
}

/* Font Weight */

.font-weight-bold {
    font-weight: bold;
}

/* Justify content */
.justify-content-center {
    justify-content: center;
}

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

/* align-items-center */

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

/* text */

.text-xlarge {
    font-size: x-large;
}

.text-xxlarge {
    font-size: xx-large;
}

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

/* gap */

.gap-2 {
    gap: 2px;
}

.gap-3 {
    gap: 3px;
}

.gap-4 {
    gap: 4px;
}

.gap-10 {
    gap: 10px;
}