.btn-none {
    outline: none;
    background: none;
    color: none;
    border: none;
}

    .btn-none:active, .btn-none:hover {
        outline: none;
        background: none;
        color: none;
        border: none;
    }

.outline-none {
    outline: none;
}

.top-0 {
    top: 0;
}

.top-2px {
    top: 2px;
}

.top-25px {
    top: 25px;
}

.top-10px{
    top : 10px;
}

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

.left-0 {
    left: 0;
}

.left-5px {
    left: 5px;
}

.right-0 {
    right: 0;
}

.right-2px {
    right: 2px;
}

.right-10px {
    right: 10px;
}

.right-5px {
    right: 5px;
}


.bottom-0 {
    bottom: 0;
}

.abs-ver-mid {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.abs-hor-mid {
    position : absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.resize-none {
    resize: none !important;
}

.resize-vertical {
    resize: vertical !important;
}

.resize-horizontal {
    resize: horizontal !important;
}

.dark-text {
    color: #1a1a1a !important;
}

.text-nowrap {
    white-space: nowrap;
}

.text-ellipsis {
    text-overflow: ellipsis;
}

.mirror {
    transform: scaleX(-1);
}

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

.h-80 {
    height: 80% !important;
}

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

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

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

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

.w-35px {
    width: 35px !important;
}

.w-22px {
    width: 22px !important;
}

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

.disa-bg {
    background: #e0e0e0;
}

.overflow-h{
    overflow : hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

/*============================================ Display ============================================*/

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

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

.d-flex{
    display : flex;
}

.ais{
    align-items : start;
}

.aie {
    align-items: end;
}

.aifs {
    align-items: flex-start;
}

.aife {
    align-items: flex-end;
}

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

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

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

.space-even{
    justify-content : space-evenly;
}

/*============================================ Display ============================================*/

/*============================================ Position ========================================*/

.relative{
    position : relative;
}

.absolute{
    position : absolute;
}

.sticky{
    position : sticky;
}

.fixed{
    position : fixed;
}

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

.left-15px {
    left: 15px;
}

.left-20px {
    left: 20px;
}

.bottom-m-175px {
    bottom: -175px;
}

.bottom-m-250px {
    bottom: -250px;
}

.top-m-70px {
    top: -70px;
}

.top-m-5px {
    top: -5px;
}

.right-m-70px {
    right: -70px;
}

.right-m-5px {
    right: -5px;
}

.bottom-m-70px {
    bottom: -70px;
}

.bottom-m-10px {
    bottom: -10px;
}


.left-m-70px {
    left: -70px;
}

.bottom-10px {
    bottom: 10px;
}

/*============================================ Position ========================================*/


/*============================================ Border radious ========================================*/
.br-5px {
    border-radius: 5px;
}

.br-8px {
    border-radius: 8px;
}

.br-10px {
    border-radius: 10px;
}

.br-20px {
    border-radius: 20px;
}

.br-25px {
    border-radius: 25px;
}

.br-rounded {
    border-radius : 50%;
}

.br-tl-20px {
    border-top-left-radius: 20px;
}

.br-tr-20px {
    border-top-right-radius: 20px;
}

.br-bl-20px {
    border-bottom-left-radius: 20px;
}

.br-br-20px {
    border-bottom-right-radius: 20px;
}



/*============================================ Border radious ========================================*/

.aic {
    align-items: center !important;
}

.bg-primary {
    background: var(--primary-color) !important;
}

.bg-secondary {
    background: var(--secondary-color) !important;
}

.bg-light-green {
    background: #d9ffe1 !important;
}

.bg-gray-1 {
    background: #ebebeb !important;
}

.bg-box-color {
    background: #d3d3d3 !important;
}

.bg-box-color2 {
    background: #2f2f2f !important;
}

.bg-white{
    background : white !important;
}

.bg-appbar {
    background: #eaeaea !important;
}

.bg-dark-lighten {
    background: #3a3a3f !important;
}

.bg-action-def {
    background: rgb(199 198 198 / 28%) !important;
}

.bg-palette-bg {
    background: #121212 !important;
}

.bg-overlay-dark {
    background: rgba(0, 0, 0, 0.7) !important;
}

.bg-gray {
    background: #2a2a2a;
}


.bg-black {
    background: black;
}

.bg-primary-liner-tb-1 {
    background: linear-gradient(1deg, transparent, rgba(199, 34, 138, 0.45));
}

.bg-actdef-solid {
    background: #2A2930;
}

.bg-border {
    background: #404040 !important;
}

.bg-bronze {
    background: #cd7f32 !important;
}

.bg-warning {
    background: #ff9800 !important;
}


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

.f-normal {
    font-weight: normal !important;
}

.text-break {
    white-space: break-spaces;
}

.color-action-default {
    color: rgba(255, 255, 255, 0.7);
}

.success-color {
    color: #4caf50;
}

.win-color {
    color: #31f945;
}

.lose-color {
    color: #fc462a;
}

.color-bronze {
    color: #cd7f32;
}

.text-white {
    color: #000A02 !important;
}

.color-white {
    color: white !important;
}

.success-bg {
    background: #4caf50 !important;
}

.success-dark-bg {
    background: #2e7d32 !important;
}

.f-italic {
    font-style: italic;
}

.secondary-color {
    color: var(--secondary-color) !important;
}

.primary-color {
    color: var(--primary-color) !important;
}

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

.text-black {
    color: #000000 !important;
}

.gray-color {
    color: #a7a7a7;
}

.error-color {
    color: #f44336;
}

.info-lighten-color {
    color: #64b5f6 !important;
}

.error-bg {
    background: #f44336 !important;
}
.info-bg {
    background: #42a3ff !important;
}
.warn-bg {
    background: #ffcc42 !important;
}

.gray-default-color {
    color: #9e9e9e;
}

.gray-dark-color {
    color: #535353;
}

.bg-btn-sec-selected {
    background: rgba(156, 39, 176, 0.2);
}

.bg-none {
    background: none !important;
}

.hover-secondary-bg:hover {
    background: var(--secondary-color) !important;
    transition: all ease-in-out 0.3s;
}

.hover-primary-bg:hover {
    background: #1976d2 !important;
    transition: all ease-in-out 0.3s;
}

.hover-bg-style1:hover {
    background: #e0e0e0 !important;
    transition: all ease-in-out 0.3s;
}

.hover-diamond-light-bg:hover {
    background: rgba(205, 127, 50, 0.2) !important;
    transition: all ease-in-out 0.3s;
}

.hover-border-color:hover {
    background: #404040 !important;
    transition: all ease-in-out 0.3s;
}

.disable {
    background: #e0e0e0 !important;
    cursor: not-allowed !important;
    opacity: 0.4 !important;
}

.underline {
    text-decoration: underline;
}

.h-auto {
    height: auto !important;
}

.w-auto {
    width: auto !important;
}

.cus-toolbar-closebtn {
    position: absolute;
    right: 0px;
    top: 0;
    min-width: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-bottom-left-radius: 15px;
}

/* Z-Index */
.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2 !important;
}

.z-3 {
    z-index: 3 !important;
}

.z-4 {
    z-index: 4 !important;
}

.z-5 {
    z-index: 5 !important;
}

.z-6 {
    z-index: 6 !important;
}

.z-7 {
    z-index: 7 !important;
}

.z-8 {
    z-index: 8 !important;
}

.z-9 {
    z-index: 9 !important;
}

.z-10 {
    z-index: 10 !important;
}

.z-11 {
    z-index: 11 !important;
}

.z-12 {
    z-index: 12 !important;
}

.z-13 {
    z-index: 13 !important;
}

.z-14 {
    z-index: 14 !important;
}

.z-15 {
    z-index: 15 !important;
}

.z-16 {
    z-index: 16 !important;
}

.z-17 {
    z-index: 17 !important;
}

.z-18 {
    z-index: 18 !important;
}

.z-19 {
    z-index: 19 !important;
}

.z-20 {
    z-index: 20 !important;
}

.z-21 {
    z-index: 21 !important;
}

.z-22 {
    z-index: 22 !important;
}

.z-23 {
    z-index: 23 !important;
}

.z-24 {
    z-index: 24 !important;
}

.z-25 {
    z-index: 25 !important;
}

.z-26 {
    z-index: 26 !important;
}

.z-27 {
    z-index: 27 !important;
}

.z-28 {
    z-index: 28 !important;
}

.z-29 {
    z-index: 29 !important;
}

.z-30 {
    z-index: 30 !important;
}

.z-31 {
    z-index: 31 !important;
}

.z-32 {
    z-index: 32 !important;
}

.z-33 {
    z-index: 33 !important;
}

.z-34 {
    z-index: 34 !important;
}

.z-35 {
    z-index: 35 !important;
}

.z-36 {
    z-index: 36 !important;
}

.z-37 {
    z-index: 37 !important;
}

.z-38 {
    z-index: 38 !important;
}

.z-39 {
    z-index: 39 !important;
}

.z-40 {
    z-index: 40 !important;
}

.z-41 {
    z-index: 41 !important;
}

.z-42 {
    z-index: 42 !important;
}

.z-43 {
    z-index: 43 !important;
}

.z-44 {
    z-index: 44 !important;
}

.z-45 {
    z-index: 45 !important;
}

.z-46 {
    z-index: 46 !important;
}

.z-47 {
    z-index: 47 !important;
}

.z-48 {
    z-index: 48 !important;
}

.z-49 {
    z-index: 49 !important;
}

.z-50 {
    z-index: 50 !important;
}

.z-51 {
    z-index: 51 !important;
}

.z-52 {
    z-index: 52 !important;
}

.z-53 {
    z-index: 53 !important;
}

.z-54 {
    z-index: 54 !important;
}

.z-55 {
    z-index: 55 !important;
}

.z-56 {
    z-index: 56 !important;
}

.z-57 {
    z-index: 57 !important;
}

.z-58 {
    z-index: 58 !important;
}

.z-59 {
    z-index: 59 !important;
}

.z-60 {
    z-index: 60 !important;
}

.z-61 {
    z-index: 61 !important;
}

.z-62 {
    z-index: 62 !important;
}

.z-63 {
    z-index: 63 !important;
}

.z-64 {
    z-index: 64 !important;
}

.z-65 {
    z-index: 65 !important;
}

.z-66 {
    z-index: 66 !important;
}

.z-67 {
    z-index: 67 !important;
}

.z-68 {
    z-index: 68 !important;
}

.z-69 {
    z-index: 69 !important;
}

.z-70 {
    z-index: 70 !important;
}

.z-71 {
    z-index: 71 !important;
}

.z-72 {
    z-index: 72 !important;
}

.z-73 {
    z-index: 73 !important;
}

.z-74 {
    z-index: 74 !important;
}

.z-75 {
    z-index: 75 !important;
}

.z-76 {
    z-index: 76 !important;
}

.z-77 {
    z-index: 77 !important;
}

.z-78 {
    z-index: 78 !important;
}

.z-79 {
    z-index: 79 !important;
}

.z-80 {
    z-index: 80 !important;
}

.z-81 {
    z-index: 81 !important;
}

.z-82 {
    z-index: 82 !important;
}

.z-83 {
    z-index: 83 !important;
}

.z-84 {
    z-index: 84 !important;
}

.z-85 {
    z-index: 85 !important;
}

.z-86 {
    z-index: 86 !important;
}

.z-87 {
    z-index: 87 !important;
}

.z-88 {
    z-index: 88 !important;
}

.z-89 {
    z-index: 89 !important;
}

.z-90 {
    z-index: 90 !important;
}

.z-91 {
    z-index: 91 !important;
}

.z-92 {
    z-index: 92 !important;
}

.z-93 {
    z-index: 93 !important;
}

.z-94 {
    z-index: 94 !important;
}

.z-95 {
    z-index: 95 !important;
}

.z-96 {
    z-index: 96 !important;
}

.z-97 {
    z-index: 97 !important;
}

.z-98 {
    z-index: 98 !important;
}

.z-99 {
    z-index: 99 !important;
}

.z-100 {
    z-index: 100 !important;
}

.z-10000 {
    z-index: 10000 !important;
}

/* Special z-index values */
.z-auto {
    z-index: auto !important;
}

.z-0 {
    z-index: 0 !important;
}

.z-999 {
    z-index: 999 !important;
}

.z-9999 {
    z-index: 9999 !important;
}

.z-max {
    z-index: 2147483647 !important;
}

/* Negative z-index for background elements */
.z-n1 {
    z-index: -1 !important;
}

.z-n2 {
    z-index: -2 !important;
}

.z-n5 {
    z-index: -5 !important;
}

.z-n10 {
    z-index: -10 !important;
}

/* Z-Index */

.border-r-25 {
    border-radius: 25px;
}

.border-r-10 {
    border-radius: 10px;
}

.border-secondary-1px {
    border: 1px solid var(--secondary-color);
}

.border-primary-1px {
    border: 1px solid var(--primary-color);
}

.border-warning-1px {
    border: 1px solid #ff9800;
}

.border-lightgray-1px {
    border: 1px solid #dfdfdf;
}

.border-darkgray-1px {
    border: 1px solid #3f3f3f;
}


.border-success-1px {
    border: 1px solid #4caf50;
}

.border-r-dark-lighten-1px {
    border-right: 1px solid #3a3a3f;
}

.border-b-dark-appbarbg-1px {
    border-bottom: 1px solid #2d2d30;
}

.border-b-drawer-bg-1px {
    border-bottom: 1px solid #1e1e1e;
}

.border-t-drawer-bg-1px {
    border-top: 1px solid #1e1e1e;
}

.border-t-divider-light-1px {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.border-b-divider-light-1px {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.border-t-secondary-hover-1px {
    border-top: 1px solid var(--secondary-color);
}

.border-r-secondary-hover-1px {
    border-right: 1px solid var(--secondary-color);
}

.border-b-secondary-hover-1px {
    border-bottom: 1px solid var(--secondary-color);
}

.border-l-secondary-hover-1px {
    border-left: 1px solid var(--secondary-color);
}

.border-warning-1px {
    border: 2px solid #ff9800;
}

.border-warning-2px {
    border: 2px solid #ff9800;
}

.border-error-2px-dash {
    border: 2px dashed #f44336 !important;
}

.border-none{
    border : none;
}

.divider {
    border: 1px dashed #bdbdbd;
}

.custom-bg-liner1 {
    background: linear-gradient(145deg, #1e2349 0%, #2a2f5e 100%);
}

.bg-liner-2 {
    background: linear-gradient(272deg, #e0e0e0, #404040);
}

.box-shadow-style1 {
    box-shadow: 0 10px 20px rgb(90 90 90 / 30%);
}

.box-shadow-style2 {
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

.box-shadow-style3 {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.box-shadow-style4 {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.box-shadow-white-light {
    box-shadow: rgba(205, 192, 192, 0.32) 0px 7px 100px 0px;
}

.custom-transition1 {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bg-divider-light {
    background: rgb(215 215 215 / 18%) !important;
}

.bg-error {
    background: #f44336 !important;
}

.bg-info {
    background: #37c2f9 !important;
}

.opc-08 {
    opacity: 0.8 !important;
}

.opc-04 {
    opacity: 0.4 !important;
}

.opc-03 {
    opacity: 0.3 !important;
}

.opc-02 {
    opacity: 0.2 !important;
}

.opc-015 {
    opacity: 0.15 !important;
}

.opc-01 {
    opacity: 0.1 !important;
}

/*//=========================== Width=================*/
.w-10px {
    width: 10px !important;
}

.w-15px {
    width: 15px !important;
}

.w-17px {
    width: 17px !important;
}

.w-20px {
    width: 20px !important;
}

.w-23px {
    width: 23px !important;
}

.w-25px {
    width: 25px !important;
}

.w-30px {
    width: 30px !important;
}

.w-38px {
    width: 38px !important;
}

.w-40px {
    width: 40px !important;
}

.w-50px {
    width: 50px !important;
}

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

.w-70px {
    width: 70px !important;
}

.w-80px {
    width: 80px !important;
}

.w-90px {
    width: 90px !important;
}

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

.w-110px {
    width: 110px !important;
}

.w-120px {
    width: 120px !important;
}

.w-130px {
    width: 130px !important;
}

.w-140px {
    width: 140px !important;
}

.w-150px {
    width: 150px !important;
}

.w-160px {
    width: 160px !important;
}

.w-170px {
    width: 170px !important;
}

.w-180px {
    width: 180px !important;
}

.w-190px {
    width: 190px !important;
}

.w-200px {
    width: 200px !important;
}

.w-220px {
    width: 220px !important;
}

.w-250px {
    width: 250px !important;
}

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

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

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

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


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

.w-300px {
    width: 300px !important;
}

.wcal-full-m-160 {
    width: calc(100% - 160px);
}

.wcal-full-m-50 {
    width: calc(100% - 50px);
}

.wcal-full-m-45 {
    width: calc(100% - 45px);
}

.wcal-full-m-40 {
    width: calc(100% - 40px);
}

.wcal-full-m-30 {
    width: calc(100% - 30px);
}


.wcal-full-m-20 {
    width: calc(100% - 20px);
}

.wcal-full-m-10 {
    width: calc(100% - 10px);
}

/* Max Width Utilities - 100px to 500px in 10px increments */

.mw-10px {
    max-width: 10px !important;
}

.mw-100px {
    max-width: 100px !important;
}

.mw-110px {
    max-width: 110px !important;
}

.mw-120px {
    max-width: 120px !important;
}

.mw-130px {
    max-width: 130px !important;
}

.mw-140px {
    max-width: 140px !important;
}

.mw-150px {
    max-width: 150px !important;
}

.mw-160px {
    max-width: 160px !important;
}

.mw-170px {
    max-width: 170px !important;
}

.mw-180px {
    max-width: 180px !important;
}

.mw-190px {
    max-width: 190px !important;
}

.mw-200px {
    max-width: 200px !important;
}

.mw-210px {
    max-width: 210px !important;
}

.mw-220px {
    max-width: 220px !important;
}

.mw-230px {
    max-width: 230px !important;
}

.mw-240px {
    max-width: 240px !important;
}

.mw-250px {
    max-width: 250px !important;
}

.mw-260px {
    max-width: 260px !important;
}

.mw-270px {
    max-width: 270px !important;
}

.mw-280px {
    max-width: 280px !important;
}

.mw-290px {
    max-width: 290px !important;
}

.mw-300px {
    max-width: 300px !important;
}

.mw-310px {
    max-width: 310px !important;
}

.mw-320px {
    max-width: 320px !important;
}

.mw-330px {
    max-width: 330px !important;
}

.mw-340px {
    max-width: 340px !important;
}

.mw-350px {
    max-width: 350px !important;
}

.mw-360px {
    max-width: 360px !important;
}

.mw-370px {
    max-width: 370px !important;
}

.mw-380px {
    max-width: 380px !important;
}

.mw-390px {
    max-width: 390px !important;
}

.mw-400px {
    max-width: 400px !important;
}

.mw-410px {
    max-width: 410px !important;
}

.mw-420px {
    max-width: 420px !important;
}

.mw-430px {
    max-width: 430px !important;
}

.mw-440px {
    max-width: 440px !important;
}

.mw-450px {
    max-width: 450px !important;
}

.mw-460px {
    max-width: 460px !important;
}

.mw-470px {
    max-width: 470px !important;
}

.mw-480px {
    max-width: 480px !important;
}

.mw-490px {
    max-width: 490px !important;
}

.mw-500px {
    max-width: 500px !important;
}

.mw-800px {
    max-width: 800px !important;
}

.mw-1000px {
    max-width: 1000px !important;
}

.mw-25 {
    max-width: 25% !important;
}

.mw-50 {
    max-width: 50% !important;
}

.mw-75 {
    max-width: 75% !important;
}

.mw-100 {
    max-width: 100% !important;
}


.mw-90 {
    max-width: 90% !important;
}

/* Min Width Utilities - 100px to 500px in 10px increments */

.miw-10px {
    min-width: 10px !important;
}

.miw-12px {
    min-width: 12px !important;
}

.miw-40px {
    min-width: 40px !important;
}

.miw-48px {
    min-width: 48px !important;
}

.miw-90px {
    min-width: 90px !important;
}

.miw-auto {
    min-width: auto !important;
}

/*============================================ WIDTH ========================================*/
.h-0px {
    height: 0px !important;
}

.h-10px {
    height: 10px !important;
}

.h-17px {
    height: 17px !important;
}

.h-15px {
    height: 15px !important;
}

.h-20px {
    height: 20px !important;
}

.h-23px {
    height: 23px !important;
}

.h-25px {
    height: 25px !important;
}

.h-22px {
    height: 22px !important;
}

.h-30px {
    height: 30px !important;
}

.h-35px {
    height: 35px !important;
}

.h-38px {
    height: 38px !important;
}

.h-40px {
    height: 40px !important;
}

.h-50px {
    height: 50px !important;
}

.h-57px {
    height: 57px !important;
}

.h-60px {
    height: 60px !important;
}

.h-64px {
    height: 64px !important;
}

.h-70px {
    height: 70px !important;
}

.h-80px {
    height: 80px !important;
}

.h-90px {
    height: 90px !important;
}

.h-100px {
    height: 100px !important;
}

.h-110px {
    height: 110px !important;
}

.h-120px {
    height: 120px !important;
}

.h-130px {
    height: 130px !important;
}

.h-140px {
    height: 140px !important;
}

.h-150px {
    height: 150px !important;
}

.h-154px {
    height: 154px !important;
}

.h-160px {
    height: 160px !important;
}

.h-170px {
    height: 170px !important;
}

.h-180px {
    height: 180px !important;
}

.h-190px {
    height: 190px !important;
}

.h-200px {
    height: 200px !important;
}

.h-250px {
    height: 250px !important;
}

.h-300px {
    height: 300px !important;
}

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

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

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

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

/* Height Calc Utilities - 10px to 200px */
.hcal-full-m-10 {
    height: calc(100% - 10px) !important;
}

.hcal-full-m-11 {
    height: calc(100% - 11px) !important;
}

.hcal-full-m-12 {
    height: calc(100% - 12px) !important;
}

.hcal-full-m-13 {
    height: calc(100% - 13px) !important;
}

.hcal-full-m-14 {
    height: calc(100% - 14px) !important;
}

.hcal-full-m-15 {
    height: calc(100% - 15px) !important;
}

.hcal-full-m-16 {
    height: calc(100% - 16px) !important;
}

.hcal-full-m-17 {
    height: calc(100% - 17px) !important;
}

.hcal-full-m-18 {
    height: calc(100% - 18px) !important;
}

.hcal-full-m-19 {
    height: calc(100% - 19px) !important;
}

.hcal-full-m-20 {
    height: calc(100% - 20px) !important;
}

.hcal-full-m-21 {
    height: calc(100% - 21px) !important;
}

.hcal-full-m-22 {
    height: calc(100% - 22px) !important;
}

.hcal-full-m-23 {
    height: calc(100% - 23px) !important;
}

.hcal-full-m-24 {
    height: calc(100% - 24px) !important;
}

.hcal-full-m-25 {
    height: calc(100% - 25px) !important;
}

.hcal-full-m-26 {
    height: calc(100% - 26px) !important;
}

.hcal-full-m-27 {
    height: calc(100% - 27px) !important;
}

.hcal-full-m-28 {
    height: calc(100% - 28px) !important;
}

.hcal-full-m-29 {
    height: calc(100% - 29px) !important;
}

.hcal-full-m-30 {
    height: calc(100% - 30px) !important;
}

.hcal-full-m-31 {
    height: calc(100% - 31px) !important;
}

.hcal-full-m-32 {
    height: calc(100% - 32px) !important;
}

.hcal-full-m-33 {
    height: calc(100% - 33px) !important;
}

.hcal-full-m-34 {
    height: calc(100% - 34px) !important;
}

.hcal-full-m-35 {
    height: calc(100% - 35px) !important;
}

.hcal-full-m-36 {
    height: calc(100% - 36px) !important;
}

.hcal-full-m-37 {
    height: calc(100% - 37px) !important;
}

.hcal-full-m-38 {
    height: calc(100% - 38px) !important;
}

.hcal-full-m-39 {
    height: calc(100% - 39px) !important;
}

.hcal-full-m-40 {
    height: calc(100% - 40px) !important;
}

.hcal-full-m-41 {
    height: calc(100% - 41px) !important;
}

.hcal-full-m-42 {
    height: calc(100% - 42px) !important;
}

.hcal-full-m-43 {
    height: calc(100% - 43px) !important;
}

.hcal-full-m-44 {
    height: calc(100% - 44px) !important;
}

.hcal-full-m-45 {
    height: calc(100% - 45px) !important;
}

.hcal-full-m-46 {
    height: calc(100% - 46px) !important;
}

.hcal-full-m-47 {
    height: calc(100% - 47px) !important;
}

.hcal-full-m-48 {
    height: calc(100% - 48px) !important;
}

.hcal-full-m-49 {
    height: calc(100% - 49px) !important;
}

.hcal-full-m-50 {
    height: calc(100% - 50px) !important;
}

.hcal-full-m-51 {
    height: calc(100% - 51px) !important;
}

.hcal-full-m-52 {
    height: calc(100% - 52px) !important;
}

.hcal-full-m-53 {
    height: calc(100% - 53px) !important;
}

.hcal-full-m-54 {
    height: calc(100% - 54px) !important;
}

.hcal-full-m-55 {
    height: calc(100% - 55px) !important;
}

.hcal-full-m-56 {
    height: calc(100% - 56px) !important;
}

.hcal-full-m-57 {
    height: calc(100% - 57px) !important;
}

.hcal-full-m-58 {
    height: calc(100% - 58px) !important;
}

.hcal-full-m-59 {
    height: calc(100% - 59px) !important;
}

.hcal-full-m-60 {
    height: calc(100% - 60px) !important;
}

.hcal-full-m-61 {
    height: calc(100% - 61px) !important;
}

.hcal-full-m-62 {
    height: calc(100% - 62px) !important;
}

.hcal-full-m-63 {
    height: calc(100% - 63px) !important;
}

.hcal-full-m-64 {
    height: calc(100% - 64px) !important;
}

.hcal-full-m-65 {
    height: calc(100% - 65px) !important;
}

.hcal-full-m-66 {
    height: calc(100% - 66px) !important;
}

.hcal-full-m-67 {
    height: calc(100% - 67px) !important;
}

.hcal-full-m-68 {
    height: calc(100% - 68px) !important;
}

.hcal-full-m-69 {
    height: calc(100% - 69px) !important;
}

.hcal-full-m-70 {
    height: calc(100% - 70px) !important;
}

.hcal-full-m-71 {
    height: calc(100% - 71px) !important;
}

.hcal-full-m-72 {
    height: calc(100% - 72px) !important;
}

.hcal-full-m-73 {
    height: calc(100% - 73px) !important;
}

.hcal-full-m-74 {
    height: calc(100% - 74px) !important;
}

.hcal-full-m-75 {
    height: calc(100% - 75px) !important;
}

.hcal-full-m-76 {
    height: calc(100% - 76px) !important;
}

.hcal-full-m-77 {
    height: calc(100% - 77px) !important;
}

.hcal-full-m-78 {
    height: calc(100% - 78px) !important;
}

.hcal-full-m-79 {
    height: calc(100% - 79px) !important;
}

.hcal-full-m-80 {
    height: calc(100% - 80px) !important;
}

.hcal-full-m-81 {
    height: calc(100% - 81px) !important;
}

.hcal-full-m-82 {
    height: calc(100% - 82px) !important;
}

.hcal-full-m-83 {
    height: calc(100% - 83px) !important;
}

.hcal-full-m-84 {
    height: calc(100% - 84px) !important;
}

.hcal-full-m-85 {
    height: calc(100% - 85px) !important;
}

.hcal-full-m-86 {
    height: calc(100% - 86px) !important;
}

.hcal-full-m-87 {
    height: calc(100% - 87px) !important;
}

.hcal-full-m-88 {
    height: calc(100% - 88px) !important;
}

.hcal-full-m-89 {
    height: calc(100% - 89px) !important;
}

.hcal-full-m-90 {
    height: calc(100% - 90px) !important;
}

.hcal-full-m-91 {
    height: calc(100% - 91px) !important;
}

.hcal-full-m-92 {
    height: calc(100% - 92px) !important;
}

.hcal-full-m-93 {
    height: calc(100% - 93px) !important;
}

.hcal-full-m-94 {
    height: calc(100% - 94px) !important;
}

.hcal-full-m-95 {
    height: calc(100% - 95px) !important;
}

.hcal-full-m-96 {
    height: calc(100% - 96px) !important;
}

.hcal-full-m-97 {
    height: calc(100% - 97px) !important;
}

.hcal-full-m-98 {
    height: calc(100% - 98px) !important;
}

.hcal-full-m-99 {
    height: calc(100% - 99px) !important;
}

.hcal-full-m-100 {
    height: calc(100% - 100px) !important;
}

.hcal-full-m-110 {
    height: calc(100% - 110px) !important;
}

.hcal-full-m-120 {
    height: calc(100% - 120px) !important;
}

.hcal-full-m-130 {
    height: calc(100% - 130px) !important;
}

.hcal-full-m-140 {
    height: calc(100% - 140px) !important;
}

.hcal-full-m-150 {
    height: calc(100% - 150px) !important;
}

.hcal-full-m-160 {
    height: calc(100% - 160px) !important;
}

.hcal-full-m-170 {
    height: calc(100% - 170px) !important;
}

.hcal-full-m-180 {
    height: calc(100% - 180px) !important;
}

.hcal-full-m-190 {
    height: calc(100% - 190px) !important;
}

.hcal-full-m-200 {
    height: calc(100% - 200px) !important;
}

.hcal-half-m-16 {
    height: calc(50% - 16px) !important;
}

.hcal-half-m-8 {
    height: calc(50% - 8px) !important;
}

/* Max Height Utilities - 100px to 500px in 10px increments */

.mh-10px {
    max-height: 10px !important;
}

.mh-100px {
    max-height: 100px !important;
}

.mh-110px {
    max-height: 110px !important;
}

.mh-120px {
    max-height: 120px !important;
}

.mh-130px {
    max-height: 130px !important;
}

.mh-140px {
    max-height: 140px !important;
}

.mh-150px {
    max-height: 150px !important;
}

.mh-160px {
    max-height: 160px !important;
}

.mh-170px {
    max-height: 170px !important;
}

.mh-180px {
    max-height: 180px !important;
}

.mh-190px {
    max-height: 190px !important;
}

.mh-200px {
    max-height: 200px !important;
}

.mh-210px {
    max-height: 210px !important;
}

.mh-220px {
    max-height: 220px !important;
}

.mh-230px {
    max-height: 230px !important;
}

.mh-240px {
    max-height: 240px !important;
}

.mh-250px {
    max-height: 250px !important;
}

.mh-260px {
    max-height: 260px !important;
}

.mh-270px {
    max-height: 270px !important;
}

.mh-280px {
    max-height: 280px !important;
}

.mh-290px {
    max-height: 290px !important;
}

.mh-300px {
    max-height: 300px !important;
}

.mh-310px {
    max-height: 310px !important;
}

.mh-320px {
    max-height: 320px !important;
}

.mh-330px {
    max-height: 330px !important;
}

.mh-340px {
    max-height: 340px !important;
}

.mh-350px {
    max-height: 350px !important;
}

.mh-360px {
    max-height: 360px !important;
}

.mh-370px {
    max-height: 370px !important;
}

.mh-380px {
    max-height: 380px !important;
}

.mh-390px {
    max-height: 390px !important;
}

.mh-400px {
    max-height: 400px !important;
}

.mh-410px {
    max-height: 410px !important;
}

.mh-420px {
    max-height: 420px !important;
}

.mh-430px {
    max-height: 430px !important;
}

.mh-440px {
    max-height: 440px !important;
}

.mh-450px {
    max-height: 450px !important;
}

.mh-460px {
    max-height: 460px !important;
}

.mh-470px {
    max-height: 470px !important;
}

.mh-480px {
    max-height: 480px !important;
}

.mh-490px {
    max-height: 490px !important;
}

.mh-500px {
    max-height: 500px !important;
}

.mh-25 {
    max-height: 25% !important;
}

.mh-50 {
    max-height: 50% !important;
}

.mh-75 {
    max-height: 75% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.mih-10px {
    min-height: 10px !important;
}

.mih-12px {
    min-height: 12px !important;
}

.mih-350px {
    min-height: 350px !important;
}

.mih-auto {
    min-height: auto !important;
}

/*============================================ HEIGHT ========================================*/

/* ============================================ Font Size Utilities - 10px to 40px============================================ */
.ph-f-s-10::placeholder {
    font-size: 10px !important;
}

.ph-f-s-11::placeholder {
    font-size: 11px !important;
}

.ph-f-s-12::placeholder {
    font-size: 12px !important;
}


.f-s-10 {
    font-size: 10px !important;
}

.f-s-11 {
    font-size: 11px !important;
}

.f-s-12 {
    font-size: 12px !important;
}

.f-s-13 {
    font-size: 13px !important;
}

.f-s-14 {
    font-size: 14px !important;
}

.f-s-15 {
    font-size: 15px !important;
}

.f-s-16 {
    font-size: 16px !important;
}

.f-s-17 {
    font-size: 17px !important;
}

.f-s-18 {
    font-size: 18px !important;
}

.f-s-19 {
    font-size: 19px !important;
}

.f-s-20 {
    font-size: 20px !important;
}

.f-s-21 {
    font-size: 21px !important;
}

.f-s-22 {
    font-size: 22px !important;
}

.f-s-23 {
    font-size: 23px !important;
}

.f-s-24 {
    font-size: 24px !important;
}

.f-s-25 {
    font-size: 25px !important;
}

.f-s-26 {
    font-size: 26px !important;
}

.f-s-27 {
    font-size: 27px !important;
}

.f-s-28 {
    font-size: 28px !important;
}

.f-s-29 {
    font-size: 29px !important;
}

.f-s-30 {
    font-size: 30px !important;
}

.f-s-31 {
    font-size: 31px !important;
}

.f-s-32 {
    font-size: 32px !important;
}

.f-s-33 {
    font-size: 33px !important;
}

.f-s-34 {
    font-size: 34px !important;
}

.f-s-35 {
    font-size: 35px !important;
}

.f-s-36 {
    font-size: 36px !important;
}

.f-s-37 {
    font-size: 37px !important;
}

.f-s-38 {
    font-size: 38px !important;
}

.f-s-39 {
    font-size: 39px !important;
}

.f-s-40 {
    font-size: 40px !important;
}
.f-s-50 {
    font-size: 50px !important;
}

.f-s-80 {
    font-size: 80px !important;
}

.input-place-fs-s-12::placeholder {
    font-size: 12px !important;
}

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

.text-start {
    text-align: start !important;
}

.text-end {
    text-align: end !important;
}

.text-underline {
    text-decoration: underline;
}
/* =========================== Padding =====================================*/
/* Padding All Sides - 1px to 100px */

.p-0{
    padding : 0px !important;
}

.p-1px {
    padding: 1px !important;
}

.p-2px {
    padding: 2px !important;
}

.p-3px {
    padding: 3px !important;
}

.p-4px {
    padding: 4px !important;
}

.p-5px {
    padding: 5px !important;
}

.p-6px {
    padding: 6px !important;
}

.p-7px {
    padding: 7px !important;
}

.p-8px {
    padding: 8px !important;
}

.p-9px {
    padding: 9px !important;
}

.p-10px {
    padding: 10px !important;
}

.p-11px {
    padding: 11px !important;
}

.p-12px {
    padding: 12px !important;
}

.p-13px {
    padding: 13px !important;
}

.p-14px {
    padding: 14px !important;
}

.p-15px {
    padding: 15px !important;
}

.p-16px {
    padding: 16px !important;
}

.p-17px {
    padding: 17px !important;
}

.p-18px {
    padding: 18px !important;
}

.p-19px {
    padding: 19px !important;
}

.p-20px {
    padding: 20px !important;
}

.p-21px {
    padding: 21px !important;
}

.p-22px {
    padding: 22px !important;
}

.p-23px {
    padding: 23px !important;
}

.p-24px {
    padding: 24px !important;
}

.p-25px {
    padding: 25px !important;
}

.p-26px {
    padding: 26px !important;
}

.p-27px {
    padding: 27px !important;
}

.p-28px {
    padding: 28px !important;
}

.p-29px {
    padding: 29px !important;
}

.p-30px {
    padding: 30px !important;
}

.p-31px {
    padding: 31px !important;
}

.p-32px {
    padding: 32px !important;
}

.p-33px {
    padding: 33px !important;
}

.p-34px {
    padding: 34px !important;
}

.p-35px {
    padding: 35px !important;
}

.p-36px {
    padding: 36px !important;
}

.p-37px {
    padding: 37px !important;
}

.p-38px {
    padding: 38px !important;
}

.p-39px {
    padding: 39px !important;
}

.p-40px {
    padding: 40px !important;
}

.p-41px {
    padding: 41px !important;
}

.p-42px {
    padding: 42px !important;
}

.p-43px {
    padding: 43px !important;
}

.p-44px {
    padding: 44px !important;
}

.p-45px {
    padding: 45px !important;
}

.p-46px {
    padding: 46px !important;
}

.p-47px {
    padding: 47px !important;
}

.p-48px {
    padding: 48px !important;
}

.p-49px {
    padding: 49px !important;
}

.p-50px {
    padding: 50px !important;
}

.p-51px {
    padding: 51px !important;
}

.p-52px {
    padding: 52px !important;
}

.p-53px {
    padding: 53px !important;
}

.p-54px {
    padding: 54px !important;
}

.p-55px {
    padding: 55px !important;
}

.p-56px {
    padding: 56px !important;
}

.p-57px {
    padding: 57px !important;
}

.p-58px {
    padding: 58px !important;
}

.p-59px {
    padding: 59px !important;
}

.p-60px {
    padding: 60px !important;
}

.p-61px {
    padding: 61px !important;
}

.p-62px {
    padding: 62px !important;
}

.p-63px {
    padding: 63px !important;
}

.p-64px {
    padding: 64px !important;
}

.p-65px {
    padding: 65px !important;
}

.p-66px {
    padding: 66px !important;
}

.p-67px {
    padding: 67px !important;
}

.p-68px {
    padding: 68px !important;
}

.p-69px {
    padding: 69px !important;
}

.p-70px {
    padding: 70px !important;
}

.p-71px {
    padding: 71px !important;
}

.p-72px {
    padding: 72px !important;
}

.p-73px {
    padding: 73px !important;
}

.p-74px {
    padding: 74px !important;
}

.p-75px {
    padding: 75px !important;
}

.p-76px {
    padding: 76px !important;
}

.p-77px {
    padding: 77px !important;
}

.p-78px {
    padding: 78px !important;
}

.p-79px {
    padding: 79px !important;
}

.p-80px {
    padding: 80px !important;
}

.p-81px {
    padding: 81px !important;
}

.p-82px {
    padding: 82px !important;
}

.p-83px {
    padding: 83px !important;
}

.p-84px {
    padding: 84px !important;
}

.p-85px {
    padding: 85px !important;
}

.p-86px {
    padding: 86px !important;
}

.p-87px {
    padding: 87px !important;
}

.p-88px {
    padding: 88px !important;
}

.p-89px {
    padding: 89px !important;
}

.p-90px {
    padding: 90px !important;
}

.p-91px {
    padding: 91px !important;
}

.p-92px {
    padding: 92px !important;
}

.p-93px {
    padding: 93px !important;
}

.p-94px {
    padding: 94px !important;
}

.p-95px {
    padding: 95px !important;
}

.p-96px {
    padding: 96px !important;
}

.p-97px {
    padding: 97px !important;
}

.p-98px {
    padding: 98px !important;
}

.p-99px {
    padding: 99px !important;
}

.p-100px {
    padding: 100px !important;
}

/* Padding Top - 1px to 100px */
.pt-1px {
    padding-top: 1px !important;
}

.pt-2px {
    padding-top: 2px !important;
}

.pt-3px {
    padding-top: 3px !important;
}

.pt-4px {
    padding-top: 4px !important;
}

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

.pt-6px {
    padding-top: 6px !important;
}

.pt-7px {
    padding-top: 7px !important;
}

.pt-8px {
    padding-top: 8px !important;
}

.pt-9px {
    padding-top: 9px !important;
}

.pt-10px {
    padding-top: 10px !important;
}

.pt-11px {
    padding-top: 11px !important;
}

.pt-12px {
    padding-top: 12px !important;
}

.pt-13px {
    padding-top: 13px !important;
}

.pt-14px {
    padding-top: 14px !important;
}

.pt-15px {
    padding-top: 15px !important;
}

.pt-16px {
    padding-top: 16px !important;
}

.pt-17px {
    padding-top: 17px !important;
}

.pt-18px {
    padding-top: 18px !important;
}

.pt-19px {
    padding-top: 19px !important;
}

.pt-20px {
    padding-top: 20px !important;
}

.pt-21px {
    padding-top: 21px !important;
}

.pt-22px {
    padding-top: 22px !important;
}

.pt-23px {
    padding-top: 23px !important;
}

.pt-24px {
    padding-top: 24px !important;
}

.pt-25px {
    padding-top: 25px !important;
}

.pt-26px {
    padding-top: 26px !important;
}

.pt-27px {
    padding-top: 27px !important;
}

.pt-28px {
    padding-top: 28px !important;
}

.pt-29px {
    padding-top: 29px !important;
}

.pt-30px {
    padding-top: 30px !important;
}

.pt-31px {
    padding-top: 31px !important;
}

.pt-32px {
    padding-top: 32px !important;
}

.pt-33px {
    padding-top: 33px !important;
}

.pt-34px {
    padding-top: 34px !important;
}

.pt-35px {
    padding-top: 35px !important;
}

.pt-36px {
    padding-top: 36px !important;
}

.pt-37px {
    padding-top: 37px !important;
}

.pt-38px {
    padding-top: 38px !important;
}

.pt-39px {
    padding-top: 39px !important;
}

.pt-40px {
    padding-top: 40px !important;
}

.pt-41px {
    padding-top: 41px !important;
}

.pt-42px {
    padding-top: 42px !important;
}

.pt-43px {
    padding-top: 43px !important;
}

.pt-44px {
    padding-top: 44px !important;
}

.pt-45px {
    padding-top: 45px !important;
}

.pt-46px {
    padding-top: 46px !important;
}

.pt-47px {
    padding-top: 47px !important;
}

.pt-48px {
    padding-top: 48px !important;
}

.pt-49px {
    padding-top: 49px !important;
}

.pt-50px {
    padding-top: 50px !important;
}

.pt-51px {
    padding-top: 51px !important;
}

.pt-52px {
    padding-top: 52px !important;
}

.pt-53px {
    padding-top: 53px !important;
}

.pt-54px {
    padding-top: 54px !important;
}

.pt-55px {
    padding-top: 55px !important;
}

.pt-56px {
    padding-top: 56px !important;
}

.pt-57px {
    padding-top: 57px !important;
}

.pt-58px {
    padding-top: 58px !important;
}

.pt-59px {
    padding-top: 59px !important;
}

.pt-60px {
    padding-top: 60px !important;
}

.pt-61px {
    padding-top: 61px !important;
}

.pt-62px {
    padding-top: 62px !important;
}

.pt-63px {
    padding-top: 63px !important;
}

.pt-64px {
    padding-top: 64px !important;
}

.pt-65px {
    padding-top: 65px !important;
}

.pt-66px {
    padding-top: 66px !important;
}

.pt-67px {
    padding-top: 67px !important;
}

.pt-68px {
    padding-top: 68px !important;
}

.pt-69px {
    padding-top: 69px !important;
}

.pt-70px {
    padding-top: 70px !important;
}

.pt-71px {
    padding-top: 71px !important;
}

.pt-72px {
    padding-top: 72px !important;
}

.pt-73px {
    padding-top: 73px !important;
}

.pt-74px {
    padding-top: 74px !important;
}

.pt-75px {
    padding-top: 75px !important;
}

.pt-76px {
    padding-top: 76px !important;
}

.pt-77px {
    padding-top: 77px !important;
}

.pt-78px {
    padding-top: 78px !important;
}

.pt-79px {
    padding-top: 79px !important;
}

.pt-80px {
    padding-top: 80px !important;
}

.pt-81px {
    padding-top: 81px !important;
}

.pt-82px {
    padding-top: 82px !important;
}

.pt-83px {
    padding-top: 83px !important;
}

.pt-84px {
    padding-top: 84px !important;
}

.pt-85px {
    padding-top: 85px !important;
}

.pt-86px {
    padding-top: 86px !important;
}

.pt-87px {
    padding-top: 87px !important;
}

.pt-88px {
    padding-top: 88px !important;
}

.pt-89px {
    padding-top: 89px !important;
}

.pt-90px {
    padding-top: 90px !important;
}

.pt-91px {
    padding-top: 91px !important;
}

.pt-92px {
    padding-top: 92px !important;
}

.pt-93px {
    padding-top: 93px !important;
}

.pt-94px {
    padding-top: 94px !important;
}

.pt-95px {
    padding-top: 95px !important;
}

.pt-96px {
    padding-top: 96px !important;
}

.pt-97px {
    padding-top: 97px !important;
}

.pt-98px {
    padding-top: 98px !important;
}

.pt-99px {
    padding-top: 99px !important;
}

.pt-100px {
    padding-top: 100px !important;
}

/* Padding Right - 1px to 100px */
.pr-1px {
    padding-right: 1px !important;
}

.pr-2px {
    padding-right: 2px !important;
}

.pr-3px {
    padding-right: 3px !important;
}

.pr-4px {
    padding-right: 4px !important;
}

.pr-5px {
    padding-right: 5px !important;
}

.pr-6px {
    padding-right: 6px !important;
}

.pr-7px {
    padding-right: 7px !important;
}

.pr-8px {
    padding-right: 8px !important;
}

.pr-9px {
    padding-right: 9px !important;
}

.pr-10px {
    padding-right: 10px !important;
}

.pr-11px {
    padding-right: 11px !important;
}

.pr-12px {
    padding-right: 12px !important;
}

.pr-13px {
    padding-right: 13px !important;
}

.pr-14px {
    padding-right: 14px !important;
}

.pr-15px {
    padding-right: 15px !important;
}

.pr-16px {
    padding-right: 16px !important;
}

.pr-17px {
    padding-right: 17px !important;
}

.pr-18px {
    padding-right: 18px !important;
}

.pr-19px {
    padding-right: 19px !important;
}

.pr-20px {
    padding-right: 20px !important;
}

.pr-21px {
    padding-right: 21px !important;
}

.pr-22px {
    padding-right: 22px !important;
}

.pr-23px {
    padding-right: 23px !important;
}

.pr-24px {
    padding-right: 24px !important;
}

.pr-25px {
    padding-right: 25px !important;
}

.pr-26px {
    padding-right: 26px !important;
}

.pr-27px {
    padding-right: 27px !important;
}

.pr-28px {
    padding-right: 28px !important;
}

.pr-29px {
    padding-right: 29px !important;
}

.pr-30px {
    padding-right: 30px !important;
}

.pr-31px {
    padding-right: 31px !important;
}

.pr-32px {
    padding-right: 32px !important;
}

.pr-33px {
    padding-right: 33px !important;
}

.pr-34px {
    padding-right: 34px !important;
}

.pr-35px {
    padding-right: 35px !important;
}

.pr-36px {
    padding-right: 36px !important;
}

.pr-37px {
    padding-right: 37px !important;
}

.pr-38px {
    padding-right: 38px !important;
}

.pr-39px {
    padding-right: 39px !important;
}

.pr-40px {
    padding-right: 40px !important;
}

.pr-41px {
    padding-right: 41px !important;
}

.pr-42px {
    padding-right: 42px !important;
}

.pr-43px {
    padding-right: 43px !important;
}

.pr-44px {
    padding-right: 44px !important;
}

.pr-45px {
    padding-right: 45px !important;
}

.pr-46px {
    padding-right: 46px !important;
}

.pr-47px {
    padding-right: 47px !important;
}

.pr-48px {
    padding-right: 48px !important;
}

.pr-49px {
    padding-right: 49px !important;
}

.pr-50px {
    padding-right: 50px !important;
}

.pr-51px {
    padding-right: 51px !important;
}

.pr-52px {
    padding-right: 52px !important;
}

.pr-53px {
    padding-right: 53px !important;
}

.pr-54px {
    padding-right: 54px !important;
}

.pr-55px {
    padding-right: 55px !important;
}

.pr-56px {
    padding-right: 56px !important;
}

.pr-57px {
    padding-right: 57px !important;
}

.pr-58px {
    padding-right: 58px !important;
}

.pr-59px {
    padding-right: 59px !important;
}

.pr-60px {
    padding-right: 60px !important;
}

.pr-61px {
    padding-right: 61px !important;
}

.pr-62px {
    padding-right: 62px !important;
}

.pr-63px {
    padding-right: 63px !important;
}

.pr-64px {
    padding-right: 64px !important;
}

.pr-65px {
    padding-right: 65px !important;
}

.pr-66px {
    padding-right: 66px !important;
}

.pr-67px {
    padding-right: 67px !important;
}

.pr-68px {
    padding-right: 68px !important;
}

.pr-69px {
    padding-right: 69px !important;
}

.pr-70px {
    padding-right: 70px !important;
}

.pr-71px {
    padding-right: 71px !important;
}

.pr-72px {
    padding-right: 72px !important;
}

.pr-73px {
    padding-right: 73px !important;
}

.pr-74px {
    padding-right: 74px !important;
}

.pr-75px {
    padding-right: 75px !important;
}

.pr-76px {
    padding-right: 76px !important;
}

.pr-77px {
    padding-right: 77px !important;
}

.pr-78px {
    padding-right: 78px !important;
}

.pr-79px {
    padding-right: 79px !important;
}

.pr-80px {
    padding-right: 80px !important;
}

.pr-81px {
    padding-right: 81px !important;
}

.pr-82px {
    padding-right: 82px !important;
}

.pr-83px {
    padding-right: 83px !important;
}

.pr-84px {
    padding-right: 84px !important;
}

.pr-85px {
    padding-right: 85px !important;
}

.pr-86px {
    padding-right: 86px !important;
}

.pr-87px {
    padding-right: 87px !important;
}

.pr-88px {
    padding-right: 88px !important;
}

.pr-89px {
    padding-right: 89px !important;
}

.pr-90px {
    padding-right: 90px !important;
}

.pr-91px {
    padding-right: 91px !important;
}

.pr-92px {
    padding-right: 92px !important;
}

.pr-93px {
    padding-right: 93px !important;
}

.pr-94px {
    padding-right: 94px !important;
}

.pr-95px {
    padding-right: 95px !important;
}

.pr-96px {
    padding-right: 96px !important;
}

.pr-97px {
    padding-right: 97px !important;
}

.pr-98px {
    padding-right: 98px !important;
}

.pr-99px {
    padding-right: 99px !important;
}

.pr-100px {
    padding-right: 100px !important;
}

/* Padding Bottom - 1px to 100px */
.pb-1px {
    padding-bottom: 1px !important;
}

.pb-2px {
    padding-bottom: 2px !important;
}

.pb-3px {
    padding-bottom: 3px !important;
}

.pb-4px {
    padding-bottom: 4px !important;
}

.pb-5px {
    padding-bottom: 5px !important;
}

.pb-6px {
    padding-bottom: 6px !important;
}

.pb-7px {
    padding-bottom: 7px !important;
}

.pb-8px {
    padding-bottom: 8px !important;
}

.pb-9px {
    padding-bottom: 9px !important;
}

.pb-10px {
    padding-bottom: 10px !important;
}

.pb-11px {
    padding-bottom: 11px !important;
}

.pb-12px {
    padding-bottom: 12px !important;
}

.pb-13px {
    padding-bottom: 13px !important;
}

.pb-14px {
    padding-bottom: 14px !important;
}

.pb-15px {
    padding-bottom: 15px !important;
}

.pb-16px {
    padding-bottom: 16px !important;
}

.pb-17px {
    padding-bottom: 17px !important;
}

.pb-18px {
    padding-bottom: 18px !important;
}

.pb-19px {
    padding-bottom: 19px !important;
}

.pb-20px {
    padding-bottom: 20px !important;
}

.pb-21px {
    padding-bottom: 21px !important;
}

.pb-22px {
    padding-bottom: 22px !important;
}

.pb-23px {
    padding-bottom: 23px !important;
}

.pb-24px {
    padding-bottom: 24px !important;
}

.pb-25px {
    padding-bottom: 25px !important;
}

.pb-26px {
    padding-bottom: 26px !important;
}

.pb-27px {
    padding-bottom: 27px !important;
}

.pb-28px {
    padding-bottom: 28px !important;
}

.pb-29px {
    padding-bottom: 29px !important;
}

.pb-30px {
    padding-bottom: 30px !important;
}

.pb-31px {
    padding-bottom: 31px !important;
}

.pb-32px {
    padding-bottom: 32px !important;
}

.pb-33px {
    padding-bottom: 33px !important;
}

.pb-34px {
    padding-bottom: 34px !important;
}

.pb-35px {
    padding-bottom: 35px !important;
}

.pb-36px {
    padding-bottom: 36px !important;
}

.pb-37px {
    padding-bottom: 37px !important;
}

.pb-38px {
    padding-bottom: 38px !important;
}

.pb-39px {
    padding-bottom: 39px !important;
}

.pb-40px {
    padding-bottom: 40px !important;
}

.pb-41px {
    padding-bottom: 41px !important;
}

.pb-42px {
    padding-bottom: 42px !important;
}

.pb-43px {
    padding-bottom: 43px !important;
}

.pb-44px {
    padding-bottom: 44px !important;
}

.pb-45px {
    padding-bottom: 45px !important;
}

.pb-46px {
    padding-bottom: 46px !important;
}

.pb-47px {
    padding-bottom: 47px !important;
}

.pb-48px {
    padding-bottom: 48px !important;
}

.pb-49px {
    padding-bottom: 49px !important;
}

.pb-50px {
    padding-bottom: 50px !important;
}

.pb-51px {
    padding-bottom: 51px !important;
}

.pb-52px {
    padding-bottom: 52px !important;
}

.pb-53px {
    padding-bottom: 53px !important;
}

.pb-54px {
    padding-bottom: 54px !important;
}

.pb-55px {
    padding-bottom: 55px !important;
}

.pb-56px {
    padding-bottom: 56px !important;
}

.pb-57px {
    padding-bottom: 57px !important;
}

.pb-58px {
    padding-bottom: 58px !important;
}

.pb-59px {
    padding-bottom: 59px !important;
}

.pb-60px {
    padding-bottom: 60px !important;
}

.pb-61px {
    padding-bottom: 61px !important;
}

.pb-62px {
    padding-bottom: 62px !important;
}

.pb-63px {
    padding-bottom: 63px !important;
}

.pb-64px {
    padding-bottom: 64px !important;
}

.pb-65px {
    padding-bottom: 65px !important;
}

.pb-66px {
    padding-bottom: 66px !important;
}

.pb-67px {
    padding-bottom: 67px !important;
}

.pb-68px {
    padding-bottom: 68px !important;
}

.pb-69px {
    padding-bottom: 69px !important;
}

.pb-70px {
    padding-bottom: 70px !important;
}

.pb-71px {
    padding-bottom: 71px !important;
}

.pb-72px {
    padding-bottom: 72px !important;
}

.pb-73px {
    padding-bottom: 73px !important;
}

.pb-74px {
    padding-bottom: 74px !important;
}

.pb-75px {
    padding-bottom: 75px !important;
}

.pb-76px {
    padding-bottom: 76px !important;
}

.pb-77px {
    padding-bottom: 77px !important;
}

.pb-78px {
    padding-bottom: 78px !important;
}

.pb-79px {
    padding-bottom: 79px !important;
}

.pb-80px {
    padding-bottom: 80px !important;
}

.pb-81px {
    padding-bottom: 81px !important;
}

.pb-82px {
    padding-bottom: 82px !important;
}

.pb-83px {
    padding-bottom: 83px !important;
}

.pb-84px {
    padding-bottom: 84px !important;
}

.pb-85px {
    padding-bottom: 85px !important;
}

.pb-86px {
    padding-bottom: 86px !important;
}

.pb-87px {
    padding-bottom: 87px !important;
}

.pb-88px {
    padding-bottom: 88px !important;
}

.pb-89px {
    padding-bottom: 89px !important;
}

.pb-90px {
    padding-bottom: 90px !important;
}

.pb-91px {
    padding-bottom: 91px !important;
}

.pb-92px {
    padding-bottom: 92px !important;
}

.pb-93px {
    padding-bottom: 93px !important;
}

.pb-94px {
    padding-bottom: 94px !important;
}

.pb-95px {
    padding-bottom: 95px !important;
}

.pb-96px {
    padding-bottom: 96px !important;
}

.pb-97px {
    padding-bottom: 97px !important;
}

.pb-98px {
    padding-bottom: 98px !important;
}

.pb-99px {
    padding-bottom: 99px !important;
}

.pb-100px {
    padding-bottom: 100px !important;
}

/* Padding Left - 1px to 100px */
.pl-1px {
    padding-left: 1px !important;
}

.pl-2px {
    padding-left: 2px !important;
}

.pl-3px {
    padding-left: 3px !important;
}

.pl-4px {
    padding-left: 4px !important;
}

.pl-5px {
    padding-left: 5px !important;
}

.pl-6px {
    padding-left: 6px !important;
}

.pl-7px {
    padding-left: 7px !important;
}

.pl-8px {
    padding-left: 8px !important;
}

.pl-9px {
    padding-left: 9px !important;
}

.pl-10px {
    padding-left: 10px !important;
}

.pl-11px {
    padding-left: 11px !important;
}

.pl-12px {
    padding-left: 12px !important;
}

.pl-13px {
    padding-left: 13px !important;
}

.pl-14px {
    padding-left: 14px !important;
}

.pl-15px {
    padding-left: 15px !important;
}

.pl-16px {
    padding-left: 16px !important;
}

.pl-17px {
    padding-left: 17px !important;
}

.pl-18px {
    padding-left: 18px !important;
}

.pl-19px {
    padding-left: 19px !important;
}

.pl-20px {
    padding-left: 20px !important;
}

.pl-21px {
    padding-left: 21px !important;
}

.pl-22px {
    padding-left: 22px !important;
}

.pl-23px {
    padding-left: 23px !important;
}

.pl-24px {
    padding-left: 24px !important;
}

.pl-25px {
    padding-left: 25px !important;
}

.pl-26px {
    padding-left: 26px !important;
}

.pl-27px {
    padding-left: 27px !important;
}

.pl-28px {
    padding-left: 28px !important;
}

.pl-29px {
    padding-left: 29px !important;
}

.pl-30px {
    padding-left: 30px !important;
}

.pl-31px {
    padding-left: 31px !important;
}

.pl-32px {
    padding-left: 32px !important;
}

.pl-33px {
    padding-left: 33px !important;
}

.pl-34px {
    padding-left: 34px !important;
}

.pl-35px {
    padding-left: 35px !important;
}

.pl-36px {
    padding-left: 36px !important;
}

.pl-37px {
    padding-left: 37px !important;
}

.pl-38px {
    padding-left: 38px !important;
}

.pl-39px {
    padding-left: 39px !important;
}

.pl-40px {
    padding-left: 40px !important;
}

.pl-41px {
    padding-left: 41px !important;
}

.pl-42px {
    padding-left: 42px !important;
}

.pl-43px {
    padding-left: 43px !important;
}

.pl-44px {
    padding-left: 44px !important;
}

.pl-45px {
    padding-left: 45px !important;
}

.pl-46px {
    padding-left: 46px !important;
}

.pl-47px {
    padding-left: 47px !important;
}

.pl-48px {
    padding-left: 48px !important;
}

.pl-49px {
    padding-left: 49px !important;
}

.pl-50px {
    padding-left: 50px !important;
}

.pl-51px {
    padding-left: 51px !important;
}

.pl-52px {
    padding-left: 52px !important;
}

.pl-53px {
    padding-left: 53px !important;
}

.pl-54px {
    padding-left: 54px !important;
}

.pl-55px {
    padding-left: 55px !important;
}

.pl-56px {
    padding-left: 56px !important;
}

.pl-57px {
    padding-left: 57px !important;
}

.pl-58px {
    padding-left: 58px !important;
}

.pl-59px {
    padding-left: 59px !important;
}

.pl-60px {
    padding-left: 60px !important;
}

.pl-61px {
    padding-left: 61px !important;
}

.pl-62px {
    padding-left: 62px !important;
}

.pl-63px {
    padding-left: 63px !important;
}

.pl-64px {
    padding-left: 64px !important;
}

.pl-65px {
    padding-left: 65px !important;
}

.pl-66px {
    padding-left: 66px !important;
}

.pl-67px {
    padding-left: 67px !important;
}

.pl-68px {
    padding-left: 68px !important;
}

.pl-69px {
    padding-left: 69px !important;
}

.pl-70px {
    padding-left: 70px !important;
}

.pl-71px {
    padding-left: 71px !important;
}

.pl-72px {
    padding-left: 72px !important;
}

.pl-73px {
    padding-left: 73px !important;
}

.pl-74px {
    padding-left: 74px !important;
}

.pl-75px {
    padding-left: 75px !important;
}

.pl-76px {
    padding-left: 76px !important;
}

.pl-77px {
    padding-left: 77px !important;
}

.pl-78px {
    padding-left: 78px !important;
}

.pl-79px {
    padding-left: 79px !important;
}

.pl-80px {
    padding-left: 80px !important;
}

.pl-81px {
    padding-left: 81px !important;
}

.pl-82px {
    padding-left: 82px !important;
}

.pl-83px {
    padding-left: 83px !important;
}

.pl-84px {
    padding-left: 84px !important;
}

.pl-85px {
    padding-left: 85px !important;
}

.pl-86px {
    padding-left: 86px !important;
}

.pl-87px {
    padding-left: 87px !important;
}

.pl-88px {
    padding-left: 88px !important;
}

.pl-89px {
    padding-left: 89px !important;
}

.pl-90px {
    padding-left: 90px !important;
}

.pl-91px {
    padding-left: 91px !important;
}

.pl-92px {
    padding-left: 92px !important;
}

.pl-93px {
    padding-left: 93px !important;
}

.pl-94px {
    padding-left: 94px !important;
}

.pl-95px {
    padding-left: 95px !important;
}

.pl-96px {
    padding-left: 96px !important;
}

.pl-97px {
    padding-left: 97px !important;
}

.pl-98px {
    padding-left: 98px !important;
}

.pl-99px {
    padding-left: 99px !important;
}

.pl-100px {
    padding-left: 100px !important;
}
/* =========================== Padding =====================================*/


/* =========================== Margin =====================================*/

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

/* Margin All Sides - 1px to 100px */
.ma-1px {
    margin: 1px !important;
}

.ma-2px {
    margin: 2px !important;
}

.ma-3px {
    margin: 3px !important;
}

.ma-4px {
    margin: 4px !important;
}

.ma-5px {
    margin: 5px !important;
}

.ma-6px {
    margin: 6px !important;
}

.ma-7px {
    margin: 7px !important;
}

.ma-8px {
    margin: 8px !important;
}

.ma-9px {
    margin: 9px !important;
}

.ma-10px {
    margin: 10px !important;
}

.ma-11px {
    margin: 11px !important;
}

.ma-12px {
    margin: 12px !important;
}

.ma-13px {
    margin: 13px !important;
}

.ma-14px {
    margin: 14px !important;
}

.ma-15px {
    margin: 15px !important;
}

.ma-16px {
    margin: 16px !important;
}

.ma-17px {
    margin: 17px !important;
}

.ma-18px {
    margin: 18px !important;
}

.ma-19px {
    margin: 19px !important;
}

.ma-20px {
    margin: 20px !important;
}

.ma-21px {
    margin: 21px !important;
}

.ma-22px {
    margin: 22px !important;
}

.ma-23px {
    margin: 23px !important;
}

.ma-24px {
    margin: 24px !important;
}

.ma-25px {
    margin: 25px !important;
}

.ma-26px {
    margin: 26px !important;
}

.ma-27px {
    margin: 27px !important;
}

.ma-28px {
    margin: 28px !important;
}

.ma-29px {
    margin: 29px !important;
}

.ma-30px {
    margin: 30px !important;
}

.ma-31px {
    margin: 31px !important;
}

.ma-32px {
    margin: 32px !important;
}

.ma-33px {
    margin: 33px !important;
}

.ma-34px {
    margin: 34px !important;
}

.ma-35px {
    margin: 35px !important;
}

.ma-36px {
    margin: 36px !important;
}

.ma-37px {
    margin: 37px !important;
}

.ma-38px {
    margin: 38px !important;
}

.ma-39px {
    margin: 39px !important;
}

.ma-40px {
    margin: 40px !important;
}

.ma-41px {
    margin: 41px !important;
}

.ma-42px {
    margin: 42px !important;
}

.ma-43px {
    margin: 43px !important;
}

.ma-44px {
    margin: 44px !important;
}

.ma-45px {
    margin: 45px !important;
}

.ma-46px {
    margin: 46px !important;
}

.ma-47px {
    margin: 47px !important;
}

.ma-48px {
    margin: 48px !important;
}

.ma-49px {
    margin: 49px !important;
}

.ma-50px {
    margin: 50px !important;
}

.ma-51px {
    margin: 51px !important;
}

.ma-52px {
    margin: 52px !important;
}

.ma-53px {
    margin: 53px !important;
}

.ma-54px {
    margin: 54px !important;
}

.ma-55px {
    margin: 55px !important;
}

.ma-56px {
    margin: 56px !important;
}

.ma-57px {
    margin: 57px !important;
}

.ma-58px {
    margin: 58px !important;
}

.ma-59px {
    margin: 59px !important;
}

.ma-60px {
    margin: 60px !important;
}

.ma-61px {
    margin: 61px !important;
}

.ma-62px {
    margin: 62px !important;
}

.ma-63px {
    margin: 63px !important;
}

.ma-64px {
    margin: 64px !important;
}

.ma-65px {
    margin: 65px !important;
}

.ma-66px {
    margin: 66px !important;
}

.ma-67px {
    margin: 67px !important;
}

.ma-68px {
    margin: 68px !important;
}

.ma-69px {
    margin: 69px !important;
}

.ma-70px {
    margin: 70px !important;
}

.ma-71px {
    margin: 71px !important;
}

.ma-72px {
    margin: 72px !important;
}

.ma-73px {
    margin: 73px !important;
}

.ma-74px {
    margin: 74px !important;
}

.ma-75px {
    margin: 75px !important;
}

.ma-76px {
    margin: 76px !important;
}

.ma-77px {
    margin: 77px !important;
}

.ma-78px {
    margin: 78px !important;
}

.ma-79px {
    margin: 79px !important;
}

.ma-80px {
    margin: 80px !important;
}

.ma-81px {
    margin: 81px !important;
}

.ma-82px {
    margin: 82px !important;
}

.ma-83px {
    margin: 83px !important;
}

.ma-84px {
    margin: 84px !important;
}

.ma-85px {
    margin: 85px !important;
}

.ma-86px {
    margin: 86px !important;
}

.ma-87px {
    margin: 87px !important;
}

.ma-88px {
    margin: 88px !important;
}

.ma-89px {
    margin: 89px !important;
}

.ma-90px {
    margin: 90px !important;
}

.ma-91px {
    margin: 91px !important;
}

.ma-92px {
    margin: 92px !important;
}

.ma-93px {
    margin: 93px !important;
}

.ma-94px {
    margin: 94px !important;
}

.ma-95px {
    margin: 95px !important;
}

.ma-96px {
    margin: 96px !important;
}

.ma-97px {
    margin: 97px !important;
}

.ma-98px {
    margin: 98px !important;
}

.ma-99px {
    margin: 99px !important;
}

.ma-100px {
    margin: 100px !important;
}

/* Margin Top - 1px to 100px */
.mt-1px {
    margin-top: 1px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Margin Right - 1px to 100px */
.mr-1px {
    margin-right: 1px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Margin Bottom - 1px to 100px */
.mb-1px {
    margin-bottom: 1px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Margin Left - 1px to 100px */
.ml-1px {
    margin-left: 1px !important;
}

.ml-2px {
    margin-left: 2px !important;
}

.ml-3px {
    margin-left: 3px !important;
}

.ml-4px {
    margin-left: 4px !important;
}

.ml-5px {
    margin-left: 5px !important;
}

.ml-6px {
    margin-left: 6px !important;
}

.ml-7px {
    margin-left: 7px !important;
}

.ml-8px {
    margin-left: 8px !important;
}

.ml-9px {
    margin-left: 9px !important;
}

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

.ml-11px {
    margin-left: 11px !important;
}

.ml-12px {
    margin-left: 12px !important;
}

.ml-13px {
    margin-left: 13px !important;
}

.ml-14px {
    margin-left: 14px !important;
}

.ml-15px {
    margin-left: 15px !important;
}

.ml-16px {
    margin-left: 16px !important;
}

.ml-17px {
    margin-left: 17px !important;
}

.ml-18px {
    margin-left: 18px !important;
}

.ml-19px {
    margin-left: 19px !important;
}

.ml-20px {
    margin-left: 20px !important;
}

.ml-21px {
    margin-left: 21px !important;
}

.ml-22px {
    margin-left: 22px !important;
}

.ml-23px {
    margin-left: 23px !important;
}

.ml-24px {
    margin-left: 24px !important;
}

.ml-25px {
    margin-left: 25px !important;
}

.ml-26px {
    margin-left: 26px !important;
}

.ml-27px {
    margin-left: 27px !important;
}

.ml-28px {
    margin-left: 28px !important;
}

.ml-29px {
    margin-left: 29px !important;
}

.ml-30px {
    margin-left: 30px !important;
}

.ml-31px {
    margin-left: 31px !important;
}

.ml-32px {
    margin-left: 32px !important;
}

.ml-33px {
    margin-left: 33px !important;
}

.ml-34px {
    margin-left: 34px !important;
}

.ml-35px {
    margin-left: 35px !important;
}

.ml-36px {
    margin-left: 36px !important;
}

.ml-37px {
    margin-left: 37px !important;
}

.ml-38px {
    margin-left: 38px !important;
}

.ml-39px {
    margin-left: 39px !important;
}

.ml-40px {
    margin-left: 40px !important;
}

.ml-41px {
    margin-left: 41px !important;
}

.ml-42px {
    margin-left: 42px !important;
}

.ml-43px {
    margin-left: 43px !important;
}

.ml-44px {
    margin-left: 44px !important;
}

.ml-45px {
    margin-left: 45px !important;
}

.ml-46px {
    margin-left: 46px !important;
}

.ml-47px {
    margin-left: 47px !important;
}

.ml-48px {
    margin-left: 48px !important;
}

.ml-49px {
    margin-left: 49px !important;
}

.ml-50px {
    margin-left: 50px !important;
}

.ml-51px {
    margin-left: 51px !important;
}

.ml-52px {
    margin-left: 52px !important;
}

.ml-53px {
    margin-left: 53px !important;
}

.ml-54px {
    margin-left: 54px !important;
}

.ml-55px {
    margin-left: 55px !important;
}

.ml-56px {
    margin-left: 56px !important;
}

.ml-57px {
    margin-left: 57px !important;
}

.ml-58px {
    margin-left: 58px !important;
}

.ml-59px {
    margin-left: 59px !important;
}

.ml-60px {
    margin-left: 60px !important;
}

.ml-61px {
    margin-left: 61px !important;
}

.ml-62px {
    margin-left: 62px !important;
}

.ml-63px {
    margin-left: 63px !important;
}

.ml-64px {
    margin-left: 64px !important;
}

.ml-65px {
    margin-left: 65px !important;
}

.ml-66px {
    margin-left: 66px !important;
}

.ml-67px {
    margin-left: 67px !important;
}

.ml-68px {
    margin-left: 68px !important;
}

.ml-69px {
    margin-left: 69px !important;
}

.ml-70px {
    margin-left: 70px !important;
}

.ml-71px {
    margin-left: 71px !important;
}

.ml-72px {
    margin-left: 72px !important;
}

.ml-73px {
    margin-left: 73px !important;
}

.ml-74px {
    margin-left: 74px !important;
}

.ml-75px {
    margin-left: 75px !important;
}

.ml-76px {
    margin-left: 76px !important;
}

.ml-77px {
    margin-left: 77px !important;
}

.ml-78px {
    margin-left: 78px !important;
}

.ml-79px {
    margin-left: 79px !important;
}

.ml-80px {
    margin-left: 80px !important;
}

.ml-81px {
    margin-left: 81px !important;
}

.ml-82px {
    margin-left: 82px !important;
}

.ml-83px {
    margin-left: 83px !important;
}

.ml-84px {
    margin-left: 84px !important;
}

.ml-85px {
    margin-left: 85px !important;
}

.ml-86px {
    margin-left: 86px !important;
}

.ml-87px {
    margin-left: 87px !important;
}

.ml-88px {
    margin-left: 88px !important;
}

.ml-89px {
    margin-left: 89px !important;
}

.ml-90px {
    margin-left: 90px !important;
}

.ml-91px {
    margin-left: 91px !important;
}

.ml-92px {
    margin-left: 92px !important;
}

.ml-93px {
    margin-left: 93px !important;
}

.ml-94px {
    margin-left: 94px !important;
}

.ml-95px {
    margin-left: 95px !important;
}

.ml-96px {
    margin-left: 96px !important;
}

.ml-97px {
    margin-left: 97px !important;
}

.ml-98px {
    margin-left: 98px !important;
}

.ml-99px {
    margin-left: 99px !important;
}

.ml-100px {
    margin-left: 100px !important;
}

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

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

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

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

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

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

/* =========================== Margin =====================================*/


.std-mud-input .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.87) !important;
}

.std-mud-input svg {
    color: rgba(255, 255, 255, 0.87) !important;
}


.ani-duration-1 {
    animation-duration: 1s !important;
}

.ani-duration-2 {
    animation-duration: 2s !important;
}

.clipPath-parallogram {
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

/* Transform Rotate Utilities - 5 to 360 degrees */
.rotate-5 {
    transform: rotate(5deg) !important;
}

.rotate-10 {
    transform: rotate(10deg) !important;
}

.rotate-15 {
    transform: rotate(15deg) !important;
}

.rotate-20 {
    transform: rotate(20deg) !important;
}

.rotate-25 {
    transform: rotate(25deg) !important;
}

.rotate-30 {
    transform: rotate(30deg) !important;
}

.rotate-35 {
    transform: rotate(35deg) !important;
}

.rotate-40 {
    transform: rotate(40deg) !important;
}

.rotate-45 {
    transform: rotate(45deg) !important;
}

.rotate-50 {
    transform: rotate(50deg) !important;
}

.rotate-55 {
    transform: rotate(55deg) !important;
}

.rotate-60 {
    transform: rotate(60deg) !important;
}

.rotate-65 {
    transform: rotate(65deg) !important;
}

.rotate-70 {
    transform: rotate(70deg) !important;
}

.rotate-75 {
    transform: rotate(75deg) !important;
}

.rotate-80 {
    transform: rotate(80deg) !important;
}

.rotate-85 {
    transform: rotate(85deg) !important;
}

.rotate-90 {
    transform: rotate(90deg) !important;
}

.rotate-95 {
    transform: rotate(95deg) !important;
}

.rotate-100 {
    transform: rotate(100deg) !important;
}

.rotate-105 {
    transform: rotate(105deg) !important;
}

.rotate-110 {
    transform: rotate(110deg) !important;
}

.rotate-115 {
    transform: rotate(115deg) !important;
}

.rotate-120 {
    transform: rotate(120deg) !important;
}

.rotate-125 {
    transform: rotate(125deg) !important;
}

.rotate-130 {
    transform: rotate(130deg) !important;
}

.rotate-135 {
    transform: rotate(135deg) !important;
}

.rotate-140 {
    transform: rotate(140deg) !important;
}

.rotate-145 {
    transform: rotate(145deg) !important;
}

.rotate-150 {
    transform: rotate(150deg) !important;
}

.rotate-155 {
    transform: rotate(155deg) !important;
}

.rotate-160 {
    transform: rotate(160deg) !important;
}

.rotate-165 {
    transform: rotate(165deg) !important;
}

.rotate-170 {
    transform: rotate(170deg) !important;
}

.rotate-175 {
    transform: rotate(175deg) !important;
}

.rotate-180 {
    transform: rotate(180deg) !important;
}

.rotate-185 {
    transform: rotate(185deg) !important;
}

.rotate-190 {
    transform: rotate(190deg) !important;
}

.rotate-195 {
    transform: rotate(195deg) !important;
}

.rotate-200 {
    transform: rotate(200deg) !important;
}

.rotate-205 {
    transform: rotate(205deg) !important;
}

.rotate-210 {
    transform: rotate(210deg) !important;
}

.rotate-215 {
    transform: rotate(215deg) !important;
}

.rotate-220 {
    transform: rotate(220deg) !important;
}

.rotate-225 {
    transform: rotate(225deg) !important;
}

.rotate-230 {
    transform: rotate(230deg) !important;
}

.rotate-235 {
    transform: rotate(235deg) !important;
}

.rotate-240 {
    transform: rotate(240deg) !important;
}

.rotate-245 {
    transform: rotate(245deg) !important;
}

.rotate-250 {
    transform: rotate(250deg) !important;
}

.rotate-255 {
    transform: rotate(255deg) !important;
}

.rotate-260 {
    transform: rotate(260deg) !important;
}

.rotate-265 {
    transform: rotate(265deg) !important;
}

.rotate-270 {
    transform: rotate(270deg) !important;
}

.rotate-275 {
    transform: rotate(275deg) !important;
}

.rotate-280 {
    transform: rotate(280deg) !important;
}

.rotate-285 {
    transform: rotate(285deg) !important;
}

.rotate-290 {
    transform: rotate(290deg) !important;
}

.rotate-295 {
    transform: rotate(295deg) !important;
}

.rotate-300 {
    transform: rotate(300deg) !important;
}

.rotate-305 {
    transform: rotate(305deg) !important;
}

.rotate-310 {
    transform: rotate(310deg) !important;
}

.rotate-315 {
    transform: rotate(315deg) !important;
}

.rotate-320 {
    transform: rotate(320deg) !important;
}

.rotate-325 {
    transform: rotate(325deg) !important;
}

.rotate-330 {
    transform: rotate(330deg) !important;
}

.rotate-335 {
    transform: rotate(335deg) !important;
}

.rotate-340 {
    transform: rotate(340deg) !important;
}

.rotate-345 {
    transform: rotate(345deg) !important;
}

.rotate-350 {
    transform: rotate(350deg) !important;
}

.rotate-355 {
    transform: rotate(355deg) !important;
}

.rotate-360 {
    transform: rotate(360deg) !important;
}

/* Gap Utilities - 5px to 100px (increments of 5) */
.gap-5px {
    gap: 5px !important;
}

.gap-10px {
    gap: 10px !important;
}

.gap-15px {
    gap: 15px !important;
}

.gap-20px {
    gap: 20px !important;
}

.gap-25px {
    gap: 25px !important;
}

.gap-30px {
    gap: 30px !important;
}

.gap-35px {
    gap: 35px !important;
}

.gap-40px {
    gap: 40px !important;
}

.gap-45px {
    gap: 45px !important;
}

.gap-50px {
    gap: 50px !important;
}

.gap-55px {
    gap: 55px !important;
}

.gap-60px {
    gap: 60px !important;
}

.gap-65px {
    gap: 65px !important;
}

.gap-70px {
    gap: 70px !important;
}

.gap-75px {
    gap: 75px !important;
}

.gap-80px {
    gap: 80px !important;
}

.gap-85px {
    gap: 85px !important;
}

.gap-90px {
    gap: 90px !important;
}

.gap-95px {
    gap: 95px !important;
}

.gap-100px {
    gap: 100px !important;
}

/* Row Gap Utilities - 5px to 100px */
.row-gap-5px {
    row-gap: 5px !important;
}

.row-gap-10px {
    row-gap: 10px !important;
}

.row-gap-15px {
    row-gap: 15px !important;
}

.row-gap-20px {
    row-gap: 20px !important;
}

.row-gap-25px {
    row-gap: 25px !important;
}

.row-gap-30px {
    row-gap: 30px !important;
}

.row-gap-35px {
    row-gap: 35px !important;
}

.row-gap-40px {
    row-gap: 40px !important;
}

.row-gap-45px {
    row-gap: 45px !important;
}

.row-gap-50px {
    row-gap: 50px !important;
}

.row-gap-55px {
    row-gap: 55px !important;
}

.row-gap-60px {
    row-gap: 60px !important;
}

.row-gap-65px {
    row-gap: 65px !important;
}

.row-gap-70px {
    row-gap: 70px !important;
}

.row-gap-75px {
    row-gap: 75px !important;
}

.row-gap-80px {
    row-gap: 80px !important;
}

.row-gap-85px {
    row-gap: 85px !important;
}

.row-gap-90px {
    row-gap: 90px !important;
}

.row-gap-95px {
    row-gap: 95px !important;
}

.row-gap-100px {
    row-gap: 100px !important;
}

/* Column Gap Utilities - 5px to 100px */
.col-gap-5px {
    column-gap: 5px !important;
}

.col-gap-10px {
    column-gap: 10px !important;
}

.col-gap-15px {
    column-gap: 15px !important;
}

.col-gap-20px {
    column-gap: 20px !important;
}

.col-gap-25px {
    column-gap: 25px !important;
}

.col-gap-30px {
    column-gap: 30px !important;
}

.col-gap-35px {
    column-gap: 35px !important;
}

.col-gap-40px {
    column-gap: 40px !important;
}

.col-gap-45px {
    column-gap: 45px !important;
}

.col-gap-50px {
    column-gap: 50px !important;
}

.col-gap-55px {
    column-gap: 55px !important;
}

.col-gap-60px {
    column-gap: 60px !important;
}

.col-gap-65px {
    column-gap: 65px !important;
}

.col-gap-70px {
    column-gap: 70px !important;
}

.col-gap-75px {
    column-gap: 75px !important;
}

.col-gap-80px {
    column-gap: 80px !important;
}

.col-gap-85px {
    column-gap: 85px !important;
}

.col-gap-90px {
    column-gap: 90px !important;
}

.col-gap-95px {
    column-gap: 95px !important;
}

.col-gap-100px {
    column-gap: 100px !important;
}

/* Position */
.top-50 {
    top: 50% !important;
}

.left-50 {
    left: 50% !important;
}

.translate-center {
    transform: translate(-50%, -50%) !important;
}

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

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

.object-fit-cover {
    object-fit: cover !important;
}

.object-fit-scale-down {
    object-fit: scale-down !important;
}

.wcal-full-m-100 {
    width: calc(100% - 100px) !important;
}

.br-15px {
    border-radius: 15px;
}

.object-fit-contain {
    object-fit: contain !important;
}

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

.cursor-pointer {
    cursor: pointer !important;
}

.grid {
    display: grid !important;
}

.bg-transparent {
    background: transparent !important;
}

.br-16px {
    border-radius: 16px !important;
}

.br-30px {
    border-radius: 30px !important;
}

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