.m-0 {
    margin: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

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

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

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

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

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

.mt-0 {
    margin-top:0 !important;
}

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

.mr-0 {
    margin-right:0 !important;
}

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

.ml-auto {
    margin-left: auto !important;
}

.ml-0 {
    margin-left:0 !important;
}

.ml-12 {
    margin-left:12px !important;
}

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

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

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

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

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

.pb-0 {
    padding-bottom:0 !important;
}

.pt-0 {
    padding-top:0 !important;
}

.pr-0 {
    padding-right:0 !important;
}

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

.pl-0 {
    padding-left:0 !important;
}

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

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

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

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

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

.position-relative {
    position:relative !important;
}

.position-absolute {
    position:absolute !important;
}

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

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

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

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

.text-orange {
   color: #f60 !important;
}

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

.w-0 {
    width:unset !important;
}

.gap-0 {
    gap:0 !important;
}

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

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

@media only screen and (max-width:550px) { 
    .mb-xs-10 {
        margin-bottom: 10px !important;
    }

    .gap-xs-0 {
        gap: 0 !important;
    }

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

    .ml-xs-0 {
        margin-left: 0 !important;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width:768px) {
    .d-md-block {
        display:block !important;
    }

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

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

    .mb-md-0{
        margin-bottom: 0 !important;
    }

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

    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

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

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

    .ml-md-0 {
        margin-left:0 !important;
    }

    .ml-md-16 {
        margin-left: 16px !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }

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

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

    .gap-md-0 {
        gap: 0 !important;
    }

    .border-md-none { 
        border: 0 !important;
    }

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

@media only screen and (max-width:992px) {
    .d-lg-block {
        display:block !important;
    }

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

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

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

}

@media only screen and (min-width:1200px) {
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

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