@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
:root {
    --primary-blue: #285185;
    --secondary-blue: #DDEAFE;
    --general-red: #DA291C;
    --general-field: #EDF5F4;
    --general-dash: #F1F5F8;
    --general-green: #4A773C;
    --steps-color: #CCD9E2;
    --gray-500: #9E9E9E;
    --white:#fff;
    --border-radius-custom: 5px;
    --font-family-sans-serif: "Montserrat", sans-serif;
    --font-Button-family-sans-serif: 'Open Sans', sans-serif;
    --form-accent-color: var(--light-blue-500);
    --form-error-color: 356, 75%, 53%; /* #e12d39 */
    /* --- Fields --- */

    --field-background-color: #EDF5F4;
    --field-border-width: 1px;
    --field-border-style: solid;
    --field-border-color: hsl(var(--gray-500));
    --field-border-radius: 6px;
    --field-height: 3.0rem;
    --field-padding: 0 calc(var(--space-multiplier) * 2rem);
    --field-text-font-family: var(--font-family-sans-serif);
    --field-text-font-size: 14px;
    --field-text-font-weight: 500;
    --field-text-letter-spacing: 0.05em;
    /* --- Labels --- */

    --label-text-color: hsl(var(--blue-900));
    --label-text-font-family: var(--font-family-sans-serif);
    --label-text-font-size: 14px;
    --label-text-font-weight: 200;
    --label-text-letter-spacing: 0.05em;
    /* --- Error Text ---*/

    --error-text-color: hsl(var(--form-error-color));
    --error-text-font-family: var(--font-family-sans-serif);
    --error-text-font-size: 1rem;
    --error-text-font-weight: 500;
    --error-text-letter-spacing: 0.05em;
    --space-multiplier: 0.3;
    --content-max-width: 140rem;
    --grid-spacer-width: 1.5rem;
    --grid-column-count: 12;


    /* home page theme */
    --white-color: #FFFFFF;
    --h4-font-size: 32px;
    --font-weight-bold: 700;
    --dark-color: #000000;
    --p-color: #717275;
    --p-font-size: 20px;
    --font-weight-light: 300;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --custom-btn-bg-color: #f65129;
    --h3-font-size: 36px;
    --h6-font-size: 22px;
}

/* Remove arrow spinners from number field*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Flex layout for parent information and purpose  */
.flexcont {
    display: flex;
    justify-content: center;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .flexcont {
        flex-direction: column;
        align-items: center;
    }
}

/*---------------------------------------
  LOADING LAYOUT               
-----------------------------------------*/

.loaderWait {
    position: fixed; /*absolute*/
    width: 100%;
    height: 100%;
    background-image: url(/images/loading.gif);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #ffffffcf;
    background-size: 30%;
    z-index: 999;
    display: none;
}

    .loaderWait.isOpen {
        display: block;
    }

/*---------------------------------------
  LAYOUT               
-----------------------------------------*/
body {
    font-family: var(--font-family-sans-serif);
}
.float-right{
    float:right;
}
main {
    background-image: linear-gradient(180deg,var(--secondary-blue) 0%, var(--general-dash) 100%) !important;
    padding-bottom: 60px;
}

.navbar {
    background: var(--white-color);
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-brand {
    font-size: var(--h4-font-size);
    font-weight: var(--font-weight-bold);
}

.navbar-toggler {
    border: 0;
    padding: 0;
    cursor: pointer;
    margin: 0;
    width: 30px;
    height: 35px;
    outline: none;
}

a, button {
    touch-action: manipulation;
    transition: all 0.3s;
}

.navbar-toggler .navbar-toggler-icon {
    background: var(--dark-color);
    transition: background 10ms 300ms ease;
    display: block;
    width: 30px;
    height: 2px;
    position: relative;
}

.navbar-expand-lg .navbar-nav {
    width: 100%;
}

ul li {
    color: var(--p-color);
    font-size: var(--p-font-size);
    font-weight: var(--font-weight-light);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
    color: var(--custom-btn-bg-color);
}

.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 0;
    margin-left: 0;
    padding: 20px;
}

.navbar-expand-lg .navbar-nav .nav-link.custom-btn {
    padding: 12px 22px;
    color: var(--white-color);
}

.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 0;
    margin-left: 0;
    padding: 20px;
}

