.footer .nav .nav-item.centerbutton .nav-link > span img {
    opacity: 1;
    width: 52px !important;
    height: 21px !important;
    vertical-align: middle;
}

.loader-wrap:after {
    background-color: #cdcdcd !important;
}
/* calculator */
.rounded-calc {
    border-radius: 10px !important;
}

.keypad button {
    flex: 1;
    aspect-ratio: 1 / 1;
}

/* notifi badge */
#toggle-notifications::after {
    display: none !important;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
/* qris-img */
.qris-img {
    width: 350px !important;
    height: 455px !important;
}

/* HELPER */
.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* Helper Margin */
.overflow-y-auto {
    overflow-y: auto !important;
}

.m-1px {
    margin: 1px !important;
}

.m-2px {
    margin: 2px !important;
}

.m-3px {
    margin: 3px !important;
}

.m-4px {
    margin: 4px !important;
}

.m-5px {
    margin: 5px !important;
}

.m-6px {
    margin: 6px !important;
}

.m-7px {
    margin: 7px !important;
}

.m-8px {
    margin: 8px !important;
}

.m-9px {
    margin: 9px !important;
}

.m-10px {
    margin: 10px !important;
}

.m-5px {
    margin: 5px !important;
}

.m-10px {
    margin: 10px !important;
}

.m-15px {
    margin: 15px !important;
}

.m-20px {
    margin: 20px !important;
}

.m-25px {
    margin: 25px !important;
}

.m-30px {
    margin: 30px !important;
}

.m-35px {
    margin: 35px !important;
}

.m-40px {
    margin: 40px !important;
}

.m-45px {
    margin: 45px !important;
}

.m-50px {
    margin: 50px !important;
}

.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-5px {
    margin-top: 5px !important;
}

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

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

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

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

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

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

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

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

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

.me-1px {
    margin-right: 1px !important;
}

.me-2px {
    margin-right: 2px !important;
}

.me-3px {
    margin-right: 3px !important;
}

.me-4px {
    margin-right: 4px !important;
}

.me-5px {
    margin-right: 5px !important;
}

.me-6px {
    margin-right: 6px !important;
}

.me-7px {
    margin-right: 7px !important;
}

.me-8px {
    margin-right: 8px !important;
}

.me-9px {
    margin-right: 9px !important;
}

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

.me-5px {
    margin-right: 5px !important;
}

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

.me-15px {
    margin-right: 15px !important;
}

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

.me-25px {
    margin-right: 25px !important;
}

.me-30px {
    margin-right: 30px !important;
}

.me-35px {
    margin-right: 35px !important;
}

.me-40px {
    margin-right: 40px !important;
}

.me-45px {
    margin-right: 45px !important;
}

.me-50px {
    margin-right: 50px !important;
}

.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-5px {
    margin-bottom: 5px !important;
}

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

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

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

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

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

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

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

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

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

.ms-1px {
    margin-left: 1px !important;
}

.ms-2px {
    margin-left: 2px !important;
}

.ms-3px {
    margin-left: 3px !important;
}

.ms-4px {
    margin-left: 4px !important;
}

.ms-5px {
    margin-left: 5px !important;
}

.ms-6px {
    margin-left: 6px !important;
}

.ms-7px {
    margin-left: 7px !important;
}

.ms-8px {
    margin-left: 8px !important;
}

.ms-9px {
    margin-left: 9px !important;
}

.ms-10px {
    margin-left: 10px !important;
}

.ms-5px {
    margin-left: 5px !important;
}

.ms-10px {
    margin-left: 10px !important;
}

.ms-15px {
    margin-left: 15px !important;
}

.ms-20px {
    margin-left: 20px !important;
}

.ms-25px {
    margin-left: 25px !important;
}

.ms-30px {
    margin-left: 30px !important;
}

.ms-35px {
    margin-left: 35px !important;
}

.ms-40px {
    margin-left: 40px !important;
}

.ms-45px {
    margin-left: 45px !important;
}

.ms-50px {
    margin-left: 50px !important;
}

