.todays-rate {
    color:var(--mal-dark-gray);
    font-family: Lexend-Regular, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.47px;
    line-height: 18px;
    text-align: right;
}

@media (min-width: 576px) {
    .todays-rate {
        font-size: 20px;
        line-height: 24px;
    }
}

.text-CATA {
    color: var(--mal-orange);
    font-family: Lexend-Regular, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.93px;
    line-height: 14px;
}


.percentage-text {
    color: var(--mal-teal);
    font-family: Lexend-Regular, Arial, sans-serif;
    font-size: 36px;
    letter-spacing: 0;
    line-height: 48px;
    min-width: 120px;
}

@media (min-width: 576px) {
    .percentage-text {
        font-size: 48px;
    }
}

.widget-title {
    color: var(--mal-dark-gray);
    font-family: Lexend-SemiBold, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    text-align: left;
}

.widget-text {
    color: var(--mal-dark-gray);
    font-family: Lexend-Regular, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px;
    text-align: left;
}

.drawer-title {
    color: var(--mal-dark-gray);
    font-family: Lexend-SemiBold, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.ad-header {
    font-family: 'Lexend-Regular', Arial, sans-serif;
    font-size: 28px;
    color: var(--mal-orange);
}

.btn-mal-custom {
    color: teal;
    border: 1px solid teal;
    border-radius: 6px;
    text-decoration: none;
    padding: 8px;
}

@media (min-width: 992px) {
    .border-bottom-lg {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}

@media (max-width: 991px) {
    .border-bottom-header-mobile {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}

/* CONTACT FORM CSS */
.form-label-main {
    font-family: 'Lexend-Light', Arial, sans-serif;
    color: var(--mal-dark-gray);
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0;
    text-transform: uppercase;
}
.form-label-sub {
    font-family: 'Lexend-Regular', Arial, sans-serif;
    color: var(--mal-dark-gray);
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize;
}
.form-input, .form-input-textarea {
    box-sizing: border-box;
    height: 40px;
    width: 90%;
    border: 1px solid var(--mal-light-gray);
    background-color: white;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.05);
}
.form-input-textarea {
    height: unset;
}
.form-input-hide-style {
    border: none;
    box-shadow: none;
}
.form-select-mal {
    /*height: 18px;*/
    color: var(--mal-dark-gray);
    font-family: 'Lexend-Regular', Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
}
.form-submit {
    font-family: 'Lexend-SemiBold', Arial, sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5;
    background-color: var(--mal-orange);
    padding: 16px 28px;
    border: none;
    text-decoration: none;
}
.form-required {
    color: red;font-size: 12px;
    text-transform: none;
}

.orange-button {
    font-family: 'Lexend-SemiBold', Arial, sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5;
    background-color: var(--mal-orange);
    padding: 16px 28px;
    border: none;
    text-decoration: none;
}

/* -------  CALCULATORS CUTOMIZATION  -------- */
    /* -------  CALCULATORS CUTOMIZATION  -------- */
#calc-div {
    min-width: 320px;
    width: 100%;
    max-width: 450px;
}
.calc-input, .calc-input-result, .calc-input-advanced {
    box-sizing: border-box;
    height: 40px;
    width: 60%;
    max-width: 600px;
    border: 1px solid var(--mal-light-gray);
    background-color: white;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.05);
}
.calc-input-result {
    color: var(--mal-teal-dark);
    width: 80%;
}
.calc-input-advanced{
    width: 100%;
}
.calc-button {
    font-family: "Lexend-SemiBold", Arial, sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5;
    background-color: var(--mal-orange);
    padding: 12px 24px;
    border: none;
    text-decoration: none;
}
.calc-label {
    font-family: "Lexend-Regular", Arial, sans-serif;
    color: var(--mal-dark-gray);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
}
.calc-fineprint {
    font-size: 10px;
    line-height: 11px;
}
.calc-header {
    color: var(--mal-teal-dark);
    font-family: "Lexend-Regular", Arial, sans-serif;
    font-size: 24px;
}
.calc-example {
    font-size: 12px;
}
.calc-result-segment{
    line-height: 18px;
    margin-bottom: 8px;
}


/* ------------- APR DISCLOSURE ------------- */
/* in footer for index and application pages, for apr disclosure fine print */
#apr-disclosure {
    color: var(--mal-dark-gray);
    font-family: "Lexend-Light", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: start;
}
#apr-disclosure-icon {
    font-size: 1.25em;
}
/* ------------- APR DISCLOSURE END ------------- */


/* --------- APR DISCLOSURE --------- */
/* adjusts the h1 tag on disclose pages only */
#h1-disclosure {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 40px;
}
/* --------- END APR DISCLOSURE --------- */



/* ------------- APPLY NOW FOOTER TEAL BUTTON ------------- */
#apply-now-footer-teal {
    background-color: white;
    padding: 22px 35px;
    font-family: Lexend-SemiBold, Arial, sans-serif;
    color: var(--mal-orange); /* Normal state color */
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    border-color: transparent; /* Set border color if applicable */
}

#apply-now-footer-teal:hover {
    color: var(--mal-orange); /* Color on hover */
}

#apply-now-footer-teal:active {
    color: var(--mal-orange); /* Color when clicked */
}

#apply-now-footer-teal:visited {
    color: var(--mal-orange); /* Color for visited links */
}

#apply-now-footer-teal:link {
    color: var(--mal-orange); /* Color for unvisited links */
}
/* ------------- APPLY NOW FOOTER TEAL BUTTON END ------------- */