.navbar-nav .nav-link {
    display: inline-block;
    color: var(--p-bg-color);
    font-size: var(--menu-font-size);
    font-weight: var(--font-weight-medium);
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.custom-btn {
    background: var(--custom-btn-bg-color);
    border: 2px solid transparent;
    border-radius: var(--border-radius-large);
    color: var(--white-color);
    font-size: var(--btn-font-size);
    font-weight: var(--font-weight-normal);
    line-height: normal;
    padding: 15px 20px;
}

.logo-image {
    display: block;
    width: 65px;
    margin-right: 15px;
}

.hero-section {
    position: relative;
    padding-top: 150px;
    padding-bottom: 150px;
}

.section-overlay {
    background: rgba(0, 0, 0, 0.85);
    background: var(--custom-btn-bg-color);
    opacity: 0.85;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.hero-section .section-overlay {
    background: var(--secondary-blue);
}

.section-overlay + .container {
    position: relative;
}

/* hero-section-text*/
.hero-section .container {
    background-image: url('/images/Application-Front-Background.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 60px;
    /* border-radius: var(--border-radius-custom) !important; */
}

.hero-section h3 {
    font-size: var(--h3-font-size);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--dark-color);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -0.5px;
}

.carms {
    float: right;
}

p.text-small, p.text-small ol {
    font-size: 12px !important;
}


.site-footer {
    background: var(--general-field) !important;
    padding-top: 60px;
    padding-bottom: 0;
}

.site-footer h6 {
    font-size: var(--h6-font-size);
}

.site-footer-bottom {
    background: var(--primary-blue) !important;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.site-footer-bottom p {
    font-size: var( --p-font-size) !important;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 0;
}


.logo-text {
    color: var(--dark-color);
    text-transform: uppercase;
    font-size: var(--h6-font-size);
}

.footer-menu {
    margin: 0;
    padding: 0;
}

.footer-menu-item {
    list-style: none;
    display: block;
}

.footer-menu-item a {
    color: var(--dark-color) !important;
}

.footer-menu-item a:hover {
    color: var(--primary-blue) !important;
}

.footer-menu-link {
    color: var(--p-color);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 5px;
}

.site-footer a {
    color: var(--primary-color);
    text-decoration: none;
}

.site-footer strong {
    font-weight: var(--font-weight-bold);
}

.site-footer-title {
    color: var(--primary-blue) !important;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.logo-text {
    display: block;
    line-height: normal;
}

.site-footer-bottom .align-items-center {
    justify-content: center;
}

.site-footer-bottom .gob-foot {
    text-align: center;
}

.site-footer li + li {
    margin-top: 0.5em !important;
}

.navbar li + li {
    margin-top: 0 !important;
}

.site-footer .d-flex {
    column-gap: normal !important;
}

.app-heading {
    color: var(--primary-blue);
    text-transform: uppercase;
}

.no-mb label {
    padding-bottom: 0;
}

.dpro .form-control[readonly] {
    background-color: var(--field-background-color) !important;
}

/*---------------------------------------
  RADIO BUTTON               
-----------------------------------------*/
.card-block {
    width: 200px;
    border: 1px solid lightgrey;
    border-radius: 5px !important;
    background-color: #FAFAFA;
    margin-bottom: 30px;
}

.pic {
    margin-top: 30px;
    margin-bottom: 20px;
}

.radio {
    display: inline-block;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    color: #000;
    font-weight: 500;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}


.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.radio.selected {
    box-shadow: 0px 8px 16px 0px #EEEEEE;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

.selected {
    background-color: #E0F2F1;
}

/* hide radio buttons */

.isHidden {
    display: none !important; 
}

.form-check-input {
    border: 1px solid #12B28C !important;
}


/*---------------------------------------
  CUSTOM LABEL              
-----------------------------------------*/
.verifiedLabel {
    color: green;
    display: none;
}

.unverifiedLabel {
    color: red;
}

.verifiedLabelPhone {
    color: green;
    display: none;
}

.emailHelpLabel {
    font-size: var(--label-text-font-size);
}

/*---------------------------------------
  CUSTOM BUTTON               
-----------------------------------------*/
.red-btn {
    background: var(--general-red) !important;
    border-radius: var(--border-radius-custom) !important;
}

.white-btn {
    color: var(--primary-blue) !important;
    background: var(--white-color) !important;
    border-radius: var(--border-radius-custom) !important;
    border-color: var(--primary-blue);
}

.blue-btn {
    background: var(--primary-blue) !important;
    border-radius: var(--border-radius-custom) !important;
    padding: 15px 40px !important;
    border: 2px solid var(--white-color);
    color: var(--white-color) !important;
}

.proceed-btn {
    color: #fff;
    font-family: var(--font-Button-family-sans-serif);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    text-transform: uppercase;
    padding: 15px 5rem !important;
    border-radius: 0 !important;
    text-align: center;
}
.back-btn {
    color: #fff;
    font-family: var(--font-Button-family-sans-serif);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    text-transform: uppercase;
    padding: 15px 5rem !important;
    border-radius: 0 !important;
    text-align: center;
    background: var(--steps-color) !important;
}
.save-btn {
    color: var(--primary-blue);
    font-family: var(--font-Button-family-sans-serif);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px; /* 150% */
    padding: 15px 5rem !important;
    text-decoration:none;
}

.cancel-btn {
    color: var(--primary-blue);
    font-family: var(--font-Button-family-sans-serif);
    font-size: 16px;
    font-weight: 700;
    font-style:normal;
    line-height:24px; 
    line-height: 24px; /* 150% */
    text-transform: uppercase;
    text-decoration:none;
    padding: 13px 3rem !important;
    border-radius: 0 !important;
    background-color: #c4d8e9;
    width:100%;
    display:flex;
    align-content:center;
    flex-wrap:wrap;
    justify-content:space-evenly;
}

.prcd-btn {
    color: white;
    font-family: var(--font-Button-family-sans-serif);
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    line-height: 24px; /* 150% */
    text-transform: uppercase;
    text-decoration: none;
    padding: 13px 3rem !important;
    border-radius: 0 !important;
    background-color: var(--primary-blue);
    width: 100%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.delete-btn, .delete-btn-ver {
    background-color: #c4d8e9;
    color: darkred;
    border-radius: 0 !important;
    text-decoration: none;
    padding: 5px 0.5rem !important;
}

.delete-btn:hover, .delete-btn-ver:hover {
    cursor: pointer !important;
}

.red-btn:hover,
.navbar-expand-lg .navbar-nav .nav-link.red-btn:hover {
    background: var(--secondary-blue) !important;
    color: var(--dark-color);
}

.white-btn:hover,
.navbar-expand-lg .navbar-nav .nav-link.white-btn:hover {
    background: var(--secondary-blue) !important;
    color: var(--dark-color);
}

.blue-btn:hover,
.navbar-expand-lg .navbar-nav .nav-link.blue-btn:hover {
    background: var(--secondary-blue) !important;
    color: var(--dark-color);
}

.left-nav {
    padding: 0px 10px;
}


/* Theme colors */
.theme-mb {
    color: #285185;
}

.theme-sb {
    color: #DDEAFE;
}

.theme-mr {
    color: #DA291C;
}

.theme-fc {
    color: #EDF5F4;
}

.theme-dc {
    color: #F1F5F8;
}



/*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .carms {
        height: 100px;
        width: 100px;
        float: left;
    }

    .hero-section .mb-4, .hero-section .mb-5 {
        margin-bottom: 0rem !important;
    }

    .footer-menu {
        padding: 0 0 20px 0;
    }

    .site-footer-bottom {
        margin-top: 25px;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .site-footer-bottom {
        margin-top: 40px;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .site-footer-bottom {
        margin-top: 100px;
    }

    .site-footer {
        padding-top: 100px;
    }


    .site-footer ul,ol {
        font-size: 1.6rem;
    }
}



/*=========================================
Application form css 
=============================================*/

.form-title {
    text-transform: uppercase;
    letter-spacing: 3px;
    color:var(--primary-blue);
}
.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.body {
    font-family: var(--font-family-sans-serif);
}

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

.application-header {
    background-image: url('/images/application-header.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 20px 0px 0px 0;
}

.application-form__tabs {
    column-gap: 0 !important;
    background: white;
}

@media only screen and (min-width: 640px) {
    .application-form__tabs {
        column-gap: 0.0rem !important;
    }
}

.application-form__tabs-item {
    --button-background-color: var(--primary-blue);
    --button-border-radius: 0;
    --button-text-align: center;
    --button-text-color: var(--steps-color);
    --button-text-font-size: 1.4rem;
    --button-text-letter-spacing: 0.025em;
    --button-text-shadow: none;
    max-height: 40px;
    min-height: 40px;
    border: 0;
    border-top: var(--button-border);
    border-radius: var(--button-border-radius);
    background: hsl(var(--white));
    display: none;
    font-size: var(--button-text-font-size);
    letter-spacing: var(--button-text-letter-spacing);
    line-height: var(--button-height);
    position: relative;
    text-align: var(--button-text-align);
    text-shadow: var(--button-text-shadow);
    transition: color 0.2s ease-in-out;
    white-space: normal;
    padding: 5px;
    position: relative;
}


.applicationActive {
    background: var(--button-background-color);
    color: var(--button-text-color);
}
.applicationActive:after {
    content: "";
    position: absolute;
    right: -9px;
    top: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid var(--primary-blue);
}
.applicationSuccess {
    background: var(--general-green);
    color: var(--white);
}
.applicationSuccess:after {
    content: "";
    position: absolute;
    right: -9px;
    top: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid var(--general-green);
    z-index:1;
}

.applicationPending:after {
    content: "";
    position: absolute;
    right: -9px;
    top: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #f4f4f4;
}

.application-form__tabs-item:active {
    transform: none;
    color: var(--accent-color-sea, #CCD9E2);
}

.application-form__tabs-item:hover,
.application-form__tabs-item:focus {
    color: var(--secondary-blue);
}


.application-form__tabs-item > .step {
    color: hsl(var(--blue-100));
    font-size: 1rem;
    transition: color 0.2s ease-in-out;
}

.step .circle {
    background: var(--steps-color);
    color: #285185;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 2px 0
}

.required::after {
    content: "*";
    font-weight: bold;
    color: red;
}

.step {
    column-gap: 0.2rem !important;
}

.step-text {
    color: var(--steps-color);
}

@media only screen and (min-width: 640px) {
    .application-form__tabs-item {
        display: block;
    }
}

/* --- Current Step --- */

.application-form__tabs-item[aria-selected="true"] {
    display: block;
}

    .application-form__tabs-item[aria-selected="true"]::before {
        width: 50%;
    }

    .application-form__tabs-item[aria-selected="true"] > .step {
        color: hsl(var(--light-blue-500));
    }

/* --- Disabled Step --- */

@media only screen and (min-width: 640px) {
    .application-form__tabs-item[aria-disabled="true"] {
        --button-background-color: transparent;
        --button-text-color: hsl(var(--blue-100));
        background-color: var(--button-background-color);
        color: var(--button-text-color);
    }
}

.application-form__tabs-item[data-complete="true"]::before {
    width: 100%;
}

.application-form__tabs-item[data-complete="true"] > .step {
    color: hsl(var(--light-blue-500));
}


.application-card {
    border-radius: 10px;
    border-bottom: 8px solid var(--general-red);
    box-shadow:0px 20px 40px rgba(0, 0, 0, 0.06)
}
.application-walkin-topcard {
    border-radius: 10px;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.06)
}


.visually-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap; /* 1 */
    width: 1px;
}



.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-column {
    flex-direction: column;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-wrap-nowrap {
    flex-wrap: nowrap;
}

@media only screen and (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse;
    }

    .sm\:flex-column {
        flex-direction: column;
    }

    .sm\:flex-column-reverse {
        flex-direction: column-reverse;
    }

    .sm\:flex-wrap {
        flex-wrap: wrap;
    }

    .sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }

    .sm\:flex-wrap-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 940px) {
    .md\:flex-row {
        flex-direction: row;
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse;
    }

    .md\:flex-column {
        flex-direction: column;
    }

    .md\:flex-column-reverse {
        flex-direction: column-reverse;
    }

    .md\:flex-wrap {
        flex-wrap: wrap;
    }

    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }

    .md\:flex-wrap-nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 1240px) {
    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse;
    }

    .lg\:flex-column {
        flex-direction: column;
    }

    .lg\:flex-column-reverse {
        flex-direction: column-reverse;
    }

    .lg\:flex-wrap {
        flex-wrap: wrap;
    }

    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }

    .lg\:flex-wrap-nowrap {
        flex-wrap: nowrap;
    }
}


.flex-1 {
    flex: 1 1 0%;
}

.flex-auto {
    flex: 1 1 auto;
}

.flex-initial {
    flex: 0 1 auto;
}

.flex-none {
    flex: none;
}

@media only screen and (min-width: 640px) {
    .sm\:flex-1 {
        flex: 1 1 0%;
    }

    .sm\:flex-auto {
        flex: 1 1 auto;
    }

    .sm\:flex-initial {
        flex: 0 1 auto;
    }

    .sm\:flex-none {
        flex: none;
    }
}

@media only screen and (min-width: 940px) {
    .md\:flex-1 {
        flex: 1 1 0%;
    }

    .md\:flex-auto {
        flex: 1 1 auto;
    }

    .md\:flex-initial {
        flex: 0 1 auto;
    }

    .md\:flex-none {
        flex: none;
    }
}

@media only screen and (min-width: 1240px) {
    .lg\:flex-1 {
        flex: 1 1 0%;
    }

    .lg\:flex-auto {
        flex: 1 1 auto;
    }

    .lg\:flex-initial {
        flex: 0 1 auto;
    }

    .lg\:flex-none {
        flex: none;
    }
}

.grid-col-1 {
    grid-template-columns: 1fr;
}

.grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media only screen and (min-width: 640px) {
    .sm\:grid-col-1 {
        grid-template-columns: 1fr;
    }

    .sm\:grid-col-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-col-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-col-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-col-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:grid-col-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media only screen and (min-width: 940px) {
    .md\:grid-col-1 {
        grid-template-columns: 1fr;
    }

    .md\:grid-col-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-col-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-col-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-col-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-col-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media only screen and (min-width: 1240px) {
    .lg\:grid-col-1 {
        grid-template-columns: 1fr;
    }

    .lg\:grid-col-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-col-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-col-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-col-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-col-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}


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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 640px) {
    .sm\:justify-start {
        justify-content: start;
    }

    .sm\:justify-end {
        justify-content: end;
    }

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

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

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

    .sm\:justify-space-evenly {
        justify-content: space-evenly;
    }

    .sm\:align-items-start {
        align-items: start;
    }

    .sm\:align-items-end {
        align-items: end;
    }

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

    .sm\:align-items-stretch {
        align-items: stretch;
    }

    .sm\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (min-width: 940px) {
    .md\:justify-start {
        justify-content: start;
    }

    .md\:justify-end {
        justify-content: end;
    }

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

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

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

    .md\:justify-space-evenly {
        justify-content: space-evenly;
    }

    .md\:align-items-start {
        align-items: start;
    }

    .md\:align-items-end {
        align-items: end;
    }

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

    .md\:align-items-stretch {
        align-items: stretch;
    }

    .md\:align-items-baseline {
        align-items: baseline;
    }
}

@media only screen and (min-width: 1240px) {
    .lg\:justify-start {
        justify-content: start;
    }

    .lg\:justify-end {
        justify-content: end;
    }

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

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

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

    .lg\:justify-space-evenly {
        justify-content: space-evenly;
    }

    .lg\:align-items-start {
        align-items: start;
    }

    .lg\:align-items-end {
        align-items: end;
    }

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

    .lg\:align-items-stretch {
        align-items: stretch;
    }

    .lg\:align-items-baseline {
        align-items: baseline;
    }
}

.d-none {
    display: none;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.d-block {
    display: block;
}

.d-flex {
    column-gap: calc(var(--grid-spacer-width) * 2);
    display: flex;
}

.d-flex-header {
    column-gap: calc(var(--grid-spacer-width) * 0.5);
    display: flex;
}

.d-inline-flex {
    column-gap: calc(var(--grid-spacer-width) * 2);
    display: inline-flex;
}

.d-grid {
    column-gap: calc(var(--grid-spacer-width) * 2);
    display: grid;
}

.d-inline-grid {
    column-gap: calc(var(--grid-spacer-width) * 2);
    display: inline-grid;
}

.info-part {
    font-style: italic;
}

.info-part-field {
    font-style: italic;
    font-size: 12px;
}


@media (min-width: 640px) {
    .application-header img {
        height: 150px;
    }

    .application-card img {
        height: 100px;
    }

    .applicationActive:after {
        border: none;
    }
}
@media (max-width: 640px) {

    .application-header img {
        height: 150px;
    }
    .application-card img {
        height: 100px;
    }

    .applicationActive:after{
        border:none;
    }

}


    @media only screen and (min-width: 640px) {

        .sm\:d-none {
            display: none;
        }

        .sm\:d-inline {
            display: inline;
        }

        .sm\:d-inline-block {
            display: inline-block;
        }

        .sm\:d-block {
            display: block;
        }

        .sm\:d-flex {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: flex;
        }

        .sm\:d-inline-flex {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: inline-flex;
        }

        .sm\:d-grid {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: grid;
        }

        .sm\:d-inline-grid {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: inline-grid;
        }
    }

    @media only screen and (min-width: 940px) {
        .md\:d-none {
            display: none;
        }

        .md\:d-inline {
            display: inline;
        }

        .md\:d-inline-block {
            display: inline-block;
        }

        .md\:d-block {
            display: block;
        }

        .md\:d-flex {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: flex;
        }

        .md\:d-inline-flex {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: inline-flex;
        }

        .md\:d-grid {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: grid;
        }

        .md\:d-inline-grid {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: inline-grid;
        }
    }
    @media (min-width:640px) and (max-width:992px) {
        .mdlg\:d-none {
            display: none;
        }
        .mdlg\:d-block {
            display: block;
        }
        .step{
            font-size:10px !important;
            padding-left:10px;
        }
        .applicationSuccess:after{

        }
    }
    @media (min-width:992px) and (max-width: 1200px) {

       
        .step .circle {
            font-size: 12px;
            height: 20px;
            width: 20px;
            padding:0px;
        }
        .step{
            font-size:12px !important;
        }

    }
    @media only screen and (min-width: 1240px) {
        .lg\:d-none {
            display: none;
        }

        .lg\:d-inline {
            display: inline;
        }

        .lg\:d-inline-block {
            display: inline-block;
        }

        .lg\:d-block {
            display: block;
        }

        .lg\:d-flex {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: flex;
        }

        .lg\:d-inline-flex {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: inline-flex;
        }

        .lg\:d-grid {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: grid;
        }

        .lg\:d-inline-grid {
            column-gap: calc(var(--grid-spacer-width) * 2);
            display: inline-grid;
        }
    }

    /* ==========================================================================
   Typography
   ========================================================================== */

    /* Paragraphs
   ========================================================================== */

    p {
        font-size: 1.4rem;
        margin: 0;
    }

    * + p {
        margin-top: 1.25em;
    }

    ul + p,
    ol + p {
        margin-top: 2em;
    }

    @media only screen and (min-width: 940px) {
        p {
            font-size: 1.6rem;
        }
    }

    /* Lists
   ========================================================================== */

    ul,
    ol {
        font-size: 1.4rem;
        margin: 0;
    }

    * + ul,
    * + ol {
        margin-top: 1.25em;
    }

    li + li {
        margin-top: 0.5em;
    }

    .list-unstyled {
        list-style: none;
        margin: 0;
        padding-left: 0;
    }

        .list-unstyled li + li {
            margin-top: 0;
        }

    @media only screen and (min-width: 940px) {
        ul,
        ol {
            font-size: 1.6rem;
        }
    }





    /* ==========================================================================
   Forms
   ========================================================================== */


    /* Fieldset
   ========================================================================== */

    fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }

    /* Labels
   ========================================================================== */

    label,
    legend {
        color: var(--label-text-color);
        font-family: var(--label-text-font-family);
        font-size: var(--label-text-font-size);
        font-weight: var(--label-text-font-weight);
        display: block;
        letter-spacing: var(--label-text-letter-spacing);
        line-height: 1.6;
        padding-bottom: calc(var(--space-multiplier) * 1rem);
        position: relative;
    }

        label > [data-required="true"]::after,
        legend > [data-required="true"]::after {
            color: hsl(var(--form-error-color));
            content: "*";
            padding-left: 0.25em;
            position: absolute;
        }

    /* Fields
   ========================================================================== */

    [multiple],
    [type="date"],
    [type="datetime-local"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="text"],
    [type="time"],
    [type="url"],
    [type="week"],
    select,
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        background-color: var(--field-background-color);
        border: none;
        border-radius: var(--field-border-radius);
        color: var(--field-text-color);
        display: block;
        font-family: var(--field-text-font-family);
        font-size: var(--field-text-font-size);
        font-weight: var(--field-text-font-weight);
        letter-spacing: var(--field-text-letter-spacing);
        width: 100% !important;
    }

    [multiple],
    [type="date"],
    [type="datetime-local"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="text"],
    [type="time"],
    [type="url"],
    [type="week"],
    select {
        line-height: var(--field-height);
        padding: var(--field-padding);
    }

    select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='hsl(0, 0%, 13%)' d='M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 2rem center;
        background-size: 0.7em auto;
        padding-right: 5rem;
        background-color: var(--field-background-color) !important;
        border-radius: 6px;
        border: none !important;
        height: 3.0rem;
    }

    textarea {
        --field-padding: calc(var(--space-multiplier) * 2rem);
        padding: var(--field-padding);
        resize: vertical;
    }

    /* --- Checkbox and Radio --- */

    .form__choice-wrapper {
        --label-text-font-weight: 500;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: min-content 1fr;
        padding: 0;
    }

        .form__choice-wrapper + .form__choice-wrapper {
            margin-top: calc(var(--space-multiplier) * 1rem);
        }

    [type="radio"],
    [type="checkbox"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        background-color: var(--field-background-color);
        border: var(--field-border);
        color: currentColor;
        font: inherit;
        height: 2rem !important;
        margin: 0;
        width: 2rem !important;
    }

        [type="radio"]:focus-visible,
        [type="checkbox"]:focus-visible {
            outline-offset: 4px;
        }

        [type="radio"]:checked,
        [type="checkbox"]:checked {
            --field-border-color: #12B28C;
            --field-border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
            background-color: #12B28C;
        }

    [type="radio"] {
        border-radius: 50%;
        display: grid;
        place-content: center;
    }

        [type="radio"]::before {
            border-radius: 50%;
            box-shadow: inset 0 0 0 1em var(--field-background-color);
            content: '';
            height: 1em;
            width: 1em;
        }

    [type="checkbox"] {
        border-radius: 3px;
    }

        [type="checkbox"]:checked {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 1em auto;
        }

    /* Errors
   ========================================================================== */

    input[aria-invalid="true"],
    select[aria-invalid="true"],
    textarea[aria-invalid="true"] {
        --field-border-color: hsl(var(--form-error-color));
        --field-border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
        --field-text-color: var(--error-text-color);
        box-shadow: 0 0 0 1px hsl(var(--form-error-color));
    }

    select[aria-invalid="true"] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='hsl(356, 75%, 53%)' d='M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z'/%3E%3C/svg%3E");
    }

    /* --- Error Text --- */

    .form__error-text {
        color: var(--error-text-color);
        font-family: var(--error-text-font-family);
        font-size: var(--error-text-font-size);
        font-weight: var(--error-text-font-weight);
        letter-spacing: var(--error-text-letter-spacing);
        line-height: 1.6;
        margin-top: calc(var(--space-multiplier) * 1rem);
    }


    button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        background-color: var(--button-background-color);
        border: var(--button-border);
        border-radius: var(--button-border-radius);
        color: var(--button-text-color);
        display: block;
        font-family: var(--button-text-font-family);
        font-size: var(--button-text-font-size);
        font-weight: var(--button-text-font-weight);
        letter-spacing: var(--button-text-letter-spacing);
        line-height: var(--button-height);
        padding: var(--button-padding);
        text-align: var(--button-text-align);
        text-decoration: var(--button-text-decoration);
        text-shadow: var(--button-text-shadow);
        transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
        white-space: nowrap;
        width: 100%;
    }

        button:active {
            transform: translateY(1px);
        }


        button:focus-visible {
            outline-offset: 4px;
        }