.mx-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.mx-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.mx-3px {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.mx-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.mx-5px {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mx-6px {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.mx-7px {
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.mx-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mx-9px {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

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

.mx-5px {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

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

.mx-15px {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

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

.mx-25px {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mx-30px {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mx-35px {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.mx-40px {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mx-45px {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.mx-50px {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.my-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

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

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

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

.my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.my-6px {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

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

.my-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.my-9px {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

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

.my-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

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

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

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

.my-25px {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

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

.my-35px {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

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

.my-45px {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

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

/* Helper Padding */
.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-5px {
    padding: 5px !important;
}

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

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

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

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

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

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

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

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

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

.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-5px {
    padding-top: 5px !important;
}

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

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

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

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

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

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

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

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

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

.pe-1px {
    padding-right: 1px !important;
}

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

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

.pe-4px {
    padding-right: 4px !important;
}

.pe-5px {
    padding-right: 5px !important;
}

.pe-6px {
    padding-right: 6px !important;
}

.pe-7px {
    padding-right: 7px !important;
}

.pe-8px {
    padding-right: 8px !important;
}

.pe-9px {
    padding-right: 9px !important;
}

.pe-10px {
    padding-right: 10px !important;
}

.pe-5px {
    padding-right: 5px !important;
}

.pe-10px {
    padding-right: 10px !important;
}

.pe-15px {
    padding-right: 15px !important;
}

.pe-20px {
    padding-right: 20px !important;
}

.pe-25px {
    padding-right: 25px !important;
}

.pe-30px {
    padding-right: 30px !important;
}

.pe-35px {
    padding-right: 35px !important;
}

.pe-40px {
    padding-right: 40px !important;
}

.pe-45px {
    padding-right: 45px !important;
}

.pe-50px {
    padding-right: 50px !important;
}

.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-5px {
    padding-bottom: 5px !important;
}

.pb-10px {
    padding-bottom: 10px !important;
}

.pb-15px {
    padding-bottom: 15px !important;
}

.pb-20px {
    padding-bottom: 20px !important;
}

.pb-25px {
    padding-bottom: 25px !important;
}

.pb-30px {
    padding-bottom: 30px !important;
}

.pb-35px {
    padding-bottom: 35px !important;
}

.pb-40px {
    padding-bottom: 40px !important;
}

.pb-45px {
    padding-bottom: 45px !important;
}

.pb-50px {
    padding-bottom: 50px !important;
}

.ps-1px {
    padding-left: 1px !important;
}

.ps-2px {
    padding-left: 2px !important;
}

.ps-3px {
    padding-left: 3px !important;
}

.ps-4px {
    padding-left: 4px !important;
}

.ps-5px {
    padding-left: 5px !important;
}

.ps-6px {
    padding-left: 6px !important;
}

.ps-7px {
    padding-left: 7px !important;
}

.ps-8px {
    padding-left: 8px !important;
}

.ps-9px {
    padding-left: 9px !important;
}

.ps-10px {
    padding-left: 10px !important;
}

.ps-5px {
    padding-left: 5px !important;
}

.ps-10px {
    padding-left: 10px !important;
}

.ps-15px {
    padding-left: 15px !important;
}

.ps-20px {
    padding-left: 20px !important;
}

.ps-25px {
    padding-left: 25px !important;
}

.ps-30px {
    padding-left: 30px !important;
}

.ps-35px {
    padding-left: 35px !important;
}

.ps-40px {
    padding-left: 40px !important;
}

.ps-45px {
    padding-left: 45px !important;
}

.ps-50px {
    padding-left: 50px !important;
}

.px-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

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

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

.px-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.px-5px {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.px-6px {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.px-7px {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.px-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.px-9px {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.px-10px {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-5px {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.px-10px {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-15px {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px-25px {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.px-30px {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.px-35px {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.px-40px {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.px-45px {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.px-50px {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.py-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Helper Font */
.fs-1px {
    font-size: 1px !important;
}

.fs-2px {
    font-size: 2px !important;
}

.fs-3px {
    font-size: 3px !important;
}

.fs-4px {
    font-size: 4px !important;
}

.fs-5px {
    font-size: 5px !important;
}

.fs-6px {
    font-size: 6px !important;
}

.fs-7px {
    font-size: 7px !important;
}

.fs-8px {
    font-size: 8px !important;
}

.fs-9px {
    font-size: 9px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fs-40px {
    font-size: 40px !important;
}

.fs-41px {
    font-size: 41px !important;
}

.fs-42px {
    font-size: 42px !important;
}

.fs-43px {
    font-size: 43px !important;
}

.fs-44px {
    font-size: 44px !important;
}

.fs-45px {
    font-size: 45px !important;
}

.fs-46px {
    font-size: 46px !important;
}

.fs-47px {
    font-size: 47px !important;
}

.fs-48px {
    font-size: 48px !important;
}

.fs-49px {
    font-size: 49px !important;
}

.fs-50px {
    font-size: 50px !important;
}

.fs-51px {
    font-size: 51px !important;
}

.fs-52px {
    font-size: 52px !important;
}

.fs-53px {
    font-size: 53px !important;
}

.fs-54px {
    font-size: 54px !important;
}

.fs-55px {
    font-size: 55px !important;
}

.fs-56px {
    font-size: 56px !important;
}

.fs-57px {
    font-size: 57px !important;
}

.fs-58px {
    font-size: 58px !important;
}

.fs-59px {
    font-size: 59px !important;
}

.fs-60px {
    font-size: 60px !important;
}

.fs-61px {
    font-size: 61px !important;
}

.fs-62px {
    font-size: 62px !important;
}

.fs-63px {
    font-size: 63px !important;
}

.fs-64px {
    font-size: 64px !important;
}

.fs-65px {
    font-size: 65px !important;
}

.fs-66px {
    font-size: 66px !important;
}

.fs-67px {
    font-size: 67px !important;
}

.fs-68px {
    font-size: 68px !important;
}

.fs-69px {
    font-size: 69px !important;
}

.fs-70px {
    font-size: 70px !important;
}

.fs-71px {
    font-size: 71px !important;
}

.fs-72px {
    font-size: 72px !important;
}

.fs-73px {
    font-size: 73px !important;
}

.fs-74px {
    font-size: 74px !important;
}

.fs-75px {
    font-size: 75px !important;
}

.fs-76px {
    font-size: 76px !important;
}

.fs-77px {
    font-size: 77px !important;
}

.fs-78px {
    font-size: 78px !important;
}

.fs-79px {
    font-size: 79px !important;
}

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

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

/* width & height */

/* Helper Size */
.w-0px {
    width: 0px !important;
}

.w-xs-0px {
    width: 0px !important;
}

@media (min-width: 576px) {
    .w-sm-0px {
        width: 0px !important;
    }
}
@media (min-width: 768px) {
    .w-md-0px {
        width: 0px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-0px {
        width: 0px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-0px {
        width: 0px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-0px {
        width: 0px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-0px {
        width: 0px !important;
    }
}
.w-50px {
    width: 50px !important;
}

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

@media (min-width: 576px) {
    .w-sm-50px {
        width: 50px !important;
    }
}
@media (min-width: 768px) {
    .w-md-50px {
        width: 50px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-50px {
        width: 50px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-50px {
        width: 50px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-50px {
        width: 50px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-50px {
        width: 50px !important;
    }
}
.w-100px {
    width: 100px !important;
}

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

@media (min-width: 576px) {
    .w-sm-100px {
        width: 100px !important;
    }
}
@media (min-width: 768px) {
    .w-md-100px {
        width: 100px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-100px {
        width: 100px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-100px {
        width: 100px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-100px {
        width: 100px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-100px {
        width: 100px !important;
    }
}
.w-150px {
    width: 150px !important;
}

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

@media (min-width: 576px) {
    .w-sm-150px {
        width: 150px !important;
    }
}
@media (min-width: 768px) {
    .w-md-150px {
        width: 150px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-150px {
        width: 150px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-150px {
        width: 150px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-150px {
        width: 150px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-150px {
        width: 150px !important;
    }
}
.w-200px {
    width: 200px !important;
}

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

@media (min-width: 576px) {
    .w-sm-200px {
        width: 200px !important;
    }
}
@media (min-width: 768px) {
    .w-md-200px {
        width: 200px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-200px {
        width: 200px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-200px {
        width: 200px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-200px {
        width: 200px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-200px {
        width: 200px !important;
    }
}
.w-250px {
    width: 250px !important;
}

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

@media (min-width: 576px) {
    .w-sm-250px {
        width: 250px !important;
    }
}
@media (min-width: 768px) {
    .w-md-250px {
        width: 250px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-250px {
        width: 250px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-250px {
        width: 250px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-250px {
        width: 250px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-250px {
        width: 250px !important;
    }
}
.w-300px {
    width: 300px !important;
}

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

@media (min-width: 576px) {
    .w-sm-300px {
        width: 300px !important;
    }
}
@media (min-width: 768px) {
    .w-md-300px {
        width: 300px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-300px {
        width: 300px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-300px {
        width: 300px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-300px {
        width: 300px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-300px {
        width: 300px !important;
    }
}
.w-350px {
    width: 350px !important;
}

.w-xs-350px {
    width: 350px !important;
}

@media (min-width: 576px) {
    .w-sm-350px {
        width: 350px !important;
    }
}
@media (min-width: 768px) {
    .w-md-350px {
        width: 350px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-350px {
        width: 350px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-350px {
        width: 350px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-350px {
        width: 350px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-350px {
        width: 350px !important;
    }
}
.w-400px {
    width: 400px !important;
}

.w-xs-400px {
    width: 400px !important;
}

@media (min-width: 576px) {
    .w-sm-400px {
        width: 400px !important;
    }
}
@media (min-width: 768px) {
    .w-md-400px {
        width: 400px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-400px {
        width: 400px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-400px {
        width: 400px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-400px {
        width: 400px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-400px {
        width: 400px !important;
    }
}
.w-450px {
    width: 450px !important;
}

.w-xs-450px {
    width: 450px !important;
}

@media (min-width: 576px) {
    .w-sm-450px {
        width: 450px !important;
    }
}
@media (min-width: 768px) {
    .w-md-450px {
        width: 450px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-450px {
        width: 450px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-450px {
        width: 450px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-450px {
        width: 450px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-450px {
        width: 450px !important;
    }
}
.w-500px {
    width: 500px !important;
}

.w-xs-500px {
    width: 500px !important;
}

@media (min-width: 576px) {
    .w-sm-500px {
        width: 500px !important;
    }
}
@media (min-width: 768px) {
    .w-md-500px {
        width: 500px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-500px {
        width: 500px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-500px {
        width: 500px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-500px {
        width: 500px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-500px {
        width: 500px !important;
    }
}
.w-550px {
    width: 550px !important;
}

.w-xs-550px {
    width: 550px !important;
}

@media (min-width: 576px) {
    .w-sm-550px {
        width: 550px !important;
    }
}
@media (min-width: 768px) {
    .w-md-550px {
        width: 550px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-550px {
        width: 550px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-550px {
        width: 550px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-550px {
        width: 550px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-550px {
        width: 550px !important;
    }
}
.w-600px {
    width: 600px !important;
}

.w-xs-600px {
    width: 600px !important;
}

@media (min-width: 576px) {
    .w-sm-600px {
        width: 600px !important;
    }
}
@media (min-width: 768px) {
    .w-md-600px {
        width: 600px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-600px {
        width: 600px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-600px {
        width: 600px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-600px {
        width: 600px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-600px {
        width: 600px !important;
    }
}
.w-5px {
    width: 5px !important;
}

.w-xs-5px {
    width: 5px !important;
}

@media (min-width: 576px) {
    .w-sm-5px {
        width: 5px !important;
    }
}
@media (min-width: 768px) {
    .w-md-5px {
        width: 5px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-5px {
        width: 5px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-5px {
        width: 5px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-5px {
        width: 5px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-5px {
        width: 5px !important;
    }
}
.w-10px {
    width: 10px !important;
}

.w-xs-10px {
    width: 10px !important;
}

@media (min-width: 576px) {
    .w-sm-10px {
        width: 10px !important;
    }
}
@media (min-width: 768px) {
    .w-md-10px {
        width: 10px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-10px {
        width: 10px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-10px {
        width: 10px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-10px {
        width: 10px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-10px {
        width: 10px !important;
    }
}
.w-15px {
    width: 15px !important;
}

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

@media (min-width: 576px) {
    .w-sm-15px {
        width: 15px !important;
    }
}
@media (min-width: 768px) {
    .w-md-15px {
        width: 15px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-15px {
        width: 15px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-15px {
        width: 15px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-15px {
        width: 15px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-15px {
        width: 15px !important;
    }
}
.w-20px {
    width: 20px !important;
}

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

@media (min-width: 576px) {
    .w-sm-20px {
        width: 20px !important;
    }
}
@media (min-width: 768px) {
    .w-md-20px {
        width: 20px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-20px {
        width: 20px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-20px {
        width: 20px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-20px {
        width: 20px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-20px {
        width: 20px !important;
    }
}
.w-25px {
    width: 25px !important;
}

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

@media (min-width: 576px) {
    .w-sm-25px {
        width: 25px !important;
    }
}
@media (min-width: 768px) {
    .w-md-25px {
        width: 25px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-25px {
        width: 25px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-25px {
        width: 25px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-25px {
        width: 25px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-25px {
        width: 25px !important;
    }
}
.w-30px {
    width: 30px !important;
}

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

@media (min-width: 576px) {
    .w-sm-30px {
        width: 30px !important;
    }
}
@media (min-width: 768px) {
    .w-md-30px {
        width: 30px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-30px {
        width: 30px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-30px {
        width: 30px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-30px {
        width: 30px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-30px {
        width: 30px !important;
    }
}
.w-35px {
    width: 35px !important;
}

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

@media (min-width: 576px) {
    .w-sm-35px {
        width: 35px !important;
    }
}
@media (min-width: 768px) {
    .w-md-35px {
        width: 35px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-35px {
        width: 35px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-35px {
        width: 35px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-35px {
        width: 35px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-35px {
        width: 35px !important;
    }
}
.w-40px {
    width: 40px !important;
}

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

@media (min-width: 576px) {
    .w-sm-40px {
        width: 40px !important;
    }
}
@media (min-width: 768px) {
    .w-md-40px {
        width: 40px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-40px {
        width: 40px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-40px {
        width: 40px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-40px {
        width: 40px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-40px {
        width: 40px !important;
    }
}
.w-45px {
    width: 45px !important;
}

.w-xs-45px {
    width: 45px !important;
}

@media (min-width: 576px) {
    .w-sm-45px {
        width: 45px !important;
    }
}
@media (min-width: 768px) {
    .w-md-45px {
        width: 45px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-45px {
        width: 45px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-45px {
        width: 45px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-45px {
        width: 45px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-45px {
        width: 45px !important;
    }
}
.w-50px {
    width: 50px !important;
}

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

@media (min-width: 576px) {
    .w-sm-50px {
        width: 50px !important;
    }
}
@media (min-width: 768px) {
    .w-md-50px {
        width: 50px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-50px {
        width: 50px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-50px {
        width: 50px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-50px {
        width: 50px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-50px {
        width: 50px !important;
    }
}
.w-55px {
    width: 55px !important;
}

.w-xs-55px {
    width: 55px !important;
}

@media (min-width: 576px) {
    .w-sm-55px {
        width: 55px !important;
    }
}
@media (min-width: 768px) {
    .w-md-55px {
        width: 55px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-55px {
        width: 55px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-55px {
        width: 55px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-55px {
        width: 55px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-55px {
        width: 55px !important;
    }
}
.w-60px {
    width: 60px !important;
}

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

@media (min-width: 576px) {
    .w-sm-60px {
        width: 60px !important;
    }
}
@media (min-width: 768px) {
    .w-md-60px {
        width: 60px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-60px {
        width: 60px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-60px {
        width: 60px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-60px {
        width: 60px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-60px {
        width: 60px !important;
    }
}
.w-65px {
    width: 65px !important;
}

.w-xs-65px {
    width: 65px !important;
}

@media (min-width: 576px) {
    .w-sm-65px {
        width: 65px !important;
    }
}
@media (min-width: 768px) {
    .w-md-65px {
        width: 65px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-65px {
        width: 65px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-65px {
        width: 65px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-65px {
        width: 65px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-65px {
        width: 65px !important;
    }
}
.w-70px {
    width: 70px !important;
}

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

@media (min-width: 576px) {
    .w-sm-70px {
        width: 70px !important;
    }
}
@media (min-width: 768px) {
    .w-md-70px {
        width: 70px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-70px {
        width: 70px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-70px {
        width: 70px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-70px {
        width: 70px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-70px {
        width: 70px !important;
    }
}
.w-75px {
    width: 75px !important;
}

.w-xs-75px {
    width: 75px !important;
}

@media (min-width: 576px) {
    .w-sm-75px {
        width: 75px !important;
    }
}
@media (min-width: 768px) {
    .w-md-75px {
        width: 75px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-75px {
        width: 75px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-75px {
        width: 75px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-75px {
        width: 75px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-75px {
        width: 75px !important;
    }
}
.w-80px {
    width: 80px !important;
}

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

@media (min-width: 576px) {
    .w-sm-80px {
        width: 80px !important;
    }
}
@media (min-width: 768px) {
    .w-md-80px {
        width: 80px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-80px {
        width: 80px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-80px {
        width: 80px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-80px {
        width: 80px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-80px {
        width: 80px !important;
    }
}
.w-85px {
    width: 85px !important;
}

.w-xs-85px {
    width: 85px !important;
}

@media (min-width: 576px) {
    .w-sm-85px {
        width: 85px !important;
    }
}
@media (min-width: 768px) {
    .w-md-85px {
        width: 85px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-85px {
        width: 85px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-85px {
        width: 85px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-85px {
        width: 85px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-85px {
        width: 85px !important;
    }
}
.w-90px {
    width: 90px !important;
}

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

@media (min-width: 576px) {
    .w-sm-90px {
        width: 90px !important;
    }
}
@media (min-width: 768px) {
    .w-md-90px {
        width: 90px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-90px {
        width: 90px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-90px {
        width: 90px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-90px {
        width: 90px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-90px {
        width: 90px !important;
    }
}
.w-95px {
    width: 95px !important;
}

.w-xs-95px {
    width: 95px !important;
}

@media (min-width: 576px) {
    .w-sm-95px {
        width: 95px !important;
    }
}
@media (min-width: 768px) {
    .w-md-95px {
        width: 95px !important;
    }
}
@media (min-width: 992px) {
    .w-lg-95px {
        width: 95px !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-95px {
        width: 95px !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-95px {
        width: 95px !important;
    }
}
@media (min-width: 1800px) {
    .w-xxxl-95px {
        width: 95px !important;
    }
}
.h-0px {
    height: 0px !important;
}

.h-xs-0px {
    height: 0px !important;
}

@media (min-width: 576px) {
    .h-sm-0px {
        height: 0px !important;
    }
}
@media (min-width: 768px) {
    .h-md-0px {
        height: 0px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-0px {
        height: 0px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-0px {
        height: 0px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-0px {
        height: 0px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-0px {
        height: 0px !important;
    }
}
.h-50px {
    height: 50px !important;
}

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

@media (min-width: 576px) {
    .h-sm-50px {
        height: 50px !important;
    }
}
@media (min-width: 768px) {
    .h-md-50px {
        height: 50px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-50px {
        height: 50px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-50px {
        height: 50px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-50px {
        height: 50px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-50px {
        height: 50px !important;
    }
}
.h-100px {
    height: 100px !important;
}

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

@media (min-width: 576px) {
    .h-sm-100px {
        height: 100px !important;
    }
}
@media (min-width: 768px) {
    .h-md-100px {
        height: 100px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-100px {
        height: 100px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-100px {
        height: 100px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-100px {
        height: 100px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-100px {
        height: 100px !important;
    }
}
.h-150px {
    height: 150px !important;
}

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

@media (min-width: 576px) {
    .h-sm-150px {
        height: 150px !important;
    }
}
@media (min-width: 768px) {
    .h-md-150px {
        height: 150px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-150px {
        height: 150px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-150px {
        height: 150px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-150px {
        height: 150px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-150px {
        height: 150px !important;
    }
}
.h-200px {
    height: 200px !important;
}

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

@media (min-width: 576px) {
    .h-sm-200px {
        height: 200px !important;
    }
}
@media (min-width: 768px) {
    .h-md-200px {
        height: 200px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-200px {
        height: 200px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-200px {
        height: 200px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-200px {
        height: 200px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-200px {
        height: 200px !important;
    }
}
.h-250px {
    height: 250px !important;
}

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

@media (min-width: 576px) {
    .h-sm-250px {
        height: 250px !important;
    }
}
@media (min-width: 768px) {
    .h-md-250px {
        height: 250px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-250px {
        height: 250px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-250px {
        height: 250px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-250px {
        height: 250px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-250px {
        height: 250px !important;
    }
}
.h-300px {
    height: 300px !important;
}

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

@media (min-width: 576px) {
    .h-sm-300px {
        height: 300px !important;
    }
}
@media (min-width: 768px) {
    .h-md-300px {
        height: 300px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-300px {
        height: 300px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-300px {
        height: 300px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-300px {
        height: 300px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-300px {
        height: 300px !important;
    }
}
.h-350px {
    height: 350px !important;
}

.h-xs-350px {
    height: 350px !important;
}

@media (min-width: 576px) {
    .h-sm-350px {
        height: 350px !important;
    }
}
@media (min-width: 768px) {
    .h-md-350px {
        height: 350px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-350px {
        height: 350px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-350px {
        height: 350px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-350px {
        height: 350px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-350px {
        height: 350px !important;
    }
}
.h-400px {
    height: 400px !important;
}

.h-xs-400px {
    height: 400px !important;
}

@media (min-width: 576px) {
    .h-sm-400px {
        height: 400px !important;
    }
}
@media (min-width: 768px) {
    .h-md-400px {
        height: 400px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-400px {
        height: 400px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-400px {
        height: 400px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-400px {
        height: 400px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-400px {
        height: 400px !important;
    }
}
.h-450px {
    height: 450px !important;
}

.h-xs-450px {
    height: 450px !important;
}

@media (min-width: 576px) {
    .h-sm-450px {
        height: 450px !important;
    }
}
@media (min-width: 768px) {
    .h-md-450px {
        height: 450px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-450px {
        height: 450px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-450px {
        height: 450px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-450px {
        height: 450px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-450px {
        height: 450px !important;
    }
}
.h-500px {
    height: 500px !important;
}

.h-xs-500px {
    height: 500px !important;
}

@media (min-width: 576px) {
    .h-sm-500px {
        height: 500px !important;
    }
}
@media (min-width: 768px) {
    .h-md-500px {
        height: 500px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-500px {
        height: 500px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-500px {
        height: 500px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-500px {
        height: 500px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-500px {
        height: 500px !important;
    }
}
.h-550px {
    height: 550px !important;
}

.h-xs-550px {
    height: 550px !important;
}

@media (min-width: 576px) {
    .h-sm-550px {
        height: 550px !important;
    }
}
@media (min-width: 768px) {
    .h-md-550px {
        height: 550px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-550px {
        height: 550px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-550px {
        height: 550px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-550px {
        height: 550px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-550px {
        height: 550px !important;
    }
}
.h-600px {
    height: 600px !important;
}

.h-xs-600px {
    height: 600px !important;
}

@media (min-width: 576px) {
    .h-sm-600px {
        height: 600px !important;
    }
}
@media (min-width: 768px) {
    .h-md-600px {
        height: 600px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-600px {
        height: 600px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-600px {
        height: 600px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-600px {
        height: 600px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-600px {
        height: 600px !important;
    }
}
.h-5px {
    height: 5px !important;
}

.h-xs-5px {
    height: 5px !important;
}

@media (min-width: 576px) {
    .h-sm-5px {
        height: 5px !important;
    }
}
@media (min-width: 768px) {
    .h-md-5px {
        height: 5px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-5px {
        height: 5px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-5px {
        height: 5px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-5px {
        height: 5px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-5px {
        height: 5px !important;
    }
}
.h-10px {
    height: 10px !important;
}

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

@media (min-width: 576px) {
    .h-sm-10px {
        height: 10px !important;
    }
}
@media (min-width: 768px) {
    .h-md-10px {
        height: 10px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-10px {
        height: 10px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-10px {
        height: 10px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-10px {
        height: 10px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-10px {
        height: 10px !important;
    }
}
.h-15px {
    height: 15px !important;
}

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

@media (min-width: 576px) {
    .h-sm-15px {
        height: 15px !important;
    }
}
@media (min-width: 768px) {
    .h-md-15px {
        height: 15px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-15px {
        height: 15px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-15px {
        height: 15px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-15px {
        height: 15px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-15px {
        height: 15px !important;
    }
}
.h-20px {
    height: 20px !important;
}

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

@media (min-width: 576px) {
    .h-sm-20px {
        height: 20px !important;
    }
}
@media (min-width: 768px) {
    .h-md-20px {
        height: 20px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-20px {
        height: 20px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-20px {
        height: 20px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-20px {
        height: 20px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-20px {
        height: 20px !important;
    }
}
.h-25px {
    height: 25px !important;
}

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

@media (min-width: 576px) {
    .h-sm-25px {
        height: 25px !important;
    }
}
@media (min-width: 768px) {
    .h-md-25px {
        height: 25px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-25px {
        height: 25px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-25px {
        height: 25px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-25px {
        height: 25px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-25px {
        height: 25px !important;
    }
}
.h-30px {
    height: 30px !important;
}

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

@media (min-width: 576px) {
    .h-sm-30px {
        height: 30px !important;
    }
}
@media (min-width: 768px) {
    .h-md-30px {
        height: 30px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-30px {
        height: 30px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-30px {
        height: 30px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-30px {
        height: 30px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-30px {
        height: 30px !important;
    }
}
.h-35px {
    height: 35px !important;
}

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

@media (min-width: 576px) {
    .h-sm-35px {
        height: 35px !important;
    }
}
@media (min-width: 768px) {
    .h-md-35px {
        height: 35px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-35px {
        height: 35px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-35px {
        height: 35px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-35px {
        height: 35px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-35px {
        height: 35px !important;
    }
}
.h-40px {
    height: 40px !important;
}

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

@media (min-width: 576px) {
    .h-sm-40px {
        height: 40px !important;
    }
}
@media (min-width: 768px) {
    .h-md-40px {
        height: 40px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-40px {
        height: 40px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-40px {
        height: 40px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-40px {
        height: 40px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-40px {
        height: 40px !important;
    }
}
.h-45px {
    height: 45px !important;
}

.h-xs-45px {
    height: 45px !important;
}

@media (min-width: 576px) {
    .h-sm-45px {
        height: 45px !important;
    }
}
@media (min-width: 768px) {
    .h-md-45px {
        height: 45px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-45px {
        height: 45px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-45px {
        height: 45px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-45px {
        height: 45px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-45px {
        height: 45px !important;
    }
}
.h-50px {
    height: 50px !important;
}

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

@media (min-width: 576px) {
    .h-sm-50px {
        height: 50px !important;
    }
}
@media (min-width: 768px) {
    .h-md-50px {
        height: 50px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-50px {
        height: 50px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-50px {
        height: 50px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-50px {
        height: 50px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-50px {
        height: 50px !important;
    }
}
.h-55px {
    height: 55px !important;
}

.h-xs-55px {
    height: 55px !important;
}

@media (min-width: 576px) {
    .h-sm-55px {
        height: 55px !important;
    }
}
@media (min-width: 768px) {
    .h-md-55px {
        height: 55px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-55px {
        height: 55px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-55px {
        height: 55px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-55px {
        height: 55px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-55px {
        height: 55px !important;
    }
}
.h-60px {
    height: 60px !important;
}

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

@media (min-width: 576px) {
    .h-sm-60px {
        height: 60px !important;
    }
}
@media (min-width: 768px) {
    .h-md-60px {
        height: 60px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-60px {
        height: 60px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-60px {
        height: 60px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-60px {
        height: 60px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-60px {
        height: 60px !important;
    }
}
.h-65px {
    height: 65px !important;
}

.h-xs-65px {
    height: 65px !important;
}

@media (min-width: 576px) {
    .h-sm-65px {
        height: 65px !important;
    }
}
@media (min-width: 768px) {
    .h-md-65px {
        height: 65px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-65px {
        height: 65px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-65px {
        height: 65px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-65px {
        height: 65px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-65px {
        height: 65px !important;
    }
}
.h-70px {
    height: 70px !important;
}

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

@media (min-width: 576px) {
    .h-sm-70px {
        height: 70px !important;
    }
}
@media (min-width: 768px) {
    .h-md-70px {
        height: 70px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-70px {
        height: 70px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-70px {
        height: 70px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-70px {
        height: 70px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-70px {
        height: 70px !important;
    }
}
.h-75px {
    height: 75px !important;
}

.h-xs-75px {
    height: 75px !important;
}

@media (min-width: 576px) {
    .h-sm-75px {
        height: 75px !important;
    }
}
@media (min-width: 768px) {
    .h-md-75px {
        height: 75px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-75px {
        height: 75px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-75px {
        height: 75px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-75px {
        height: 75px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-75px {
        height: 75px !important;
    }
}
.h-80px {
    height: 80px !important;
}

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

@media (min-width: 576px) {
    .h-sm-80px {
        height: 80px !important;
    }
}
@media (min-width: 768px) {
    .h-md-80px {
        height: 80px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-80px {
        height: 80px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-80px {
        height: 80px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-80px {
        height: 80px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-80px {
        height: 80px !important;
    }
}
.h-85px {
    height: 85px !important;
}

.h-xs-85px {
    height: 85px !important;
}

@media (min-width: 576px) {
    .h-sm-85px {
        height: 85px !important;
    }
}
@media (min-width: 768px) {
    .h-md-85px {
        height: 85px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-85px {
        height: 85px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-85px {
        height: 85px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-85px {
        height: 85px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-85px {
        height: 85px !important;
    }
}
.h-90px {
    height: 90px !important;
}

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

@media (min-width: 576px) {
    .h-sm-90px {
        height: 90px !important;
    }
}
@media (min-width: 768px) {
    .h-md-90px {
        height: 90px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-90px {
        height: 90px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-90px {
        height: 90px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-90px {
        height: 90px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-90px {
        height: 90px !important;
    }
}
.h-95px {
    height: 95px !important;
}

.h-xs-95px {
    height: 95px !important;
}

@media (min-width: 576px) {
    .h-sm-95px {
        height: 95px !important;
    }
}
@media (min-width: 768px) {
    .h-md-95px {
        height: 95px !important;
    }
}
@media (min-width: 992px) {
    .h-lg-95px {
        height: 95px !important;
    }
}
@media (min-width: 1200px) {
    .h-xl-95px {
        height: 95px !important;
    }
}
@media (min-width: 1400px) {
    .h-xxl-95px {
        height: 95px !important;
    }
}
@media (min-width: 1800px) {
    .h-xxxl-95px {
        height: 95px !important;
    }
}
.mh-100vh {
    max-height: 100vh !important;
}

/* ./HELPER */

.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.text-justify {
    text-align: justify !important;
}

/* custome modification */
.header:after {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.notif-btn {
    position: fixed;
    top: 2px;
    right: 2px;
}
.notif-btn button {
    background-color: rgba(255, 255, 255, 0.444);
}

.header.active > .notif-btn {
    position: absolute !important;
}