/* -------  ACCORDIAN CUTOMIZATION  -------- */
.accordion-button:focus {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border-color: rgba(0,0,0,.125);
}
.accordion {
    --bs-accordion-active-color: var(--mal-dark-gray);
    --bs-accordion-active-bg: white;
    --bs-accordion-btn-icon: url('/static/img/interactive/plus.svg');
    --bs-accordion-btn-active-icon: url('/static/img/interactive/minus.svg');
}
.accordion-header {
    color: var(--mal-dark-gray);
    font-family: 'Lexend-SemiBold', Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
}
.accordion-body {
    color: var(--mal-dark-gray);
    font-family: 'Lexend-Light', Arial, sans-serif;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
    background-color: white;
}


/* -----  for media_sub_nav.html  ----- */
.media-sub-nav-vert-bar::after {
    padding: 0 10px;
    content: "|";
}
/* ----- END for media_sub_nav.html  ----- */


/* -----  app page pre-qual no guarnatee of approval text  ----- */
.app-page-fineprint, .app-page-fineprint-motorcycle {
    font-size: 12px;
    line-height: 14px;
    margin-top: -44px;
    margin-bottom: 12px;
}
.fineprint-background-color {
    background-color: #f7f7f199;
}
.app-page-fineprint-motorcycle {
    margin-top: -58px;
}
@media screen and (min-width: 992px) {
    .app-page-fineprint, .app-page-fineprint-motorcycle {
        margin-top: -30px;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 992px) {
    .app-page-insert-br:after {
        content: "\a";
        white-space: pre;
    }
}


/* widget text */
.widget-title {
    color: var(--mal-dark-gray);
    font-family: "Lexend-SemiBold", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
}

.widget-text {
    color: var(--mal-dark-gray);
    font-family: "Lexend-Regular", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
}

/* this is for the special character next to "todays rate as low as" */
.lowest-rate-indicator {
    font-size: 24px;
}
@media (min-width: 568px) {
    .lowest-rate-indicator {
        font-size: 34px;
    }
}
@media (min-width: 768px) {
    .lowest-rate-indicator {
        font-size: 36px;
    }
}



/* ------- HEADER ITEMS -------- */
/* did this one backwards, it is implementing aspects of mobile with CSS instead of making it the native state... */
.dropdown-menu {
    padding: 0px;
    border: none;
    border-radius: 0px;
}

@media (max-width: 991px) {
    #mobile-menu-dropdown {
        background-color: white;
        width: 100%;
    }

    .navbar-toggler {
        padding-right: 0px;
        border-radius: 0px;
    }

    #hamburger-to-x {
        width: 28px;
        height: 22px;
        background-image: url('/static/img/interactive/hamburger.svg');
        background-position: center;
        background-repeat: no-repeat;
    }

    #hamburger-to-x[aria-expanded=true] {
        background-image: url('/static/img/interactive/hamburger-close-x.svg');
        transition: var(--bs-navbar-toggler-transition);
    }
}
/* -------- END HEADER ITEMS */




/* --------- IMAGES FOR STANDARD PAGES --------- */
#standard-page-image {
    width: 250px;
    height: auto;
}
@media (min-width: 576px) {
    #standard-page-image {
        width: 320px;
    }
}
@media (min-width: 768px) {
    #standard-page-image {
        width: 380px;
    }
}
@media (min-width: 992px) {
    #standard-page-image {
        width: 450px;
    }
}
@media (min-width: 1200px) {
    #standard-page-image {
        width:550px;
    }
}
@media (min-width: 1400px) {
    #standard-page-image {
        width:650px;
    }
}
/* --------- END IMAGES FOR STANDARD PAGES --------- */



/* ---------- PAGE IMAGE AND APP BUTTON INDEX ------------ */
#app-page-image-index {
    width: 218px;
    height: auto;
}
@media (min-width: 576px) {
    #app-page-image-index {
        width: 360px;
    }
}
@media (min-width: 768px) {
    #app-page-image-index {
        width: 500px;
    }
}
@media (min-width: 992px) {
    #app-page-image-index {
        width: 550px;
    }
}
@media (min-width: 1200px) {
    #app-page-image-index {
        width:700px;
    }
}
@media (min-width: 1400px) {
    #app-page-image-index {
        width:825px;
    }
}

#app-button-index {
    font-family: Lexend-SemiBold, Arial, sans-serif;
    color: white;
    background-color: var(--mal-orange);
    border: none;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5px;
}

@media (min-width: 992px) {
    #app-button-index {
        width:160px;
    }
}

#select-button-index {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none;
    background: none;
    border-radius: 0;
    font-size: 20px;
    padding-left: 20px;
    background-image: url(/static/img/interactive/triangle-down.svg);
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    border:none;
    color: var(--mal-dark-gray);
    background-color: transparent;
    font-family: "Lexend-Regular", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
}

#select-and-button-index {
    width: 325px;
}

@media (min-width: 992px) {
    #select-and-button-index {
        width: 450px;
    }
}
/* ---------- END PAGE IMAGE AND APP BUTTON INDEX ------------ */



/* ---------- PAGE IMAGE AND APP BUTTON STANDARD ------------ */
#app-page-image-standard {
    width: 220px;
    height: auto;
}
@media (min-width: 576px) {
    #app-page-image-standard {
        width: 340px;
    }
}
@media (min-width: 768px) {
    #app-page-image-standard {
        width: 380px;
    }
}
@media (min-width: 992px) {
    #app-page-image-standard {
        width: 450px;
    }
}
@media (min-width: 1200px) {
    #app-page-image-standard {
        width:550px;
    }
}
@media (min-width: 1400px) {
    #app-page-image-standard {
        width:700px;
    }
}

#app-button-standard {
    font-family: Lexend-SemiBold, Arial, sans-serif;
    color: white;
    background-color: var(--mal-orange);
    border: none;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5px;
}