:disabled {
    background-color: #e9ecef !important; /* dimgrey */
    color: #000 !important;  /* linen */
    opacity: 1;
    cursor: no-drop;
}

    @media only screen and (min-width: 640px) {
        button {
            display: inline-block;
            vertical-align: top;
            width: auto;
        }
    }

    .m-0 {
        margin: 0;
    }

    .m-1 {
        margin: calc(var(--space-multiplier) * 1rem);
    }

    .m-2 {
        margin: calc(var(--space-multiplier) * 2rem);
    }

    .m-3 {
        margin: calc(var(--space-multiplier) * 3rem);
    }

    .m-4 {
        margin: calc(var(--space-multiplier) * 4rem);
    }

    .m-5 {
        margin: calc(var(--space-multiplier) * 5rem);
    }

    .m-6 {
        margin: calc(var(--space-multiplier) * 6rem);
    }

    .m-auto {
        margin: auto;
    }

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

    .mt-1 {
        margin-top: calc(var(--space-multiplier) * 1rem);
    }

    .mt-2 {
        margin-top: calc(var(--space-multiplier) * 2rem);
    }

    .mt-3 {
        margin-top: calc(var(--space-multiplier) * 3rem);
    }

    .mt-4 {
        margin-top: calc(var(--space-multiplier) * 4rem);
    }

    .mt-5 {
        margin-top: calc(var(--space-multiplier) * 5rem);
    }

    .mt-6 {
        margin-top: calc(var(--space-multiplier) * 6rem);
    }

    .mt-auto {
        margin-top: auto;
    }

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

    .mb-1 {
        margin-bottom: calc(var(--space-multiplier) * 1rem);
    }

    .mb-2 {
        margin-bottom: calc(var(--space-multiplier) * 2rem);
    }

    .mb-3 {
        margin-bottom: calc(var(--space-multiplier) * 3rem);
    }

    .mb-4 {
        margin-bottom: calc(var(--space-multiplier) * 4rem);
    }

    .mb-5 {
        margin-bottom: calc(var(--space-multiplier) * 5rem);
    }

    .mb-6 {
        margin-bottom: calc(var(--space-multiplier) * 6rem);
    }

    .mb-auto {
        margin-bottom: auto;
    }

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

    .ml-1 {
        margin-left: calc(var(--space-multiplier) * 1rem);
    }

    .ml-2 {
        margin-left: calc(var(--space-multiplier) * 2rem);
    }

    .ml-3 {
        margin-left: calc(var(--space-multiplier) * 3rem);
    }

    .ml-4 {
        margin-left: calc(var(--space-multiplier) * 4rem);
    }

    .ml-5 {
        margin-left: calc(var(--space-multiplier) * 5rem);
    }

    .ml-6 {
        margin-left: calc(var(--space-multiplier) * 6rem);
    }

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

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

    .mr-1 {
        margin-right: calc(var(--space-multiplier) * 1rem);
    }

    .mr-2 {
        margin-right: calc(var(--space-multiplier) * 2rem);
    }

    .mr-3 {
        margin-right: calc(var(--space-multiplier) * 3rem);
    }

    .mr-4 {
        margin-right: calc(var(--space-multiplier) * 4rem);
    }

    .mr-5 {
        margin-right: calc(var(--space-multiplier) * 5rem);
    }

    .mr-6 {
        margin-right: calc(var(--space-multiplier) * 6rem);
    }

    .mr-auto {
        margin-right: auto;
    }

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

    .mx-1 {
        margin-left: calc(var(--space-multiplier) * 1rem);
        margin-right: calc(var(--space-multiplier) * 1rem);
    }

    .mx-2 {
        margin-left: calc(var(--space-multiplier) * 2rem);
        margin-right: calc(var(--space-multiplier) * 2rem);
    }

    .mx-3 {
        margin-left: calc(var(--space-multiplier) * 3rem);
        margin-right: calc(var(--space-multiplier) * 3rem);
    }

    .mx-4 {
        margin-left: calc(var(--space-multiplier) * 4rem);
        margin-right: calc(var(--space-multiplier) * 4rem);
    }

    .mx-5 {
        margin-left: calc(var(--space-multiplier) * 5rem);
        margin-right: calc(var(--space-multiplier) * 5rem);
    }

    .mx-6 {
        margin-left: calc(var(--space-multiplier) * 6rem);
        margin-right: calc(var(--space-multiplier) * 6rem);
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

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

    .my-1 {
        margin-top: calc(var(--space-multiplier) * 1rem);
        margin-bottom: calc(var(--space-multiplier) * 1rem);
    }

    .my-2 {
        margin-top: calc(var(--space-multiplier) * 2rem);
        margin-bottom: calc(var(--space-multiplier) * 2rem);
    }

    .my-3 {
        margin-top: calc(var(--space-multiplier) * 3rem);
        margin-bottom: calc(var(--space-multiplier) * 3rem);
    }

    .my-4 {
        margin-top: calc(var(--space-multiplier) * 4rem);
        margin-bottom: calc(var(--space-multiplier) * 4rem);
    }

    .my-5 {
        margin-top: calc(var(--space-multiplier) * 5rem);
        margin-bottom: calc(var(--space-multiplier) * 5rem);
    }

    .my-6 {
        margin-top: calc(var(--space-multiplier) * 6rem);
        margin-bottom: calc(var(--space-multiplier) * 6rem);
    }

    .my-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    @media only screen and (min-width: 640px) {
        .sm\:m-0 {
            margin: 0;
        }

        .sm\:m-1 {
            margin: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:m-2 {
            margin: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:m-3 {
            margin: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:m-4 {
            margin: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:m-5 {
            margin: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:m-6 {
            margin: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:m-auto {
            margin: auto;
        }

        .sm\:mt-0 {
            margin-top: 0;
        }

        .sm\:mt-1 {
            margin-top: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:mt-2 {
            margin-top: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:mt-3 {
            margin-top: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:mt-4 {
            margin-top: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:mt-5 {
            margin-top: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:mt-6 {
            margin-top: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:mt-auto {
            margin-top: auto;
        }

        .sm\:mb-0 {
            margin-bottom: 0;
        }

        .sm\:mb-1 {
            margin-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:mb-2 {
            margin-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:mb-3 {
            margin-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:mb-4 {
            margin-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:mb-5 {
            margin-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:mb-6 {
            margin-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:mb-auto {
            margin-bottom: auto;
        }

        .sm\:ml-0 {
            margin-left: 0;
        }

        .sm\:ml-1 {
            margin-left: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:ml-2 {
            margin-left: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:ml-3 {
            margin-left: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:ml-4 {
            margin-left: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:ml-5 {
            margin-left: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:ml-6 {
            margin-left: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:ml-auto {
            margin-left: auto;
        }

        .sm\:mr-0 {
            margin-right: 0;
        }

        .sm\:mr-1 {
            margin-right: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:mr-2 {
            margin-right: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:mr-3 {
            margin-right: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:mr-4 {
            margin-right: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:mr-5 {
            margin-right: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:mr-6 {
            margin-right: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:mr-auto {
            margin-right: auto;
        }

        .sm\:mx-0 {
            margin-left: 0;
            margin-right: 0;
        }

        .sm\:mx-1 {
            margin-left: calc(var(--space-multiplier) * 1rem);
            margin-right: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:mx-2 {
            margin-left: calc(var(--space-multiplier) * 2rem);
            margin-right: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:mx-3 {
            margin-left: calc(var(--space-multiplier) * 3rem);
            margin-right: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:mx-4 {
            margin-left: calc(var(--space-multiplier) * 4rem);
            margin-right: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:mx-5 {
            margin-left: calc(var(--space-multiplier) * 5rem);
            margin-right: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:mx-6 {
            margin-left: calc(var(--space-multiplier) * 6rem);
            margin-right: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .sm\:my-0 {
            margin-top: 0;
            margin-bottom: 0;
        }

        .sm\:my-1 {
            margin-top: calc(var(--space-multiplier) * 1rem);
            margin-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:my-2 {
            margin-top: calc(var(--space-multiplier) * 2rem);
            margin-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:my-3 {
            margin-top: calc(var(--space-multiplier) * 3rem);
            margin-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:my-4 {
            margin-top: calc(var(--space-multiplier) * 4rem);
            margin-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:my-5 {
            margin-top: calc(var(--space-multiplier) * 5rem);
            margin-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:my-6 {
            margin-top: calc(var(--space-multiplier) * 6rem);
            margin-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:my-auto {
            margin-top: auto;
            margin-bottom: auto;
        }
    }

    @media only screen and (min-width: 940px) {
        .md\:m-0 {
            margin: 0;
        }

        .md\:m-1 {
            margin: calc(var(--space-multiplier) * 1rem);
        }

        .md\:m-2 {
            margin: calc(var(--space-multiplier) * 2rem);
        }

        .md\:m-3 {
            margin: calc(var(--space-multiplier) * 3rem);
        }

        .md\:m-4 {
            margin: calc(var(--space-multiplier) * 4rem);
        }

        .md\:m-5 {
            margin: calc(var(--space-multiplier) * 5rem);
        }

        .md\:m-6 {
            margin: calc(var(--space-multiplier) * 6rem);
        }

        .md\:m-auto {
            margin: auto;
        }

        .md\:mt-0 {
            margin-top: 0;
        }

        .md\:mt-1 {
            margin-top: calc(var(--space-multiplier) * 1rem);
        }

        .md\:mt-2 {
            margin-top: calc(var(--space-multiplier) * 2rem);
        }

        .md\:mt-3 {
            margin-top: calc(var(--space-multiplier) * 3rem);
        }

        .md\:mt-4 {
            margin-top: calc(var(--space-multiplier) * 4rem);
        }

        .md\:mt-5 {
            margin-top: calc(var(--space-multiplier) * 5rem);
        }

        .md\:mt-6 {
            margin-top: calc(var(--space-multiplier) * 6rem);
        }

        .md\:mt-auto {
            margin-top: auto;
        }

        .md\:mb-0 {
            margin-bottom: 0;
        }

        .md\:mb-1 {
            margin-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .md\:mb-2 {
            margin-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .md\:mb-3 {
            margin-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .md\:mb-4 {
            margin-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .md\:mb-5 {
            margin-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .md\:mb-6 {
            margin-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .md\:mb-auto {
            margin-bottom: auto;
        }

        .md\:ml-0 {
            margin-left: 0;
        }

        .md\:ml-1 {
            margin-left: calc(var(--space-multiplier) * 1rem);
        }

        .md\:ml-2 {
            margin-left: calc(var(--space-multiplier) * 2rem);
        }

        .md\:ml-3 {
            margin-left: calc(var(--space-multiplier) * 3rem);
        }

        .md\:ml-4 {
            margin-left: calc(var(--space-multiplier) * 4rem);
        }

        .md\:ml-5 {
            margin-left: calc(var(--space-multiplier) * 5rem);
        }

        .md\:ml-6 {
            margin-left: calc(var(--space-multiplier) * 6rem);
        }

        .md\:ml-auto {
            margin-left: auto;
        }

        .md\:mr-0 {
            margin-right: 0;
        }

        .md\:mr-1 {
            margin-right: calc(var(--space-multiplier) * 1rem);
        }

        .md\:mr-2 {
            margin-right: calc(var(--space-multiplier) * 2rem);
        }

        .md\:mr-3 {
            margin-right: calc(var(--space-multiplier) * 3rem);
        }

        .md\:mr-4 {
            margin-right: calc(var(--space-multiplier) * 4rem);
        }

        .md\:mr-5 {
            margin-right: calc(var(--space-multiplier) * 5rem);
        }

        .md\:mr-6 {
            margin-right: calc(var(--space-multiplier) * 6rem);
        }

        .md\:mr-auto {
            margin-right: auto;
        }

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

        .md\:mx-1 {
            margin-left: calc(var(--space-multiplier) * 1rem);
            margin-right: calc(var(--space-multiplier) * 1rem);
        }

        .md\:mx-2 {
            margin-left: calc(var(--space-multiplier) * 2rem);
            margin-right: calc(var(--space-multiplier) * 2rem);
        }

        .md\:mx-3 {
            margin-left: calc(var(--space-multiplier) * 3rem);
            margin-right: calc(var(--space-multiplier) * 3rem);
        }

        .md\:mx-4 {
            margin-left: calc(var(--space-multiplier) * 4rem);
            margin-right: calc(var(--space-multiplier) * 4rem);
        }

        .md\:mx-5 {
            margin-left: calc(var(--space-multiplier) * 5rem);
            margin-right: calc(var(--space-multiplier) * 5rem);
        }

        .md\:mx-6 {
            margin-left: calc(var(--space-multiplier) * 6rem);
            margin-right: calc(var(--space-multiplier) * 6rem);
        }

        .md\:mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .md\:my-0 {
            margin-top: 0;
            margin-bottom: 0;
        }

        .md\:my-1 {
            margin-top: calc(var(--space-multiplier) * 1rem);
            margin-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .md\:my-2 {
            margin-top: calc(var(--space-multiplier) * 2rem);
            margin-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .md\:my-3 {
            margin-top: calc(var(--space-multiplier) * 3rem);
            margin-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .md\:my-4 {
            margin-top: calc(var(--space-multiplier) * 4rem);
            margin-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .md\:my-5 {
            margin-top: calc(var(--space-multiplier) * 5rem);
            margin-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .md\:my-6 {
            margin-top: calc(var(--space-multiplier) * 6rem);
            margin-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .md\:my-auto {
            margin-top: auto;
            margin-bottom: auto;
        }
    }

    @media only screen and (min-width: 1240px) {
        .lg\:m-0 {
            margin: 0;
        }

        .lg\:m-1 {
            margin: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:m-2 {
            margin: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:m-3 {
            margin: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:m-4 {
            margin: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:m-5 {
            margin: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:m-6 {
            margin: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:m-auto {
            margin: auto;
        }

        .lg\:mt-0 {
            margin-top: 0;
        }

        .lg\:mt-1 {
            margin-top: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:mt-2 {
            margin-top: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:mt-3 {
            margin-top: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:mt-4 {
            margin-top: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:mt-5 {
            margin-top: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:mt-6 {
            margin-top: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:mt-auto {
            margin-top: auto;
        }

        .lg\:mb-0 {
            margin-bottom: 0;
        }

        .lg\:mb-1 {
            margin-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:mb-2 {
            margin-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:mb-3 {
            margin-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:mb-4 {
            margin-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:mb-5 {
            margin-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:mb-6 {
            margin-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:mb-auto {
            margin-bottom: auto;
        }

        .lg\:ml-0 {
            margin-left: 0;
        }

        .lg\:ml-1 {
            margin-left: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:ml-2 {
            margin-left: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:ml-3 {
            margin-left: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:ml-4 {
            margin-left: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:ml-5 {
            margin-left: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:ml-6 {
            margin-left: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:ml-auto {
            margin-left: auto;
        }

        .lg\:mr-0 {
            margin-right: 0;
        }

        .lg\:mr-1 {
            margin-right: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:mr-2 {
            margin-right: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:mr-3 {
            margin-right: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:mr-4 {
            margin-right: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:mr-5 {
            margin-right: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:mr-6 {
            margin-right: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:mr-auto {
            margin-right: auto;
        }

        .lg\:mx-0 {
            margin-left: 0;
            margin-right: 0;
        }

        .lg\:mx-1 {
            margin-left: calc(var(--space-multiplier) * 1rem);
            margin-right: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:mx-2 {
            margin-left: calc(var(--space-multiplier) * 2rem);
            margin-right: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:mx-3 {
            margin-left: calc(var(--space-multiplier) * 3rem);
            margin-right: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:mx-4 {
            margin-left: calc(var(--space-multiplier) * 4rem);
            margin-right: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:mx-5 {
            margin-left: calc(var(--space-multiplier) * 5rem);
            margin-right: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:mx-6 {
            margin-left: calc(var(--space-multiplier) * 6rem);
            margin-right: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .lg\:my-0 {
            margin-top: 0;
            margin-bottom: 0;
        }

        .lg\:my-1 {
            margin-top: calc(var(--space-multiplier) * 1rem);
            margin-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:my-2 {
            margin-top: calc(var(--space-multiplier) * 2rem);
            margin-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:my-3 {
            margin-top: calc(var(--space-multiplier) * 3rem);
            margin-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:my-4 {
            margin-top: calc(var(--space-multiplier) * 4rem);
            margin-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:my-5 {
            margin-top: calc(var(--space-multiplier) * 5rem);
            margin-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:my-6 {
            margin-top: calc(var(--space-multiplier) * 6rem);
            margin-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:my-auto {
            margin-top: auto;
            margin-bottom: auto;
        }
    }

    .p-0 {
        padding: 0;
    }

    .p-1 {
        padding: calc(var(--space-multiplier) * 1rem);
    }

    .p-2 {
        padding: calc(var(--space-multiplier) * 2rem);
    }

    .p-3 {
        padding: calc(var(--space-multiplier) * 3rem);
    }

    .p-4 {
        padding: calc(var(--space-multiplier) * 4rem);
    }

    .p-5 {
        padding: calc(var(--space-multiplier) * 5rem);
    }

    .p-6 {
        padding: calc(var(--space-multiplier) * 6rem);
    }

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

    .pt-1 {
        padding-top: calc(var(--space-multiplier) * 1rem);
    }

    .pt-2 {
        padding-top: calc(var(--space-multiplier) * 2rem);
    }

    .pt-3 {
        padding-top: calc(var(--space-multiplier) * 3rem);
    }

    .pt-4 {
        padding-top: calc(var(--space-multiplier) * 4rem);
    }

    .pt-5 {
        padding-top: calc(var(--space-multiplier) * 5rem);
    }

    .pt-6 {
        padding-top: calc(var(--space-multiplier) * 6rem);
    }

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

    .pb-1 {
        padding-bottom: calc(var(--space-multiplier) * 1rem);
    }

    .pb-2 {
        padding-bottom: calc(var(--space-multiplier) * 2rem);
    }

    .pb-3 {
        padding-bottom: calc(var(--space-multiplier) * 3rem);
    }

    .pb-4 {
        padding-bottom: calc(var(--space-multiplier) * 4rem);
    }

    .pb-5 {
        padding-bottom: calc(var(--space-multiplier) * 5rem);
    }

    .pb-6 {
        padding-bottom: calc(var(--space-multiplier) * 6rem);
    }

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

    .pl-1 {
        padding-left: calc(var(--space-multiplier) * 1rem);
    }

    .pl-2 {
        padding-left: calc(var(--space-multiplier) * 2rem);
    }

    .pl-3 {
        padding-left: calc(var(--space-multiplier) * 3rem);
    }

    .pl-4 {
        padding-left: calc(var(--space-multiplier) * 4rem);
    }

    .pl-5 {
        padding-left: calc(var(--space-multiplier) * 5rem);
    }

    .pl-6 {
        padding-left: calc(var(--space-multiplier) * 6rem);
    }

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

    .pr-1 {
        padding-right: calc(var(--space-multiplier) * 1rem);
    }

    .pr-2 {
        padding-right: calc(var(--space-multiplier) * 2rem);
    }

    .pr-3 {
        padding-right: calc(var(--space-multiplier) * 3rem);
    }

    .pr-4 {
        padding-right: calc(var(--space-multiplier) * 4rem);
    }

    .pr-5 {
        padding-right: calc(var(--space-multiplier) * 5rem);
    }

    .pr-6 {
        padding-right: calc(var(--space-multiplier) * 6rem);
    }

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

    .px-1 {
        padding-left: calc(var(--space-multiplier) * 1rem);
        padding-right: calc(var(--space-multiplier) * 1rem);
    }

    .px-2 {
        padding-left: calc(var(--space-multiplier) * 2rem);
        padding-right: calc(var(--space-multiplier) * 2rem);
    }

    .px-3 {
        padding-left: calc(var(--space-multiplier) * 3rem);
        padding-right: calc(var(--space-multiplier) * 3rem);
    }

    .px-4 {
        padding-left: calc(var(--space-multiplier) * 4rem);
        padding-right: calc(var(--space-multiplier) * 4rem);
    }

    .px-5 {
        padding-left: calc(var(--space-multiplier) * 5rem);
        padding-right: calc(var(--space-multiplier) * 5rem);
    }

    .px-6 {
        padding-left: calc(var(--space-multiplier) * 6rem);
        padding-right: calc(var(--space-multiplier) * 6rem);
    }

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

    .py-1 {
        padding-top: calc(var(--space-multiplier) * 1rem);
        padding-bottom: calc(var(--space-multiplier) * 1rem);
    }

    .py-2 {
        padding-top: calc(var(--space-multiplier) * 2rem);
        padding-bottom: calc(var(--space-multiplier) * 2rem);
    }

    .py-3 {
        padding-top: calc(var(--space-multiplier) * 3rem);
        padding-bottom: calc(var(--space-multiplier) * 3rem);
    }

    .py-4 {
        padding-top: calc(var(--space-multiplier) * 4rem);
        padding-bottom: calc(var(--space-multiplier) * 4rem);
    }

    .py-5 {
        padding-top: calc(var(--space-multiplier) * 5rem);
        padding-bottom: calc(var(--space-multiplier) * 5rem);
    }

    .py-6 {
        padding-top: calc(var(--space-multiplier) * 6rem);
        padding-bottom: calc(var(--space-multiplier) * 6rem);
    }

    @media only screen and (min-width: 640px) {
        .sm\:p-0 {
            padding: 0;
        }

        .sm\:p-1 {
            padding: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:p-2 {
            padding: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:p-3 {
            padding: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:p-4 {
            padding: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:p-5 {
            padding: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:p-6 {
            padding: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:pt-0 {
            padding-top: 0;
        }

        .sm\:pt-1 {
            padding-top: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:pt-2 {
            padding-top: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:pt-3 {
            padding-top: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:pt-4 {
            padding-top: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:pt-5 {
            padding-top: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:pt-6 {
            padding-top: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:pb-0 {
            padding-bottom: 0;
        }

        .sm\:pb-1 {
            padding-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:pb-2 {
            padding-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:pb-3 {
            padding-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:pb-4 {
            padding-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:pb-5 {
            padding-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:pb-6 {
            padding-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:pl-0 {
            padding-left: 0;
        }

        .sm\:pl-1 {
            padding-left: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:pl-2 {
            padding-left: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:pl-3 {
            padding-left: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:pl-4 {
            padding-left: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:pl-5 {
            padding-left: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:pl-6 {
            padding-left: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:pr-0 {
            padding-right: 0;
        }

        .sm\:pr-1 {
            padding-right: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:pr-2 {
            padding-right: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:pr-3 {
            padding-right: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:pr-4 {
            padding-right: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:pr-5 {
            padding-right: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:pr-6 {
            padding-right: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:px-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .sm\:px-1 {
            padding-left: calc(var(--space-multiplier) * 1rem);
            padding-right: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:px-2 {
            padding-left: calc(var(--space-multiplier) * 2rem);
            padding-right: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:px-3 {
            padding-left: calc(var(--space-multiplier) * 3rem);
            padding-right: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:px-4 {
            padding-left: calc(var(--space-multiplier) * 4rem);
            padding-right: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:px-5 {
            padding-left: calc(var(--space-multiplier) * 5rem);
            padding-right: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:px-6 {
            padding-left: calc(var(--space-multiplier) * 6rem);
            padding-right: calc(var(--space-multiplier) * 6rem);
        }

        .sm\:py-0 {
            padding-top: 0;
            padding-bottom: 0;
        }

        .sm\:py-1 {
            padding-top: calc(var(--space-multiplier) * 1rem);
            padding-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .sm\:py-2 {
            padding-top: calc(var(--space-multiplier) * 2rem);
            padding-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .sm\:py-3 {
            padding-top: calc(var(--space-multiplier) * 3rem);
            padding-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .sm\:py-4 {
            padding-top: calc(var(--space-multiplier) * 4rem);
            padding-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .sm\:py-5 {
            padding-top: calc(var(--space-multiplier) * 5rem);
            padding-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .sm\:py-6 {
            padding-top: calc(var(--space-multiplier) * 6rem);
            padding-bottom: calc(var(--space-multiplier) * 6rem);
        }
    }

    @media only screen and (min-width: 940px) {
        .md\:p-0 {
            padding: 0;
        }

        .md\:p-1 {
            padding: calc(var(--space-multiplier) * 1rem);
        }

        .md\:p-2 {
            padding: calc(var(--space-multiplier) * 2rem);
        }

        .md\:p-3 {
            padding: calc(var(--space-multiplier) * 3rem);
        }

        .md\:p-4 {
            padding: calc(var(--space-multiplier) * 4rem);
        }

        .md\:p-5 {
            padding: calc(var(--space-multiplier) * 5rem);
        }

        .md\:p-6 {
            padding: calc(var(--space-multiplier) * 6rem);
        }

        .md\:pt-0 {
            padding-top: 0;
        }

        .md\:pt-1 {
            padding-top: calc(var(--space-multiplier) * 1rem);
        }

        .md\:pt-2 {
            padding-top: calc(var(--space-multiplier) * 2rem);
        }

        .md\:pt-3 {
            padding-top: calc(var(--space-multiplier) * 3rem);
        }

        .md\:pt-4 {
            padding-top: calc(var(--space-multiplier) * 4rem);
        }

        .md\:pt-5 {
            padding-top: calc(var(--space-multiplier) * 5rem);
        }

        .md\:pt-6 {
            padding-top: calc(var(--space-multiplier) * 6rem);
        }

        .md\:pb-0 {
            padding-bottom: 0;
        }

        .md\:pb-1 {
            padding-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .md\:pb-2 {
            padding-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .md\:pb-3 {
            padding-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .md\:pb-4 {
            padding-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .md\:pb-5 {
            padding-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .md\:pb-6 {
            padding-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .md\:pl-0 {
            padding-left: 0;
        }

        .md\:pl-1 {
            padding-left: calc(var(--space-multiplier) * 1rem);
        }

        .md\:pl-2 {
            padding-left: calc(var(--space-multiplier) * 2rem);
        }

        .md\:pl-3 {
            padding-left: calc(var(--space-multiplier) * 3rem);
        }

        .md\:pl-4 {
            padding-left: calc(var(--space-multiplier) * 4rem);
        }

        .md\:pl-5 {
            padding-left: calc(var(--space-multiplier) * 5rem);
        }

        .md\:pl-6 {
            padding-left: calc(var(--space-multiplier) * 6rem);
        }

        .md\:pr-0 {
            padding-right: 0;
        }

        .md\:pr-1 {
            padding-right: calc(var(--space-multiplier) * 1rem);
        }

        .md\:pr-2 {
            padding-right: calc(var(--space-multiplier) * 2rem);
        }

        .md\:pr-3 {
            padding-right: calc(var(--space-multiplier) * 3rem);
        }

        .md\:pr-4 {
            padding-right: calc(var(--space-multiplier) * 4rem);
        }

        .md\:pr-5 {
            padding-right: calc(var(--space-multiplier) * 5rem);
        }

        .md\:pr-6 {
            padding-right: calc(var(--space-multiplier) * 6rem);
        }

        .md\:px-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .md\:px-1 {
            padding-left: calc(var(--space-multiplier) * 1rem);
            padding-right: calc(var(--space-multiplier) * 1rem);
        }

        .md\:px-2 {
            padding-left: calc(var(--space-multiplier) * 2rem);
            padding-right: calc(var(--space-multiplier) * 2rem);
        }

        .md\:px-3 {
            padding-left: calc(var(--space-multiplier) * 3rem);
            padding-right: calc(var(--space-multiplier) * 3rem);
        }

        .md\:px-4 {
            padding-left: calc(var(--space-multiplier) * 4rem);
            padding-right: calc(var(--space-multiplier) * 4rem);
        }

        .md\:px-5 {
            padding-left: calc(var(--space-multiplier) * 5rem);
            padding-right: calc(var(--space-multiplier) * 5rem);
        }

        .md\:px-6 {
            padding-left: calc(var(--space-multiplier) * 6rem);
            padding-right: calc(var(--space-multiplier) * 6rem);
        }

        .md\:py-0 {
            padding-top: 0;
            padding-bottom: 0;
        }

        .md\:py-1 {
            padding-top: calc(var(--space-multiplier) * 1rem);
            padding-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .md\:py-2 {
            padding-top: calc(var(--space-multiplier) * 2rem);
            padding-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .md\:py-3 {
            padding-top: calc(var(--space-multiplier) * 3rem);
            padding-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .md\:py-4 {
            padding-top: calc(var(--space-multiplier) * 4rem);
            padding-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .md\:py-5 {
            padding-top: calc(var(--space-multiplier) * 5rem);
            padding-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .md\:py-6 {
            padding-top: calc(var(--space-multiplier) * 6rem);
            padding-bottom: calc(var(--space-multiplier) * 6rem);
        }
    }

    @media only screen and (min-width: 1240px) {
        .lg\:p-0 {
            padding: 0;
        }

        .lg\:p-1 {
            padding: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:p-2 {
            padding: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:p-3 {
            padding: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:p-4 {
            padding: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:p-5 {
            padding: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:p-6 {
            padding: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:pt-0 {
            padding-top: 0;
        }

        .lg\:pt-1 {
            padding-top: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:pt-2 {
            padding-top: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:pt-3 {
            padding-top: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:pt-4 {
            padding-top: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:pt-5 {
            padding-top: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:pt-6 {
            padding-top: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:pb-0 {
            padding-bottom: 0;
        }

        .lg\:pb-1 {
            padding-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:pb-2 {
            padding-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:pb-3 {
            padding-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:pb-4 {
            padding-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:pb-5 {
            padding-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:pb-6 {
            padding-bottom: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:pl-0 {
            padding-left: 0;
        }

        .lg\:pl-1 {
            padding-left: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:pl-2 {
            padding-left: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:pl-3 {
            padding-left: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:pl-4 {
            padding-left: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:pl-5 {
            padding-left: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:pl-6 {
            padding-left: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:pr-0 {
            padding-right: 0;
        }

        .lg\:pr-1 {
            padding-right: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:pr-2 {
            padding-right: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:pr-3 {
            padding-right: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:pr-4 {
            padding-right: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:pr-5 {
            padding-right: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:pr-6 {
            padding-right: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:px-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .lg\:px-1 {
            padding-left: calc(var(--space-multiplier) * 1rem);
            padding-right: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:px-2 {
            padding-left: calc(var(--space-multiplier) * 2rem);
            padding-right: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:px-3 {
            padding-left: calc(var(--space-multiplier) * 3rem);
            padding-right: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:px-4 {
            padding-left: calc(var(--space-multiplier) * 4rem);
            padding-right: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:px-5 {
            padding-left: calc(var(--space-multiplier) * 5rem);
            padding-right: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:px-6 {
            padding-left: calc(var(--space-multiplier) * 6rem);
            padding-right: calc(var(--space-multiplier) * 6rem);
        }

        .lg\:py-0 {
            padding-top: 0;
            padding-bottom: 0;
        }

        .lg\:py-1 {
            padding-top: calc(var(--space-multiplier) * 1rem);
            padding-bottom: calc(var(--space-multiplier) * 1rem);
        }

        .lg\:py-2 {
            padding-top: calc(var(--space-multiplier) * 2rem);
            padding-bottom: calc(var(--space-multiplier) * 2rem);
        }

        .lg\:py-3 {
            padding-top: calc(var(--space-multiplier) * 3rem);
            padding-bottom: calc(var(--space-multiplier) * 3rem);
        }

        .lg\:py-4 {
            padding-top: calc(var(--space-multiplier) * 4rem);
            padding-bottom: calc(var(--space-multiplier) * 4rem);
        }

        .lg\:py-5 {
            padding-top: calc(var(--space-multiplier) * 5rem);
            padding-bottom: calc(var(--space-multiplier) * 5rem);
        }

        .lg\:py-6 {
            padding-top: calc(var(--space-multiplier) * 6rem);
            padding-bottom: calc(var(--space-multiplier) * 6rem);
        }
    }


/*=========================================
Additional application form css 
=============================================*/

.card-body {
    padding: 3rem 3rem;
}