@media (min-width: 992px) {
    #app-button-standard {
        width:160px;
    }
}

#select-button-standard {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none;
    background: none;
    border-radius: 0;
    font-size: 20px;
    padding-left: 20px;
    background-image: url(/static/img/interactive/triangle-down.svg);
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    border:none;
    color: var(--mal-dark-gray);
    background-color: transparent;
    font-family: "Lexend-Regular", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
}

#select-and-button-standard {
    width: 325px;
}
@media (min-width: 768px) {
    #select-and-button-standard {
        width: 375px;
    }
}
@media (min-width: 992px) {
    #select-and-button-standard {
        width: 450px;
    }
}
/* ---------- END PAGE IMAGE AND APP BUTTON STANDARD ------------ */





/* ---------- RATE WIDGET --------- */
iframe[name="iframe-rate-widget"]{
        width: 100%;
        height: 1080px;
    }

    @media screen and (min-width: 768px) {
        iframe[name="iframe-rate-widget"]{
        height: 800px;
    }
}
/* ---------- END RATE WIDGET --------- */



/* --------- HOW THIS WORKS ---------- */
    .how-this-works-text {
        line-height: 22px;
    }

@media (min-width: 768px) {
    .border-start-md-how-this-works {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}
/* --------- END HOW THIS WORKS ---------- */



/* remove href so current page will not show in status bar, due to work around to get button clicks to show in GA */
.temp-button-hover:hover {
    cursor: pointer;
}


/* -----  BOOTSTRAP EXTENSIONS  ----- */
/* supplemental width items */
.w-30 {
  width: 30% !important;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .w-md-80 {
        width: 80% !important;
    }
    .w-md-85 {
        width: 85% !important;
    }
    .w-md-90 {
        width: 90% !important;
    }
}

@media (min-width: 992px) {
    .w-lg-80 {
        width: 80% !important;
    }
    .w-lg-85 {
        width: 85% !important;
    }
    .w-lg-90 {
        width: 90% !important;
    }
}

/* -----  custom margins and padding  ----- */

.pt-5-mal {
    padding-top: 5px !important;
}
.pb-5-mal {
    padding-bottom: 5px !important;
}
.py-5-mal {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.pt-10-mal {
    padding-top: 10px !important;
}
.pb-10-mal {
    padding-bottom: 10px !important;
}
.py-10-mal {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.pt-15-mal {
    padding-top: 15px !important;
}
.pb-15-mal {
    padding-bottom: 15px !important;
}
.py-15-mal {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.pt-20-mal {
    padding-top: 20px !important;
}
.pb-20-mal {
    padding-bottom: 20px !important;
}
.py-20-mal {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.pt-25-mal {
    padding-top: 25px !important;
}
.pb-25-mal {
    padding-bottom: 25px !important;
}
.py-25-mal {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.pt-30-mal {
    padding-top: 30px !important;
}
.pb-30-mal {
    padding-bottom: 30px !important;
}
.py-30-mal {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.pt-35-mal {
    padding-top: 35px !important;
}
.pb-35-mal {
    padding-bottom: 35px !important;
}
.py-35-mal {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}
.pt-40-mal {
    padding-top: 40px !important;
}
.pb-40-mal {
    padding-bottom: 40px !important;
}
.py-40-mal {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.pt-45-mal {
    padding-top: 45px !important;
}
.pb-45-mal {
    padding-bottom: 45px !important;
}
.py-45-mal {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}
.pt-50-mal {
    padding-top: 50px !important;
}
.pb-50-mal {
    padding-bottom: 50px !important;
}
.py-50-mal {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.pt-55-mal {
    padding-top: 55px !important;
}
.pb-55-mal {
    padding-bottom: 55px !important;
}
.py-55-mal {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}
.pt-60-mal {
    padding-top: 60px !important;
}
.pb-60-mal {
    padding-bottom: 60px !important;
}
.py-60-mal {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.pt-80-mal {
    padding-top: 80px !important;
}
.pb-80-mal {
    padding-bottom: 80px !important;
}
.py-80-mal {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

@media (min-width: 576px) {
    .pt-0-mal-sm {
        padding-top: 0 !important;
    }
    .pb-0-mal-sm {
        padding-bottom: 0 !important;
    }
    .py-0-mal-sm {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .pt-5-mal-sm {
        padding-top: 5px !important;
    }
    .pb-5-mal-sm {
        padding-bottom: 5px !important;
    }
    .py-5-mal-sm {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pt-10-mal-sm {
        padding-top: 10px !important;
    }
    .pb-10-mal-sm {
        padding-bottom: 10px !important;
    }
    .py-10-mal-sm {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pt-15-mal-sm {
        padding-top: 15px !important;
    }
    .pb-15-mal-sm {
        padding-bottom: 15px !important;
    }
    .py-15-mal-sm {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .pt-20-mal-sm {
        padding-top: 20px !important;
    }
    .pb-20-mal-sm {
        padding-bottom: 20px !important;
    }
    .py-20-mal-sm {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pt-25-mal-sm {
        padding-top: 25px !important;
    }
    .pb-25-mal-sm {
        padding-bottom: 25px !important;
    }
    .py-25-mal-sm {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .pt-30-mal-sm {
        padding-top: 30px !important;
    }
    .pb-30-mal-sm {
        padding-bottom: 30px !important;
    }
    .py-30-mal-sm {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .pt-35-mal-sm {
        padding-top: 35px !important;
    }
    .pb-35-mal-sm {
        padding-bottom: 35px !important;
    }
    .py-35-mal-sm {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .pt-40-mal-sm {
        padding-top: 40px !important;
    }
    .pb-40-mal-sm {
        padding-bottom: 40px !important;
    }
    .py-40-mal-sm {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pt-45-mal-sm {
        padding-top: 45px !important;
    }
    .pb-45-mal-sm {
        padding-bottom: 45px !important;
    }
    .py-45-mal-sm {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .pt-50-mal-sm {
        padding-top: 50px !important;
    }
    .pb-50-mal-sm {
        padding-bottom: 50px !important;
    }
    .py-50-mal-sm {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .pt-55-mal-sm {
        padding-top: 55px !important;
    }
    .pb-55-mal-sm {
        padding-bottom: 55px !important;
    }
    .py-55-mal-sm {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .pt-60-mal-sm {
        padding-top: 60px !important;
    }
    .pb-60-mal-sm {
        padding-bottom: 60px !important;
    }
    .py-60-mal-sm {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .pt-80-mal-sm {
        padding-top: 80px !important;
    }
    .pb-80-mal-sm {
        padding-bottom: 80px !important;
    }
    .py-80-mal-sm {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (min-width: 768px) {
    .pt-0-mal-md {
        padding-top: 0 !important;
    }
    .pb-0-mal-md {
        padding-bottom: 0 !important;
    }
    .py-0-mal-md {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .pt-5-mal-md {
        padding-top: 5px !important;
    }
    .pb-5-mal-md {
        padding-bottom: 5px !important;
    }
    .py-5-mal-md {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pt-10-mal-md {
        padding-top: 10px !important;
    }
    .pb-10-mal-md {
        padding-bottom: 10px !important;
    }
    .py-10-mal-md {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pt-15-mal-md {
        padding-top: 15px !important;
    }
    .pb-15-mal-md {
        padding-bottom: 15px !important;
    }
    .py-15-mal-md {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .pt-20-mal-md {
        padding-top: 20px !important;
    }
    .pb-20-mal-md {
        padding-bottom: 20px !important;
    }
    .py-20-mal-md {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pt-25-mal-md {
        padding-top: 25px !important;
    }
    .pb-25-mal-md {
        padding-bottom: 25px !important;
    }
    .py-25-mal-md {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .pt-30-mal-md {
        padding-top: 30px !important;
    }
    .pb-30-mal-md {
        padding-bottom: 30px !important;
    }
    .py-30-mal-md {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .pt-35-mal-md {
        padding-top: 35px !important;
    }
    .pb-35-mal-md {
        padding-bottom: 35px !important;
    }
    .py-35-mal-md {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .pt-40-mal-md {
        padding-top: 40px !important;
    }
    .pb-40-mal-md {
        padding-bottom: 40px !important;
    }
    .py-40-mal-md {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pt-45-mal-md {
        padding-top: 45px !important;
    }
    .pb-45-mal-md {
        padding-bottom: 45px !important;
    }
    .py-45-mal-md {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .pt-50-mal-md {
        padding-top: 50px !important;
    }
    .pb-50-mal-md {
        padding-bottom: 50px !important;
    }
    .py-50-mal-md {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .pt-55-mal-md {
        padding-top: 55px !important;
    }
    .pb-55-mal-md {
        padding-bottom: 55px !important;
    }
    .py-55-mal-md {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .pt-60-mal-md {
        padding-top: 60px !important;
    }
    .pb-60-mal-md {
        padding-bottom: 60px !important;
    }
    .py-60-mal-md {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .pt-80-mal-md {
        padding-top: 80px !important;
    }
    .pb-80-mal-md {
        padding-bottom: 80px !important;
    }
    .py-80-mal-md {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (min-width: 992px) {
    .pt-0-mal-lg {
        padding-top: 0 !important;
    }
    .pb-0-mal-lg {
        padding-bottom: 0 !important;
    }
    .py-0-mal-lg {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .pt-5-mal-lg {
        padding-top: 5px !important;
    }
    .pb-5-mal-lg {
        padding-bottom: 5px !important;
    }
    .py-5-mal-lg {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pt-10-mal-lg {
        padding-top: 10px !important;
    }
    .pb-10-mal-lg {
        padding-bottom: 10px !important;
    }
    .py-10-mal-lg {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pt-15-mal-lg {
        padding-top: 15px !important;
    }
    .pb-15-mal-lg {
        padding-bottom: 15px !important;
    }
    .py-15-mal-lg {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .pt-20-mal-lg {
        padding-top: 20px !important;
    }
    .pb-20-mal-lg {
        padding-bottom: 20px !important;
    }
    .py-20-mal-lg {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pt-25-mal-lg {
        padding-top: 25px !important;
    }
    .pb-25-mal-lg {
        padding-bottom: 25px !important;
    }
    .py-25-mal-lg {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .pt-30-mal-lg {
        padding-top: 30px !important;
    }
    .pb-30-mal-lg {
        padding-bottom: 30px !important;
    }
    .py-30-mal-lg {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .pt-35-mal-lg {
        padding-top: 35px !important;
    }
    .pb-35-mal-lg {
        padding-bottom: 35px !important;
    }
    .py-35-mal-lg {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .pt-40-mal-lg {
        padding-top: 40px !important;
    }
    .pb-40-mal-lg {
        padding-bottom: 40px !important;
    }
    .py-40-mal-lg {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pt-45-mal-lg {
        padding-top: 45px !important;
    }
    .pb-45-mal-lg {
        padding-bottom: 45px !important;
    }
    .py-45-mal-lg {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .pt-50-mal-lg {
        padding-top: 50px !important;
    }
    .pb-50-mal-lg {
        padding-bottom: 50px !important;
    }
    .py-50-mal-lg {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .pt-55-mal-lg {
        padding-top: 55px !important;
    }
    .pb-55-mal-lg {
        padding-bottom: 55px !important;
    }
    .py-55-mal-lg {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .pt-60-mal-lg {
        padding-top: 60px !important;
    }
    .pb-60-mal-lg {
        padding-bottom: 60px !important;
    }
    .py-60-mal-lg {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .pt-80-mal-lg {
        padding-top: 80px !important;
    }
    .pb-80-mal-lg {
        padding-bottom: 80px !important;
    }
    .py-80-mal-lg {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (min-width: 1200px) {
    .pt-0-mal-xl {
        padding-top: 0 !important;
    }
    .pb-0-mal-xl {
        padding-bottom: 0 !important;
    }
    .py-0-mal-xl {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .pt-5-mal-xl {
        padding-top: 5px !important;
    }
    .pb-5-mal-xl {
        padding-bottom: 5px !important;
    }
    .py-5-mal-xl {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pt-10-mal-xl {
        padding-top: 10px !important;
    }
    .pb-10-mal-xl {
        padding-bottom: 10px !important;
    }
    .py-10-mal-xl {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pt-15-mal-xl {
        padding-top: 15px !important;
    }
    .pb-15-mal-xl {
        padding-bottom: 15px !important;
    }
    .py-15-mal-xl {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .pt-20-mal-xl {
        padding-top: 20px !important;
    }
    .pb-20-mal-xl {
        padding-bottom: 20px !important;
    }
    .py-20-mal-xl {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pt-25-mal-xl {
        padding-top: 25px !important;
    }
    .pb-25-mal-xl {
        padding-bottom: 25px !important;
    }
    .py-25-mal-xl {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .pt-30-mal-xl {
        padding-top: 30px !important;
    }
    .pb-30-mal-xl {
        padding-bottom: 30px !important;
    }
    .py-30-mal-xl {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .pt-35-mal-xl {
        padding-top: 35px !important;
    }
    .pb-35-mal-xl {
        padding-bottom: 35px !important;
    }
    .py-35-mal-xl {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .pt-40-mal-xl {
        padding-top: 40px !important;
    }
    .pb-40-mal-xl {
        padding-bottom: 40px !important;
    }
    .py-40-mal-xl {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pt-45-mal-xl {
        padding-top: 45px !important;
    }
    .pb-45-mal-xl {
        padding-bottom: 45px !important;
    }
    .py-45-mal-xl {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .pt-50-mal-xl {
        padding-top: 50px !important;
    }
    .pb-50-mal-xl {
        padding-bottom: 50px !important;
    }
    .py-50-mal-xl {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .pt-55-mal-xl {
        padding-top: 55px !important;
    }
    .pb-55-mal-xl {
        padding-bottom: 55px !important;
    }
    .py-55-mal-xl {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .pt-60-mal-xl {
        padding-top: 60px !important;
    }
    .pb-60-mal-xl {
        padding-bottom: 60px !important;
    }
    .py-60-mal-xl {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .pt-80-mal-xl {
        padding-top: 80px !important;
    }
    .pb-80-mal-xl {
        padding-bottom: 80px !important;
    }
    .py-80-mal-xl {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (min-width: 1400px) {
    .pt-0-mal-xxl {
        padding-top: 0 !important;
    }
    .pb-0-mal-xxl {
        padding-bottom: 0 !important;
    }
    .py-0-mal-xxl {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .pt-5-mal-xxl {
        padding-top: 5px !important;
    }
    .pb-5-mal-xxl {
        padding-bottom: 5px !important;
    }
    .py-5-mal-xxl {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .pt-10-mal-xxl {
        padding-top: 10px !important;
    }
    .pb-10-mal-xxl {
        padding-bottom: 10px !important;
    }
    .py-10-mal-xxl {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .pt-15-mal-xxl {
        padding-top: 15px !important;
    }
    .pb-15-mal-xxl {
        padding-bottom: 15px !important;
    }
    .py-15-mal-xxl {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .pt-20-mal-xxl {
        padding-top: 20px !important;
    }
    .pb-20-mal-xxl {
        padding-bottom: 20px !important;
    }
    .py-20-mal-xxl {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pt-25-mal-xxl {
        padding-top: 25px !important;
    }
    .pb-25-mal-xxl {
        padding-bottom: 25px !important;
    }
    .py-25-mal-xxl {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .pt-30-mal-xxl {
        padding-top: 30px !important;
    }
    .pb-30-mal-xxl {
        padding-bottom: 30px !important;
    }
    .py-30-mal-xxl {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .pt-35-mal-xxl {
        padding-top: 35px !important;
    }
    .pb-35-mal-xxl {
        padding-bottom: 35px !important;
    }
    .py-35-mal-xxl {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .pt-40-mal-xxl {
        padding-top: 40px !important;
    }
    .pb-40-mal-xxl {
        padding-bottom: 40px !important;
    }
    .py-40-mal-xxl {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pt-45-mal-xxl {
        padding-top: 45px !important;
    }
    .pb-45-mal-xxl {
        padding-bottom: 45px !important;
    }
    .py-45-mal-xxl {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    .pt-50-mal-xxl {
        padding-top: 50px !important;
    }
    .pb-50-mal-xxl {
        padding-bottom: 50px !important;
    }
    .py-50-mal-xxl {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .pt-55-mal-xxl {
        padding-top: 55px !important;
    }
    .pb-55-mal-xxl {
        padding-bottom: 55px !important;
    }
    .py-55-mal-xxl {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .pt-60-mal-xxl {
        padding-top: 60px !important;
    }
    .pb-60-mal-xxl {
        padding-bottom: 60px !important;
    }
    .py-60-mal-xxl {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .pt-80-mal-xxl {
        padding-top: 80px !important;
    }
    .pb-80-mal-xxl {
        padding-bottom: 80px !important;
    }
    .py-80-mal-xxl {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}


.mt-5-mal {
    margin-top: 5px !important;
}
.mb-5-mal {
    margin-bottom: 5px !important;
}
.my-5-mal {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.mt-10-mal {
    margin-top: 10px !important;
}
.mb-10-mal {
    margin-bottom: 10px !important;
}
.my-10-mal {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.mt-15-mal {
    margin-top: 15px !important;
}
.mb-15-mal {
    margin-bottom: 15px !important;
}
.my-15-mal {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.mt-20-mal {
    margin-top: 20px !important;
}
.mb-20-mal {
    margin-bottom: 20px !important;
}
.my-20-mal {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mt-25-mal {
    margin-top: 25px !important;
}
.mb-25-mal {
    margin-bottom: 25px !important;
}
.my-25-mal {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
.mt-30-mal {
    margin-top: 30px !important;
}
.mb-30-mal {
    margin-bottom: 30px !important;
}
.my-30-mal {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.mt-35-mal {
    margin-top: 35px !important;
}
.mb-35-mal {
    margin-bottom: 35px !important;
}
.my-35-mal {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}
.mt-40-mal {
    margin-top: 40px !important;
}
.mb-40-mal {
    margin-bottom: 40px !important;
}
.my-40-mal {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.mt-45-mal {
    margin-top: 45px !important;
}
.mb-45-mal {
    margin-bottom: 45px !important;
}
.my-45-mal {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}
.mt-50-mal {
    margin-top: 50px !important;
}
.mb-50-mal {
    margin-bottom: 50px !important;
}
.my-50-mal {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.mt-55-mal {
    margin-top: 55px !important;
}
.mb-55-mal {
    margin-bottom: 55px !important;
}
.my-55-mal {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}
.mt-60-mal {
    margin-top: 60px !important;
}
.mb-60-mal {
    margin-bottom: 60px !important;
}
.my-60-mal {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.mt-80-mal {
    margin-top: 80px !important;
}
.mb-80-mal {
    margin-bottom: 80px !important;
}
.my-80-mal {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

@media (min-width: 576px) {
    .mt-0-mal-sm {
        margin-top: 0 !important;
    }
    .mb-0-mal-sm {
        margin-bottom: 0 !important;
    }
    .my-0-mal-sm {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .mt-5-mal-sm {
        margin-top: 5px !important;
    }
    .mb-5-mal-sm {
        margin-bottom: 5px !important;
    }
    .my-5-mal-sm {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mt-10-mal-sm {
        margin-top: 10px !important;
    }
    .mb-10-mal-sm {
        margin-bottom: 10px !important;
    }
    .my-10-mal-sm {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mt-15-mal-sm {
        margin-top: 15px !important;
    }
    .mb-15-mal-sm {
        margin-bottom: 15px !important;
    }
    .my-15-mal-sm {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mt-20-mal-sm {
        margin-top: 20px !important;
    }
    .mb-20-mal-sm {
        margin-bottom: 20px !important;
    }
    .my-20-mal-sm {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mt-25-mal-sm {
        margin-top: 25px !important;
    }
    .mb-25-mal-sm {
        margin-bottom: 25px !important;
    }
    .my-25-mal-sm {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .mt-30-mal-sm {
        margin-top: 30px !important;
    }
    .mb-30-mal-sm {
        margin-bottom: 30px !important;
    }
    .my-30-mal-sm {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mt-35-mal-sm {
        margin-top: 35px !important;
    }
    .mb-35-mal-sm {
        margin-bottom: 35px !important;
    }
    .my-35-mal-sm {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .mt-40-mal-sm {
        margin-top: 40px !important;
    }
    .mb-40-mal-sm {
        margin-bottom: 40px !important;
    }
    .my-40-mal-sm {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mt-45-mal-sm {
        margin-top: 45px !important;
    }
    .mb-45-mal-sm {
        margin-bottom: 45px !important;
    }
    .my-45-mal-sm {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .mt-50-mal-sm {
        margin-top: 50px !important;
    }
    .mb-50-mal-sm {
        margin-bottom: 50px !important;
    }
    .my-50-mal-sm {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mt-55-mal-sm {
        margin-top: 55px !important;
    }
    .mb-55-mal-sm {
        margin-bottom: 55px !important;
    }
    .my-55-mal-sm {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .mt-60-mal-sm {
        margin-top: 60px !important;
    }
    .mb-60-mal-sm {
        margin-bottom: 60px !important;
    }
    .my-60-mal-sm {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mt-80-mal-sm {
        margin-top: 80px !important;
    }
    .mb-80-mal-sm {
        margin-bottom: 80px !important;
    }
    .my-80-mal-sm {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
}

@media (min-width: 768px) {
    .mt-0-mal-md {
        margin-top: 0 !important;
    }
    .mb-0-mal-md {
        margin-bottom: 0 !important;
    }
    .my-0-mal-md {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .mt-5-mal-md {
        margin-top: 5px !important;
    }
    .mb-5-mal-md {
        margin-bottom: 5px !important;
    }
    .my-5-mal-md {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mt-10-mal-md {
        margin-top: 10px !important;
    }
    .mb-10-mal-md {
        margin-bottom: 10px !important;
    }
    .my-10-mal-md {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mt-15-mal-md {
        margin-top: 15px !important;
    }
    .mb-15-mal-md {
        margin-bottom: 15px !important;
    }
    .my-15-mal-md {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mt-20-mal-md {
        margin-top: 20px !important;
    }
    .mb-20-mal-md {
        margin-bottom: 20px !important;
    }
    .my-20-mal-md {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mt-25-mal-md {
        margin-top: 25px !important;
    }
    .mb-25-mal-md {
        margin-bottom: 25px !important;
    }
    .my-25-mal-md {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .mt-30-mal-md {
        margin-top: 30px !important;
    }
    .mb-30-mal-md {
        margin-bottom: 30px !important;
    }
    .my-30-mal-md {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mt-35-mal-md {
        margin-top: 35px !important;
    }
    .mb-35-mal-md {
        margin-bottom: 35px !important;
    }
    .my-35-mal-md {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .mt-40-mal-md {
        margin-top: 40px !important;
    }
    .mb-40-mal-md {
        margin-bottom: 40px !important;
    }
    .my-40-mal-md {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mt-45-mal-md {
        margin-top: 45px !important;
    }
    .mb-45-mal-md {
        margin-bottom: 45px !important;
    }
    .my-45-mal-md {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .mt-50-mal-md {
        margin-top: 50px !important;
    }
    .mb-50-mal-md {
        margin-bottom: 50px !important;
    }
    .my-50-mal-md {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mt-55-mal-md {
        margin-top: 55px !important;
    }
    .mb-55-mal-md {
        margin-bottom: 55px !important;
    }
    .my-55-mal-md {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .mt-60-mal-md {
        margin-top: 60px !important;
    }
    .mb-60-mal-md {
        margin-bottom: 60px !important;
    }
    .my-60-mal-md {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mt-80-mal-md {
        margin-top: 80px !important;
    }
    .mb-80-mal-md {
        margin-bottom: 80px !important;
    }
    .my-80-mal-md {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
}

@media (min-width: 992px) {
    .mt-0-mal-lg {
        margin-top: 0 !important;
    }
    .mb-0-mal-lg {
        margin-bottom: 0 !important;
    }
    .my-0-mal-lg {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .mt-5-mal-lg {
        margin-top: 5px !important;
    }
    .mb-5-mal-lg {
        margin-bottom: 5px !important;
    }
    .my-5-mal-lg {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mt-10-mal-lg {
        margin-top: 10px !important;
    }
    .mb-10-mal-lg {
        margin-bottom: 10px !important;
    }
    .my-10-mal-lg {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mt-15-mal-lg {
        margin-top: 15px !important;
    }
    .mb-15-mal-lg {
        margin-bottom: 15px !important;
    }
    .my-15-mal-lg {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mt-20-mal-lg {
        margin-top: 20px !important;
    }
    .mb-20-mal-lg {
        margin-bottom: 20px !important;
    }
    .my-20-mal-lg {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mt-25-mal-lg {
        margin-top: 25px !important;
    }
    .mb-25-mal-lg {
        margin-bottom: 25px !important;
    }
    .my-25-mal-lg {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .mt-30-mal-lg {
        margin-top: 30px !important;
    }
    .mb-30-mal-lg {
        margin-bottom: 30px !important;
    }
    .my-30-mal-lg {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mt-35-mal-lg {
        margin-top: 35px !important;
    }
    .mb-35-mal-lg {
        margin-bottom: 35px !important;
    }
    .my-35-mal-lg {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .mt-40-mal-lg {
        margin-top: 40px !important;
    }
    .mb-40-mal-lg {
        margin-bottom: 40px !important;
    }
    .my-40-mal-lg {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mt-45-mal-lg {
        margin-top: 45px !important;
    }
    .mb-45-mal-lg {
        margin-bottom: 45px !important;
    }
    .my-45-mal-lg {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .mt-50-mal-lg {
        margin-top: 50px !important;
    }
    .mb-50-mal-lg {
        margin-bottom: 50px !important;
    }
    .my-50-mal-lg {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mt-55-mal-lg {
        margin-top: 55px !important;
    }
    .mb-55-mal-lg {
        margin-bottom: 55px !important;
    }
    .my-55-mal-lg {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .mt-60-mal-lg {
        margin-top: 60px !important;
    }
    .mb-60-mal-lg {
        margin-bottom: 60px !important;
    }
    .my-60-mal-lg {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mt-65-mal-lg {
        margin-top: 65px !important;
    }
    .mb-65-mal-lg {
        margin-bottom: 65px !important;
    }
    .my-65-mal-lg {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
    .mt-70-mal-lg {
        margin-top: 70px !important;
    }
    .mb-70-mal-lg {
        margin-bottom: 70px !important;
    }
    .my-70-mal-lg {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .mt-75-mal-lg {
        margin-top: 75px !important;
    }
    .mb-75-mal-lg {
        margin-bottom: 75px !important;
    }
    .my-75-mal-lg {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .mt-80-mal-lg {
        margin-top: 80px !important;
    }
    .mb-80-mal-lg {
        margin-bottom: 80px !important;
    }
    .my-80-mal-lg {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
}

@media (min-width: 1200px) {
    .mt-0-mal-xl {
        margin-top: 0 !important;
    }
    .mb-0-mal-xl {
        margin-bottom: 0 !important;
    }
    .my-0-mal-xl {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .mt-5-mal-xl {
        margin-top: 5px !important;
    }
    .mb-5-mal-xl {
        margin-bottom: 5px !important;
    }
    .my-5-mal-xl {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mt-10-mal-xl {
        margin-top: 10px !important;
    }
    .mb-10-mal-xl {
        margin-bottom: 10px !important;
    }
    .my-10-mal-xl {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mt-15-mal-xl {
        margin-top: 15px !important;
    }
    .mb-15-mal-xl {
        margin-bottom: 15px !important;
    }
    .my-15-mal-xl {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mt-20-mal-xl {
        margin-top: 20px !important;
    }
    .mb-20-mal-xl {
        margin-bottom: 20px !important;
    }
    .my-20-mal-xl {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mt-25-mal-xl {
        margin-top: 25px !important;
    }
    .mb-25-mal-xl {
        margin-bottom: 25px !important;
    }
    .my-25-mal-xl {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .mt-30-mal-xl {
        margin-top: 30px !important;
    }
    .mb-30-mal-xl {
        margin-bottom: 30px !important;
    }
    .my-30-mal-xl {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mt-35-mal-xl {
        margin-top: 35px !important;
    }
    .mb-35-mal-xl {
        margin-bottom: 35px !important;
    }
    .my-35-mal-xl {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .mt-40-mal-xl {
        margin-top: 40px !important;
    }
    .mb-40-mal-xl {
        margin-bottom: 40px !important;
    }
    .my-40-mal-xl {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mt-45-mal-xl {
        margin-top: 45px !important;
    }
    .mb-45-mal-xl {
        margin-bottom: 45px !important;
    }
    .my-45-mal-xl {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .mt-50-mal-xl {
        margin-top: 50px !important;
    }
    .mb-50-mal-xl {
        margin-bottom: 50px !important;
    }
    .my-50-mal-xl {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mt-55-mal-xl {
        margin-top: 55px !important;
    }
    .mb-55-mal-xl {
        margin-bottom: 55px !important;
    }
    .my-55-mal-xl {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .mt-60-mal-xl {
        margin-top: 60px !important;
    }
    .mb-60-mal-xl {
        margin-bottom: 60px !important;
    }
    .my-60-mal-xl {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mt-70-mal-xl {
        margin-top: 70px !important;
    }
    .mb-70-mal-xl {
        margin-bottom: 70px !important;
    }
    .my-70-mal-xl {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .mt-75-mal-xl {
        margin-top: 75px !important;
    }
    .mb-75-mal-xl {
        margin-bottom: 75px !important;
    }
    .my-75-mal-xl {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .mt-80-mal-xl {
        margin-top: 80px !important;
    }
    .mb-80-mal-xl {
        margin-bottom: 80px !important;
    }
    .my-80-mal-xl {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .mb-250-mal-xl {
        margin-bottom: 250px !important;
    }
}

@media (min-width: 1400px) {
    .mt-0-mal-xxl {
        margin-top: 0 !important;
    }
    .mb-0-mal-xxl {
        margin-bottom: 0 !important;
    }
    .my-0-mal-xxl {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .mt-5-mal-xxl {
        margin-top: 5px !important;
    }
    .mb-5-mal-xxl {
        margin-bottom: 5px !important;
    }
    .my-5-mal-xxl {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .mt-10-mal-xxl {
        margin-top: 10px !important;
    }
    .mb-10-mal-xxl {
        margin-bottom: 10px !important;
    }
    .my-10-mal-xxl {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mt-15-mal-xxl {
        margin-top: 15px !important;
    }
    .mb-15-mal-xxl {
        margin-bottom: 15px !important;
    }
    .my-15-mal-xxl {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mt-20-mal-xxl {
        margin-top: 20px !important;
    }
    .mb-20-mal-xxl {
        margin-bottom: 20px !important;
    }
    .my-20-mal-xxl {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mt-25-mal-xxl {
        margin-top: 25px !important;
    }
    .mb-25-mal-xxl {
        margin-bottom: 25px !important;
    }
    .my-25-mal-xxl {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .mt-30-mal-xxl {
        margin-top: 30px !important;
    }
    .mb-30-mal-xxl {
        margin-bottom: 30px !important;
    }
    .my-30-mal-xxl {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mt-35-mal-xxl {
        margin-top: 35px !important;
    }
    .mb-35-mal-xxl {
        margin-bottom: 35px !important;
    }
    .my-35-mal-xxl {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    .mt-40-mal-xxl {
        margin-top: 40px !important;
    }
    .mb-40-mal-xxl {
        margin-bottom: 40px !important;
    }
    .my-40-mal-xxl {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mt-45-mal-xxl {
        margin-top: 45px !important;
    }
    .mb-45-mal-xxl {
        margin-bottom: 45px !important;
    }
    .my-45-mal-xxl {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
    .mt-50-mal-xxl {
        margin-top: 50px !important;
    }
    .mb-50-mal-xxl {
        margin-bottom: 50px !important;
    }
    .my-50-mal-xxl {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mt-55-mal-xxl {
        margin-top: 55px !important;
    }
    .mb-55-mal-xxl {
        margin-bottom: 55px !important;
    }
    .my-55-mal-xxl {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
    .mt-60-mal-xxl {
        margin-top: 60px !important;
    }
    .mb-60-mal-xxl {
        margin-bottom: 60px !important;
    }
    .my-60-mal-xxl {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mt-65-mal-xxl {
        margin-top: 65px !important;
    }
    .mb-65-mal-xxl {
        margin-bottom: 65px !important;
    }
    .my-65-mal-xxl {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
    .mt-70-mal-xxl {
        margin-top: 70px !important;
    }
    .mb-70-mal-xxl {
        margin-bottom: 70px !important;
    }
    .my-70-mal-xxl {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .mt-75-mal-xxl {
        margin-top: 75px !important;
    }
    .mb-75-mal-xxl {
        margin-bottom: 75px !important;
    }
    .my-75-mal-xxl {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
    .mt-80-mal-xxl {
        margin-top: 80px !important;
    }
    .mb-80-mal-xxl {
        margin-bottom: 80px !important;
    }
    .my-80-mal-xxl {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .mb-250-mal-xxl {
        margin-bottom: 250px !important;
    }
}