* {
    padding: 0;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    font-family: 'Poppins', Arial, Verdana, sans-serif;
}



/* Document Default */
@media screen {

    /*******
    * DEFAULTS
    *****/
    .light_mode {
        --nav-background: #000000;
        --nav-border: rgb(40, 39, 44);
        --nav-color: #ffffff;
        --background-color: #eceaf0;
        --foreground-color: #ffffff;
        --background-dark: #1c1a1d;
        --background-dark-label: #ccc;
        --text-color: #fff;
        --active-color: #0783fe;
        --form-validation-error: red;
        --input-background: #1c1a1d;
        --input-label: white;
        --input-label-dim: #888;
        --select-custom-background: #312e33;
        --modal-background: #544e59e8;
        --modal-border: black;
        --modal-container-bg: #1c1a1d;
        --loader-color: #fff;
        --btn-bg-dim: #322f33;
        --btn-bg-dim-hover: #4b444d;
    }

    html,
    body {
        height: 100%;
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
        min-width:100vw;
        width:100%;
        overflow-x: hidden;
    }

    body {
        display: flex;
        flex-direction: column;
        background: white;
        color: var(--label-color);
    }

    picture {
        display: block;
    }

    .video_wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0
    }

    .video_wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    svg {
        width: 100%
    }

    .icon {
        font-size: 0;
    }

    .main_nav_phone .icon {
        width: 20px;
        min-width: 20px;
        font-size: 0;
    }

    .hidden {
        display: none;
    }

    a {
        text-decoration: none;
    }

    .bold {
        font-weight: 600;
    }

    main {
        position: relative;
        flex: 1 0 auto;
        /* padding-top: 58px; */
        width: 100%;
        min-width: 100vw;
        max-width: 100vw;
    }

    .bg_white {
        background: white;
    }

    .wrapper {
        position: relative;
        flex: 1;
        width: 100%;
        max-width: 1194px;
        z-index: 2;
    }

    .wrapper_marging {
        margin-top: 4%;
    }

    .no_wrap {
        white-space: nowrap;
    }

    .responsive_width {
        width: 100%;
        height: auto;
    }

    .responsive_height {
        width: auto;
        height: 100%;
    }

    /*******
    * LOADING ICON
    *******/
    .loading_icon .loader-path {
        stroke: var(--loader-color);
        stroke-width: 4
    }

    .circular-loader {
        -webkit-animation: rotate 2s linear infinite;
        animation: rotate 2s linear infinite;
        height: inherit;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        width: inherit;
        position: relative;
        top: 0;
        left: 0;
        margin: auto
    }

    .loader-path {
        stroke-dasharray: 150, 200;
        stroke-dashoffset: -10;
        -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
        animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
        stroke-linecap: round
    }

    @-webkit-keyframes rotate {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes rotate {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-webkit-keyframes dash {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0
        }

        50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35
        }

        100% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124
        }
    }

    @keyframes dash {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0
        }

        50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35
        }

        100% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124
        }
    }

    @-webkit-keyframes color {
        0% {
            stroke: var(--loader-color)
        }

        40% {
            stroke: var(--loader-color)
        }

        66% {
            stroke: var(--loader-color)
        }

        80%,
        90% {
            stroke: var(--loader-color)
        }
    }

    @keyframes color {
        0% {
            stroke: var(--loader-color)
        }

        40% {
            stroke: var(--loader-color)
        }

        66% {
            stroke: var(--loader-color)
        }

        80%,
        90% {
            stroke: var(--loader-color)
        }
    }

    /*************************/

    /*******
    * INPUTS
    *******/
    .input_group {
        width: 100%;
    }

    .input_group input {
        width: 100%;
        width: inherit;
        height: inherit;
        border-radius: 6px;
        background: var(--bg_input_color);
        border: none;
        color: var(--font_color);
        font-size: 14px;
        padding: 14px;
        width: 100%;
        height: 42px;
    }
    
    input::placeholder {
        color: hsl(var(--bg_form_hue), var(--bg_form_sat), var(--bg_form_lns_placeholder));
        opacity: 1; /* Optional: ensures full visibility */
    }
    
    /* For compatibility with older browsers */
    input::-webkit-input-placeholder {
        color: hsl(var(--bg_form_hue), var(--bg_form_sat), var(--bg_form_lns_placeholder));
    }
    
    input::-moz-placeholder {
        color: hsl(var(--bg_form_hue), var(--bg_form_sat), var(--bg_form_lns_placeholder));
    }
    
    input:-ms-input-placeholder {
        color: hsl(var(--bg_form_hue), var(--bg_form_sat), var(--bg_form_lns_placeholder));
    }
    
    input::-ms-input-placeholder {
        color: hsl(var(--bg_form_hue), var(--bg_form_sat), var(--bg_form_lns_placeholder));
    }


    /***/
    .input_group label,
    .select_custom label,
    .dropdown_custom label {
        font-size: 12px;
    }

    /*******
    * SELECT CUSTOM
    *******/
    .select_custom,
    .dropdown_custom {
        position: relative;
        width: 100%
    }

    .dropdown_custom .button_menu {
        width: 106px
    }

    .select_custom.select_custom_products {
        width: 38px;
        height: 38px
    }

    .select_custom.select_custom_products .button_menu {
        padding: 0 15px
    }

    .select_custom_wrapper,
    .dropdown_custom_wrapper {
        display: none;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        position: absolute;
        top: calc(100% + 2px);
        right: 0;
        width: 100%;
        background: var(--select-custom-background);
        margin-top: 2px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .5);
        box-shadow: 0 0 7px 1px rgba(0, 0, 0, .5);
        z-index: 999;
        max-width: 320px;
        max-height: 362px;
        min-width: 200px
    }

    .select_custom_wrapper.select_date_picker {
        max-height: 380px;
        min-width: 230px
    }

    .select_custom_wrapper.pos_l,
    .dropdown_custom_wrapper.pos_l {
        left: 0;
        right: auto
    }

    .select_custom_wrapper.pos_r,
    .dropdown_custom_wrapper.pos_r {
        left: 50%;
        right: 0
    }

    .select_custom_wrapper.pos_c,
    .dropdown_custom_wrapper.pos_c {
        left: 50%;
        transform: translateX(-50%)
    }

    .select_custom_title,
    .dropdown_custom_title {
        padding: 8px 12px;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 600;
        color: var(--input-label-dim);
        border-bottom: 1px solid var(--background-dark)
    }

    .select_custom_header,
    .dropdown_custom_header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        border-bottom: 1px solid var(--background-dark);
        padding: 4px
    }

    .select_custom_header .title,
    .dropdown_custom_header .title {
        flex: 1;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        color: var(--input-label-dim);
        padding-left: 8px
    }

    .select_custom.open .select_custom_wrapper,
    .dropdown_custom.open .dropdown_custom_wrapper {
        display: flex;
        border-radius: 6px;
        overflow: hidden
    }

    .select_custom_header_actions {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: 1px
    }

    .dropdown_custom_header_btn,
    .select_custom_header_btn {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: var(--input-background);
        color: var(--input-label);
        height: 32px;
        width: 32px;
        border: none;
        padding: 0 10px;
        font-weight: bold;
        cursor: pointer
    }

    .select_custom_header_actions .select_custom_header_btn:first-child {
        border-radius: 4px 0 0 4px
    }

    .select_custom_header_actions .select_custom_header_btn:last-child {
        border-radius: 0 4px 4px 0
    }

    .dropdown_custom_header_btn svg,
    .select_custom_header_btn svg {
        width: 100%
    }

    .dropdown_custom_header_btn:hover,
    .select_custom_header_btn:hover {
        background: var(--input-background);
        color: var(--input-label)
    }

    .select_custom_items,
    .dropdown_items {
        flex: 1fr;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory
    }

    .select_custom_wrapper ul,
    .dropdown_custom_wrapper ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .select_custom_wrapper .select_custom_items li,
    .dropdown_custom_wrapper li {
        padding: 8px 12px;
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px solid var(--background-dark);
        color: white;
        scroll-snap-align: start;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .select_custom_wrapper li.hidden,
    .dropdown_custom_wrapper li.hidden {
        display: none
    }

    .select_custom_wrapper li .time,
    .dropdown_custom_wrapper li .time {
        width: 100%
    }

    .select_custom_wrapper li .icon,
    .content_multilevel_menu .cm_active_content .head .select_custom_wrapper li .icon,
    .dropdown_custom_wrapper li .icon,
    .content_multilevel_menu .cm_active_content .head .dropdown_custom_wrapper li .icon {
        display: inline-block;
        width: 14px;
        background: transparent;
        margin-right: 8px;
        font-size: 0
    }

    .cm_header_button_group {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .select_custom_wrapper li:hover,
    .dropdown_custom_wrapper li:hover {
        background: var(--active-color);
        color: white
    }

    .select_custom_wrapper li:last-child,
    .dropdown_custom_wrapper li:last-child {
        border-bottom: none;
        scroll-snap-align: end;
        border-radius: 0 0 6px 6px
    }

    .select_custom_wrapper li:only-child,
    .dropdown_custom_wrapper li:only-child {
        border-bottom: none;
        scroll-snap-align: end;
        border-radius: 0
    }

    .select_custom_search,
    .dropdown_custom_search,
    .select_custom_field {
        padding: 8px;
        border-bottom: 1px solid var(--background-color)
    }

    .select_custom_field {
        padding: 0 8px 8px 8px
    }

    .select_custom_options,
    .select_custom_footer {
        padding: 8px;
        border-top: 1px solid var(--background-color);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 8px
    }

    .select_custom_options {
        border-top: none;
        border-bottom: 1px solid var(--background-color)
    }

    .select_custom_options button,
    .select_custom_footer button {
        flex: 1
    }

    .button_menu {
        width: 100%;
        height: 38px;
        border-radius: 6px;
        background: var(--input-background);
        border: none;
        cursor: pointer;
        color: var(--input-label-dim);
        font-weight: 400;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0 16px
    }

    .button_menu .icon {
        display: inline-block;
        width: 12px;
        font-size: 0;
        padding-top: 3px;
        color: white
    }

    .select_custom.readonly,
    .dropdown_custom.readonly {
        cursor: not-allowed
    }

    .select_custom.readonly .button_menu,
    .dropdown_custom.readonly .button_menu {
        background: var(--input-read-only-bg);
        pointer-events: none;
        touch-action: none
    }

    .select_custom.readonly .button_menu>.icon,
    .dropdown_custom.readonly .button_menu>.icon {
        display: none
    }

    .select_date_picker_container .button_menu .icon {
        padding: 0
    }

    .input_date .button_menu .icon {
        padding: 0
    }

    .button_menu.button_menu_fg {
        background: var(--foreground-color)
    }

    .select_custom.selected .button_menu,
    .dropdown_custom.selected .button_menu {
        color: var(--input-label)
    }

    .button_apply_container {
        margin-top: 4%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .button_apply_container .button {
        width: 90%;
        max-width: 320px;
        height: 86px;
    }

    .button.button_scroll_to_view {
        width: 100%;
        max-width: 320px;
        height: 86px;
    }

    /*************************/

    .color_dim {
        color: var(--input-label-dim);
    }

    input {
        outline: none;
    }

    .txt_00 {
        font-size: var(--txt_fs_00);
        line-height: var(--txt_lh_00);
    }

    .txt_01 {
        font-size: var(--txt_fs_01);
        line-height: var(--txt_lh_01);
    }

    .txt_02 {
        font-size: var(--txt_fs_02);
        line-height: var(--txt_lh_02);
    }

    .txt_03 {
        font-size: var(--txt_fs_03);
        line-height: var(--txt_lh_03);
    }

    .txt_04 {
        font-size: var(--txt_fs_04);
        line-height: var(--txt_lh_04);
    }

    .txt_05 {
        font-size: var(--txt_fs_05);
        line-height: var(--txt_lh_05);
    }

    .txt_06 {
        font-size: var(--txt_fs_06);
        line-height: var(--txt_lh_06);
    }

    .txt_07 {
        font-size: var(--txt_fs_07);
        line-height: var(--txt_lh_07);
    }

    .txt_08 {
        font-size: var(--txt_fs_08);
        line-height: var(--txt_lh_08);
    }

    .txt_09 {
        font-size: var(--txt_fs_09);
        line-height: var(--txt_lh_09);
    }

    .txt_10 {
        font-size: var(--txt_fs_10);
        line-height: var(--txt_lh_10);
    }

    .txt_light {
        font-weight: var(--txt_fw_light);
    }

    .txt_regular {
        font-weight: var(--txt_fw_regular);
    }

    .txt_medium {
        font-weight: var(--txt_fw_medium);
    }

    .txt_semi_bold {
        font-weight: var(--txt_fw_semi_bold);
    }

    .txt_bold {
        font-weight: var(--txt_fw_bold);
    }

    .txt_extra_bold {
        font-weight: var(--txt_fw_extra_bold);
    }

    .txt_nowrap {
        white-space: nowrap;
    }

    .txt_upper {
        text-transform: uppercase;
    }

    .txt_lower {
        text-transform: lowercase;
    }

    .txt_caps {
        text-transform: capitalize;
    }

    .txt_no_trans {
        text-transform: none;
    }

    .txt_l {
        text-align: left;
    }

    .txt_r {
        text-align: right;
    }

    .txt_c {
        text-align: center;
    }

    .txt_j {
        text-align: justify;
    }

    /*******
    * MODAL
    *******/
    .modal {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: var(--modal-background);
        z-index: 1100;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.5s, opacity 0.4s ease;
        will-change: opacity;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        backdrop-filter: blur(5px);
    }

    .modal.open {
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.4s ease;
        will-change: opacity;
    }

    .modal_window {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* justify-content: center; */
        height: 100%;
        padding: 8px;
    }

    .modal_container {
        margin: auto;
        flex-shrink: 1;
        flex-basis: auto;
        background: #1c1a1d;
        width: 100%;
        max-width: 512px;
        border-radius: 8px;
        /* overflow: hidden; */
    }

    .modal_header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--modal-border)
    }

    .modal_header h2 {
        font-size: 12px;
        text-transform: uppercase;
        padding: 0 16px;
        font-weight: bold;
        color: white
    }

    .modal_close {
        width: 40px;
        padding: 12px;
        font-size: 0;
        background: transparent;
        border: none;
        color: var(--input-label-dim);
        cursor: pointer
    }

    .modal_close:hover {
        color: white
    }

    .modal_container.modal_prompt {
        max-width: 320px;
    }

    .modal_container.modal_prompt .modal_body {
        padding: 16px
    }

    .modal_container.modal_prompt .modal_content h3 {
        font-size: 16px;
        margin: 0;
        font-weight: normal;
        text-align: center;
        color: white
    }

    .modal_loading {
        z-index: 20000
    }

    .modal_container.modal_loading {
        width: 150px;
        text-transform: uppercase;
        font-size: 13px
    }

    .modal_loading .modal_body {
        padding: 16px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-size: 13px
    }

    .modal_loading .loading_icon {
        width: 60px;
        font-size: 0
    }

    .modal_loading .loading_text {
        padding-top: 16px;
        color: white
    }

    .modal_footer {
        border-top: 1px solid var(--modal-border);
        padding: 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 8px
    }

    .modal_login .modal_body {
        padding: 8px 16px 16px 16px;
    }

    .modal_login .input_group input[type="text"] {
        width: inherit;
        height: inherit;
        border-radius: 6px;
        background: var(--background-color);
        border: none;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        color: var(--label-offset-color);
        font-size: 14px;
        padding: 14px;
        width: 100%;
        height: 38px;
        margin: 4px 0;
    }

    .modal_login .note {
        font-size: 12px;
        color: var(--label-dim-color);
        line-height: 1.3;
        padding-top: 6px;
    }

    /*************************/
    .pseudo_footer .button,
    .modal_body_footer .button_link,
    .modal_body_footer .button,
    .modal_footer .button_link,
    .modal_footer .button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: var(--active-color);
        color: white;
        height: 38px;
        min-width: 38px;
        border: none;
        padding: 0 8px;
        font-weight: bold;
        border-radius: 6px;
        width: 100%;
        font-size: 13px;
        text-decoration: none
    }

    .button.btn_success,
    .pseudo_footer .button.btn_success,
    .modal_body_footer .button.btn_success,
    .modal_footer .button.btn_success {
        background-color: rgb(0, 149, 0);
    }

    .button.btn_dim,
    .pseudo_footer .button.btn_dim,
    .modal_body_footer .button.btn_dim,
    .modal_footer .button.btn_dim {
        background: var(--btn-bg-dim);
    }

    button.btn_dim:hover,
    .pseudo_footer .button.btn_dim:hover,
    .modal_body_footer .button.btn_dim:hover,
    .modal_footer .button.btn_dim:hover {
        background: var(--btn-bg-dim-hover);
    }

    .modal_body_footer.modal_body_footer_eval.pad_y16 {
        padding-bottom: 0px;
    }

    .modal_form_return_msg {
        padding: 0px 16px;
        margin-bottom: 16px;
    }

    ._js_alert_return .modal_form_return_msg {
        padding: 0;
        margin: 16px 0 16px 0;
    }

    ._js_alert_return.modal_form_return_no_mrg {
        padding: 0 16px;
    }

    ._js_alert_return.modal_form_return_no_mrg .modal_form_return_msg {
        margin: 0;
        margin-bottom: 16px;
    }

    .modal_form_return_msg_container {
        background-color: transparent;
        border: 1px solid var(--foreground-offset-color);
        color: white;
        padding: 8px;
        font-size: 13px;
        font-weight: bold;
        border-radius: 6px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .modal_form_return_msg_container .modal_form_return_icon.error,
    .modal_form_return_msg_container .modal_form_return_icon.success,
    .modal_form_return_msg_container .modal_form_return_icon.info {
        display: none;
        width: 12px;
        font-size: 0;
    }


    .modal_form_return_msg_container.error {
        background-color: var(--form-validation-error);
        border-color: var(--form-validation-error);
        color: white;
    }

    .modal_form_return_msg_container.error .modal_form_return_icon.error {
        display: block;
        color: white;
    }

    .modal_form_return_msg_container.success {
        background-color: var(--form-validation-success);
        border-color: var(--form-validation-success);
        color: var(--color-white);
    }

    .modal_form_return_msg_container.success .modal_form_return_icon.success {
        display: block;
    }

    .modal_form_return_msg_container.info {
        color: var(--label-dim-color);
        font-weight: normal;
    }

    .modal_form_return_msg_container.info .modal_form_return_icon.info {
        display: block;
    }

    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .tt_upper {
        text-transform: uppercase;
    }

    .ta_l-LS {
        text-align: left;
    }

    .ta_r-LS {
        text-align: right;
    }

    .ta_c-LS {
        text-align: center;
    }

    .ta_j-LS {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-LS {
        display: none !important;
    }

    .display_block-LS {
        display: block;
    }

    /*  */
    .display_grid_12-LS {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    .display_grid_1-LS {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(min-content, max-content);
    }

    /*  */
    /* GRID GAP */
    .grid_gap_0-LS {
        grid-gap: 0;
    }

    .grid_gap_4-LS {
        grid-gap: 4px;
    }

    .grid_gap_8-LS {
        grid-gap: 8px;
    }

    .grid_gap_16-LS {
        grid-gap: 16px;
    }

    .grid_gap_32-LS {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-LS {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-LS,
    .grid_span_1-LS .grid_block,
    .grid_block.grid_span_1-LS {
        grid-column: auto / span 1;
    }

    .grid_span_2-LS,
    .grid_span_2-LS .grid_block,
    .grid_block.grid_span_2-LS {
        grid-column: auto / span 2;
    }

    .grid_span_3-LS,
    .grid_span_3-LS .grid_block,
    .grid_block.grid_span_3-LS {
        grid-column: auto / span 3;
    }

    .grid_span_4-LS,
    .grid_span_4-LS .grid_block,
    .grid_block.grid_span_4-LS {
        grid-column: auto / span 4;
    }

    .grid_span_5-LS,
    .grid_span_5-LS .grid_block,
    .grid_block.grid_span_5-LS {
        grid-column: auto / span 5;
    }

    .grid_span_6-LS,
    .grid_span_6-LS .grid_block,
    .grid_block.grid_span_6-LS {
        grid-column: auto / span 6;
    }

    .grid_span_7-LS,
    .grid_span_7-LS .grid_block,
    .grid_block.grid_span_7-LS {
        grid-column: auto / span 7;
    }

    .grid_span_8-LS,
    .grid_span_8-LS .grid_block,
    .grid_block.grid_span_8-LS {
        grid-column: auto / span 8;
    }

    .grid_span_9-LS,
    .grid_span_9-LS .grid_block,
    .grid_block.grid_span_9-LS {
        grid-column: auto / span 9;
    }

    .grid_span_10-LS,
    .grid_span_10-LS .grid_block,
    .grid_block.grid_span_10-LS {
        grid-column: auto / span 10;
    }

    .grid_span_11-LS,
    .grid_span_11-LS .grid_block,
    .grid_block.grid_span_11-LS {
        grid-column: auto / span 11;
    }

    .grid_span_12-LS,
    .grid_span_12-LS .grid_block,
    .grid_block.grid_span_12-LS {
        grid-column: auto / span 12;
    }

    /*******
    * CUSTOMIZATIONS
    *****/

    .strike_svg,
    .strike_svg span,
    .strike_svg_thank_you,
    .strike_svg_thank_you span {
        position: relative;
        display: inline-block;
        z-index: 1;
    }

    /* .strike_svg:after{content:"";position:absolute;top:calc(100% - 4.5px);right:0;left:0;height:15px; background: none;}
    .strike_svg.animate:after{content:"";position:absolute;top:calc(100% - 4.5px);right:0;left:0;height:15px;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20282%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.mask%20%7B%20stroke-dasharray%3A%201000%3B%20stroke-dashoffset%3A%201000%3B%20fill%3Anone%3B%20stroke%3A%23fff%3B%20stroke-width%3A16%3B%20stroke-miterlimit%3A10%3B%20%7D%20%40keyframes%20strokeOffset%20%7B%20to%20%7B%20stroke-dashoffset%3A%200%3B%20%7D%20%7D%20%23mask-circ%20%7B%20animation%3A%20strokeOffset%201s%20linear%20forwards%3B%20%7D%20%3C%2Fstyle%3E%20%3Cmask%20id%3D%22swipe%22%3E%20%3Cpath%20class%3D%22lined%20mask%22%20id%3D%22mask-circ%22%20d%3D%22M0%2C7.9c33.8%2C0.4%2C67.6%2C0.7%2C101.4%2C0.8c60.2%2C0.2%2C120.4-0.2%2C180.6-1%22%2F%3E%20%3C%2Fmask%3E%20%3Cpath%20mask%3D%22url%28%23swipe%29%22%20fill%3D%22blue%22%20d%3D%22M268%2C2.2c13.2%2C1.4%2C11.1%2C0.3%2C10.7%2C1L282%2C4l-2.5%2C1.1c0.2%2C0.1%2C0.4%2C0.3%2C0.6%2C0.4c-0.2%2C0.1-0.4%2C0.2-0.5%2C0.2%20c-4.1-0.2-8.1%2C0.7-12.2%2C0.5c-4.1-0.2-8.4-0.3-12.5%2C0c-3.3%2C0.3-6.7%2C0.3-10%2C0.4c-1%2C0-1.9-0.5-3.1-0.1c-0.9%2C0.3-2.4%2C0.1-3.6%2C0.1h-4%20c-1.2%2C0-2.4%2C0-3.7%2C0c-1.2%2C0-2.4%2C0-3.7%2C0c-0.1%2C0-0.2%2C0.1-0.5%2C0.3c1.1%2C0.1%2C2.1%2C0.2%2C3.1%2C0.3v0.3c-1.3%2C0-2.6%2C0.1-3.9%2C0.1%20c-1.4%2C0-2.7%2C0-4%2C0c-0.2%2C0-0.6%2C0-0.7-0.1c-1.4-1.2-2.9-1-4.7-0.4c-0.7%2C0.2-1.7%2C0-2.5%2C0c-11.5%2C0-23%2C0-34.5%2C0c-1.2%2C0-2.7-0.4-3.8%2C0.5%20c-0.1%2C0-0.3%2C0-0.4%2C0c-1-0.8-2.2%2C0.4-3%2C0c-1.1-0.5-1.8-0.4-2.8%2C0c-0.3%2C0.1-1.1-0.1-1.6-0.3c-0.7-0.2-0.6-0.6%2C0-0.8%20c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2%2C0-0.6%2C0-0.7%2C0c-0.2%2C0.2-0.3%2C0.6-0.6%2C0.8c-0.4%2C0.3-0.9%2C0.6-1.4%2C0.6c-0.9%2C0-1.9-0.4-2.5-0.3%20c-1%2C0.3-1.6%2C0.3-2.6%2C0c-0.7-0.2-1.7%2C0.2-2.5%2C0.3c-3.4%2C0-6.8%2C0-10.2%2C0c-0.3-0.4-0.6-0.7-0.9-1l-1.8%2C1c-1.4%2C0.2-3.9-0.7-5.4%2C1%20l-1.2-0.9c-2.9%2C0.5-5.7%2C0.6-8.5%2C0C126%2C8.7%2C123%2C8%2C120%2C8.3c0.1-0.4%2C0.2-0.9%2C0.1-1c-1.1-0.2-1%2C0.4-1.3%2C0.9H115l-0.5%2C0.9%20C114.3%2C9%2C114.1%2C9%2C114%2C8.9c-0.7-0.7-1.9-1-2.8-0.7c-2.2%2C0.7-4.5%2C0.3-6.7%2C0.4c-1.9%2C0.1-3.9%2C0-5.8%2C0.4l3.5%2C0.2%20c-2.7%2C0.1-5.6%2C1.1-7.6-0.4C93.2%2C9%2C92%2C9.2%2C90.9%2C9.2c-3.5%2C0-7.1%2C0-10.5%2C0l-0.6%2C1.1l-1.6-1.5c-0.2%2C0.7-0.8%2C1.3-1.9%2C0.9%20c-1.1-0.5-1.8-0.2-2.8%2C0c-1.9%2C0.2-3.8%2C0.1-5.8%2C0.4c0.9%2C0.1%2C1.8%2C0.2%2C2.8%2C0.3c-0.2%2C0.2-0.2%2C0.4-0.4%2C0.4c-2.7%2C0-5.4%2C0.1-8.1%2C0%20c-2-0.1-3.9-0.7-5.9-0.4c-0.3%2C0-0.7%2C0.1-1%2C0.4l3%2C0.2c-3.1%2C0.2-6.1%2C0.8-9.2%2C0c-1.4-0.3-3.1-0.1-4.7%2C0.2l2%2C0.3%20c-0.1%2C0.1-0.2%2C0.3-0.3%2C0.3c-1.2%2C0-2.4%2C0-3.7%2C0c-0.7-1-1.6%2C0.5-2.6-0.2c-0.7-0.4-2%2C0.6-3.3-0.2c-0.7-0.4-2.5-0.1-3.9%2C0.2l2.9%2C0.3%20c-0.2%2C0.1-0.3%2C0.3-0.5%2C0.3c-1.8%2C0-3.7%2C0-5.5%2C0c-3.6%2C0.1-7.2%2C0.1-10.7%2C0.6c-1.9%2C0.2-3.7%2C0.3-5.6%2C0.4c-1.6%2C0.1-3.2%2C0.5-3.8%2C1.9%20c-0.6%2C0-2%2C0.2-2.2%2C0c-0.6-0.8-2.2-0.9-2.6-1.7c-0.3-0.7-0.9-0.9-1.8-1.2C1%2C11.4%2C0.6%2C10.2%2C1.5%2C9L0%2C7.9C0%2C7.8%2C0%2C7.5%2C0.1%2C7.5%20c1.4-1%2C3-1.5%2C5.2-1.7c3.6-0.3%2C7.1-1%2C10.8-0.9c2.1-0.8%2C4.5-0.3%2C6.7-0.5c1.7-0.1%2C3.5-0.4%2C5.2-0.5c1.7-0.1%2C3.6%2C0.3%2C5.1-0.1%20c2.2-0.5%2C4.3-0.5%2C6.3-0.4c2.7%2C0.1%2C5.2-0.6%2C7.8-0.5c2.7%2C0%2C5.5%2C0.3%2C8.1-0.1c4.9-0.7%2C9.9%2C0%2C14.8-0.5c6-0.6%2C12.1%2C0%2C18.1-0.5%20c8-0.7%2C16-0.2%2C24-0.4c1%2C0%2C2%2C0%2C2.9%2C0c0.8%2C0%2C1.7%2C0.1%2C2.3-0.5c0.4%2C0.8%2C1.4-0.1%2C2.2%2C0.3c0.5%2C0.2%2C1.6-0.2%2C2.5-0.3c1-0.1%2C2%2C0%2C2.9%2C0h11%20c1%2C0%2C2-0.1%2C2.9%2C0c1.1%2C0.1%2C2.3-0.2%2C3.5%2C0.4c0.6%2C0.3%2C1.9-0.3%2C2.9-0.3c3.1-0.1%2C6.1%2C0%2C9.2%2C0c1.1%2C0%2C2.4%2C0.4%2C3.4-0.4%20c0.6-0.5%2C1.1%2C0.9%2C2.1%2C0.1c0.3-0.2%2C1.8-0.3%2C2-0.1c0.9%2C1%2C2-0.5%2C2.7%2C0.1c1%2C0.9%2C1.6-0.2%2C2.4-0.1c0.5%2C0%2C0.9%2C0.1%2C1.4%2C0.2%20c0.8%2C0.1%2C2.1%2C0.5%2C2.3%2C0.3c1-0.8%2C2.2%2C0%2C3.3-0.3c1.1-0.3%2C2.6-0.1%2C4-0.1c24%2C0%2C48%2C0%2C72%2C0c3.2%2C0%2C6.5%2C0.5%2C9.6-0.4c1.6%2C0.9%2C3.2-0.1%2C4.9-0.1%20c5.1%2C0.2%2C10.3%2C0.1%2C15.8%2C0.1C280%2C0.4%2C279.8%2C1%2C279.7%2C1c-2.6%2C0.2-5.1%2C0.6-7.8%2C0.6c-5.4-0.1-10.8%2C0-16.2%2C0c-0.2%2C0-0.4%2C0.1-0.6%2C0.2%20c0.2%2C0.1%2C0.5%2C0.2%2C0.7%2C0.2c0.7%2C0.1%2C1.2%2C0.6%2C2%2C0c0.2-0.2%2C0.9%2C0%2C1.4%2C0C266.4%2C2%2C273.5%2C2%2C268%2C2.2c-12.8%2C0.1-12.8%2C0.1-12.8%2C0%20c-1.1-0.2-2.3-0.5-3.4-0.6c-0.6-0.1-4.5%2C0-5.1%2C0c-0.5%2C0-1.2-0.2-1.4%2C0c-1%2C0.8-2.3%2C0.4-3.4%2C0.4c-17.4%2C0-34.8%2C0-52.2%2C0%20c-1%2C0-2.2%2C0.3-3.1-0.3c-0.2-0.1-0.8-0.2-0.9-0.1c-1.1%2C0.8-2.5%2C0.3-3.8%2C0.4c-2.6%2C0.2-5.2-0.3-7.8%2C0.5c-0.7%2C0.2-1.8-0.1-2.7-0.2%20c-1.8-0.3-3.5-0.4-5.2%2C0.1c-0.6%2C0.2-1.3-0.5-1.8%2C0.2c-0.9-0.8-2.5-0.6-3.3-0.4c-1.4%2C0.5-2.4-0.4-3.5-0.1c-0.2%2C0.1-0.5%2C0-0.6%2C0.1%20c-0.6%2C0.5-1%2C0.3-1.8%2C0.1c-0.8-0.3-2-0.4-2.8-0.2c-1.1%2C0.2-2.3%2C0.5-3.1%2C0.3c-1.3-0.2-2.3%2C0.1-3.5%2C0.1c-9%2C0.2-17.9-0.3-26.9%2C0.4%20c-6.7%2C0.5-13.5-0.2-20.3%2C0.5C92.2%2C4%2C85.9%2C3.2%2C79.6%2C3.9c-5%2C0.5-10.1-0.2-15.1%2C0.5c-2.3%2C0.3-4.9-0.1-7.3%2C0.1c-2.2%2C0.1-4.4-0.2-6.8%2C0.3%20c-2.2%2C0.5-4.8%2C0.1-7.3%2C0.1c-0.4%2C0-0.8%2C0.1-1.1%2C0.2c0.5%2C0.3%2C1%2C0.3%2C1.4%2C0.3c4.3-0.1%2C8.6%2C0%2C13-0.4c5.2-0.5%2C10.6%2C0.1%2C15.9-0.5%20c4.9-0.6%2C10.1%2C0.4%2C15.1-0.6c0.7-0.1%2C1.3%2C0.9%2C2%2C0c0.8%2C0.8%2C1.5%2C0%2C2.3-0.1c6-0.1%2C12.1%2C0.4%2C18.1-0.4c0.8-0.1%2C2-0.2%2C2.5%2C0.1%20c1%2C0.6%2C1.6-0.4%2C2.5-0.1c0.8%2C0.2%2C1.7%2C0%2C2.6%2C0c4.9%2C0%2C9.8%2C0%2C14.7%2C0c1.3%2C0%2C2.7%2C0.4%2C3.8-0.4c0.1-0.1%2C0.8%2C0.2%2C1.2%2C0.3%20c0.6%2C0.1%2C1.5%2C0.3%2C1.7%2C0.1c0.7-0.6%2C1.1-0.1%2C1.7%2C0s1.3-0.4%2C1.9-0.4c1%2C0%2C2.2-0.3%2C3%2C0.4c0.7-0.5%2C1.7-0.4%2C2.6-0.4c0.9%2C0%2C2-0.2%2C2.6%2C0.5%20c0.7-0.7%2C1.7-0.5%2C2.6-0.5c6.1%2C0%2C12.3%2C0.1%2C18.4%2C0c6-0.1%2C12.1%2C0.5%2C18.1-0.5c0.7%2C0.5%2C1.7%2C0.2%2C2.5%2C0.3c1.1%2C0.1%2C2.2-0.2%2C3.2-0.2%20c1.3%2C0%2C2.6-0.3%2C3.7%2C0.4c1.2-0.9%2C2.8-0.4%2C4.1-0.4c16.2%2C0%2C32.4%2C0%2C48.5%2C0C252.8%2C2.5%2C254%2C2.5%2C268%2C2.2%22%2F%3E%3C%2Fsvg%3E%20");background-repeat:no-repeat;background-position:center;background-size:cover;z-index:0;} */
    .strike_text {
        position: relative;
        display: inline-block;
        z-index: 1;
    }

    .strike_svg svg {
        position: absolute;
        left: 0;
        bottom: -38%;
        width: 100%;
        z-index: 0;
    }

    .strike_svg_thank_you svg {
        position: absolute;
        left: 0;
        bottom: -55%;
        width: 100%;
        z-index: 0;
    }



    /* Main Navigation */
    .main_nav {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100vw;
        background: var(--nav-background);
        color: var(--nav-color);
        border-bottom: 1px solid var(--nav-border);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0px 16px;
        z-index: 200;
    }

    .main_nav_brand a{
        display: block;
    }
    .main_nav_brand {
        width: 100%;
        max-width: 64px;
        font-size: 0;
    }

    .main_nav_brand .logo a {
        color: white;
    }

    .main_nav_brand svg {
        width: 100px;
    }

    .main_nav_brand img {
        height: auto;
        width: 100%;
    }

    .main_nav_menu ul {
        list-style: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .main_nav_menu ul a {
        text-decoration: none;
        color: var(--nav-color);
        letter-spacing: 3px;
    }

    .main_nav_phone {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: inherit;
        margin: 14px 0;
    }

    .main_nav_phone span {
        display: block;
    }

    .main_nav_phone:hover,
    .main_nav_menu ul a:hover {
        opacity: 0.7;
    }

    /* Footer */
    .main_footer {
        flex-shrink: 0;
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        min-height: 60px;
        background: var(--nav-background);
        color: var(--nav-color);
        z-index: 3;
        padding: 0 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2% 16px;
    }

    .footer_brand {
        max-width: 110px;
        touch-action: none;
        pointer-events: none;
    }
    .footer_brand img{
        width: 100%;
        height: auto;
    }
    .footer_brand a {
        touch-action: none;
        pointer-events: none;
    }

    .footer_copy {
        font-size: 10px;
    }

    /*******
    * FORM VALIDATIONS
    *****/
    .input_group.error .input_validation_error {
        margin: 0;
        margin-top: 0px;
        padding: 0;
        list-style: none;
        background: var(--form-validation-error);
        color: white;
        padding: 8px;
        font-size: 10px;
        border-radius: 6px;
        margin-top: 4px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .testmonials_gap {
        gap: 4%;

    }

    .testmonial_item {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 6%;
        border-radius: 8px;
        overflow: hidden;
        outline: 4px solid rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 40px -15px #000000;
        box-shadow: 0 0 40px -15px #000000;
    }

    .testmonial_content {
        font-size: 21.5px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .testmonial_heading {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;

    }

    .testmonial_heading .image {
        font-size: 0;
        width: 60px;
        min-width: 60px;
        max-width: 60px;
    }

    .testmonial_heading .info {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .testmonial_heading time {
        font-size: 18px;
        color: #626365;
    }

    /*  */
    .main_customer_application nav {
        position: relative;
        z-index: 0;
        height: 51px;
    }

    .main_customer_application nav .header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        width: 100%;
    }

    .main_customer_application nav.nav_application .header_app {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        width: 100%;
        padding: 0px 16px;
    }

    .main_customer_application .nav_color_mode {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .main_customer_application .nav_color_mode button {
        display: block;
        width: 30px;
        font-size: 0;
        color: #fff;
        background: transparent;
        border: none;
        padding: 5px;
        margin: 8px;
        cursor: pointer;
        opacity: 0.7;
    }

    .main_customer_application .nav_color_mode button:hover {
        opacity: 1;
    }

    .main_customer_application nav {
        background-color: var(--nav-background);
        color: var(--nav-color);
        border-bottom: 1px solid var(--nav-border);
    }

    .main_customer_application nav .title {
        width: 70%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex: 1;
        padding-left: 8px;
    }

    .main_customer_application nav .header.dashboard .title {
        display: none;
    }

    .main_customer_application nav .mobile_nav,
    .main_customer_application nav .profile {
        width: 50px;
        height: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .main_customer_application nav .header .brand {
        display: none;
    }

    .main_customer_application nav .header.dashboard .brand {
        display: block;
    }

    .main_customer_application nav .brand,
    .main_customer_application nav .logo {
        width: 54px;
        font-size: 0px;
    }

    .main_customer_application nav .profile_group {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-direction: space-between;
    }

    .main_customer_application nav .profile {
        padding-right: 16px;
    }

    .main_customer_application nav .coach_profile {
        width: 40px;
        padding-right: 16px;
        font-size: 0;
    }

    .main_customer_application nav .coach_profile a {
        color: var(--label-dim-color);
    }

    .main_customer_application nav .coach_profile a:hover {
        color: var(--active-color);
    }

    .main_customer_application nav .profile .image {
        border-radius: 100px;
        overflow: hidden;
        width: 34px;
        height: 34px;
        background: var(--color-img-background);
    }

    .main_customer_application nav .title_app h1 {
        font-size: 14px;
        font-weight: normal;
    }

    .main_customer_application main {
        width: 100%;
        /* height: 100%; */
        height: calc(100% - 51px);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        height: calc(100% - 51px);
        padding: 0px;
    }

    .main_customer_application footer {
        display: none;
    }

    .main_customer_application .main_body {
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        width: 50%;
        z-index: 1000;
        /* max-height: inherit; */
    }

    .main_customer_application .main_body section {
        display: flex;
        padding: 16px 0 0 0;
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
    }

    .main_customer_application section .wrapper_flex {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }

    .main_customer_application .client_application_wrapper {
        width: 100%;
        max-width: 640px;
    }

    .main_customer_application .client_application_body {
        width: 100%;
        max-width: 640px;
        background: var(--foreground-color);
        border-radius: 8px;
        border: 1px solid var(--foreground-color);
        margin-bottom: 60px;
    }

    .main_customer_application .client_application_header,
    .main_customer_application .client_application_footer {
        padding: 16px;
        text-align: left;
    }

    .main_customer_application .client_application_header {
        border-bottom: 1px solid var(--modal-border);
    }

    .main_customer_application .client_application_footer {
        border-top: 1px solid var(--modal-border);
    }

    .main_customer_application .client_application_content {
        font-size: 14px;
        text-align: left;
    }

    .main_customer_application .client_application_content h3 {
        color: var(--label-offset-color);
        margin: 0;
    }

    .main_customer_application .client_application_content p {
        font-size: 11px;
        font-weight: bold;
    }

    .main_customer_application .client_application_content p.client_application_step_price {
        font-size: 20px;
        padding-top: 4px;
    }

    .main_customer_application .client_application_contract p {
        margin-bottom: 8px;
    }

    .main_customer_application .client_application_contract ul,
    .main_customer_application .client_application_contract ol {
        margin: 32px;
        font-size: 14px;
        font-weight: 600;
    }

    .main_customer_application .client_application_review h4 {
        margin: 8px 0;
        font-weight: bold;
        text-transform: uppercase;
        color: var(--label-dim-color);
    }

    .main_customer_application .client_application_pay_subscription {
        margin-top: 16px;
        width: 100%;
        height: calc(100% - 16px);
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: stretch;
    }

    .main_customer_application .steps_header {
        padding: 16px;
        border-top: 1px solid var(--modal-border);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .main_customer_application .steps_header h3 {
        font-size: 11px;
        font-weight: bold;
    }

    .main_customer_application .steps_header .icon {
        width: 18px;
        padding: 4px;
        font-size: 0;
        background: transparent;
    }

    .main_customer_application .steps_content {
        display: none;
        border-top: 1px solid var(--modal-border);
        padding: 16px;
    }

    .main_customer_application .steps_content_heading {
        padding: 16px 0;
    }

    .main_customer_application .steps_content_heading h4 {
        font-size: 11px;
        font-weight: bold;
    }

    .main_customer_application .step_header_action {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }

    .main_customer_application .step_header_action .step_header_button {
        display: inline-block;
        padding: 3px 8px;
        font-size: 11px;
        margin: 0px 8px;
        min-width: 44px;
        background-color: var(--foreground-color);
        color: var(--label-color);
        border: 1px solid var(--background-color);
        border-radius: 4px;
        cursor: pointer;
    }

    .main_customer_application .steps_footer {
        padding: 0px 16px 16px;
        display: none;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }

    .main_customer_application .steps_container .steps_header .indicator_waiting {
        color: var(--label-dim-color);
    }

    .main_customer_application .steps_container .steps_header .indicator_active,
    .main_customer_application .steps_container .steps_header .indicator_completed,
    .main_customer_application .steps_container .steps_header .step_edit,
    .main_customer_application .steps_container .steps_footer .step_save {
        display: none;
    }

    .main_customer_application .steps_container.active .steps_header .indicator_active {
        display: block;
        color: var(--label-color);
    }

    .main_customer_application .steps_container.active .steps_header .indicator_waiting {
        display: none;
    }

    .main_customer_application .steps_container.active .steps_header {
        background: var(--background-color);
    }

    .main_customer_application .steps_container.editing .steps_header {
        background: var(--foreground-offset-color);
    }

    .main_customer_application .steps_container.active .steps_content,
    .main_customer_application .steps_container.editing .steps_content {
        display: block;
    }

    .main_customer_application .steps_container.active .steps_footer,
    .main_customer_application .steps_container.editing .steps_footer {
        display: flex;
    }

    .main_customer_application .steps_container.editing .steps_footer .step_next {
        display: none;
    }

    .main_customer_application .steps_container.editing .steps_footer .step_save {
        display: block;
    }


    .main_customer_application .steps_container.completed .steps_content,
    .main_customer_application .steps_container.completed .steps_footer,
    .main_customer_application .steps_container.completed .steps_header .indicator_waiting {
        display: none;
    }

    .main_customer_application .steps_container.completed .steps_header .step_edit,
    .main_customer_application .steps_container.completed .steps_header .indicator_completed {
        display: block;
    }

    .main_customer_application .steps_container.completed .steps_header .indicator_completed {
        color: var(--color-green);
    }

    .main_customer_application .client_application_content .steps_container.completed h3 {
        color: var(--label-dim-color);
    }

    .main_customer_application .client_application_header h2 {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .main_customer_application .client_application_content h3 {
        color: var(--label-offset-color);
        margin: 0;
        font-size: 13px;
        font-weight: 600;
    }

    .main_customer_application .pad_16-LS {
        padding: 16px;
    }

    .main_customer_application input[type="text"] {
        width: inherit;
        height: inherit;
        border-radius: 6px;
        background: var(--background-color);
        border: none;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        color: var(--label-offset-color);
        font-size: 14px;
        padding: 14px;
        width: 100%;
        height: 38px;
    }

    .main_customer_application .client_application_content .description {
        margin: 4px 0;
        font-size: 13px;
        font-weight: 400;

    }

    .main_customer_application .client_application_content .greetings {
        font-size: 16px;

    }

    .main_customer_application .questions_wrapper {
        display: flex;
        flex-direction: column;
        gap: 16px;

    }

    .main_customer_application .questions_wrapper label {
        display: block;
        margin-bottom: 4px;
    }

    .main_customer_application .footer_steps {
        padding: 16px;
    }

    .no_action,
    .no_action *{
        touch-action: none !important;
        pointer-events: none !important;
    }

}

/* Landscape XXS */
/* For small phones eg.: iPhone 5 */
@media screen and (orientation:landscape) and (max-width: 692px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-LS_XXS {
        text-align: left;
    }

    .ta_r-LS_XXS {
        text-align: right;
    }

    .ta_c-LS_XXS {
        text-align: center;
    }

    .ta_j-LS_XXS {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-LS_XXS {
        display: none !important;
    }

    .display_block-LS_XXS {
        display: block;
    }

    /*  */
    .display_grid_12-LS_XXS {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-LS_XXS {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-LS_XXS {
        grid-gap: 0;
    }

    .grid_gap_4-LS_XXS {
        grid-gap: 4px;
    }

    .grid_gap_8-LS_XXS {
        grid-gap: 8px;
    }

    .grid_gap_16-LS_XXS {
        grid-gap: 16px;
    }

    .grid_gap_32-LS_XXS {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-LS_XXS {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-LS_XXS,
    .grid_span_1-LS_XXS .grid_block,
    .grid_block.grid_span_1-LS_XXS {
        grid-column: auto / span 1;
    }

    .grid_span_2-LS_XXS,
    .grid_span_2-LS_XXS .grid_block,
    .grid_block.grid_span_2-LS_XXS {
        grid-column: auto / span 2;
    }

    .grid_span_3-LS_XXS,
    .grid_span_3-LS_XXS .grid_block,
    .grid_block.grid_span_3-LS_XXS {
        grid-column: auto / span 3;
    }

    .grid_span_4-LS_XXS,
    .grid_span_4-LS_XXS .grid_block,
    .grid_block.grid_span_4-LS_XXS {
        grid-column: auto / span 4;
    }

    .grid_span_5-LS_XXS,
    .grid_span_5-LS_XXS .grid_block,
    .grid_block.grid_span_5-LS_XXS {
        grid-column: auto / span 5;
    }

    .grid_span_6-LS_XXS,
    .grid_span_6-LS_XXS .grid_block,
    .grid_block.grid_span_6-LS_XXS {
        grid-column: auto / span 6;
    }

    .grid_span_7-LS_XXS,
    .grid_span_7-LS_XXS .grid_block,
    .grid_block.grid_span_7-LS_XXS {
        grid-column: auto / span 7;
    }

    .grid_span_8-LS_XXS,
    .grid_span_8-LS_XXS .grid_block,
    .grid_block.grid_span_8-LS_XXS {
        grid-column: auto / span 8;
    }

    .grid_span_9-LS_XXS,
    .grid_span_9-LS_XXS .grid_block,
    .grid_block.grid_span_9-LS_XXS {
        grid-column: auto / span 9;
    }

    .grid_span_10-LS_XXS,
    .grid_span_10-LS_XXS .grid_block,
    .grid_block.grid_span_10-LS_XXS {
        grid-column: auto / span 10;
    }

    .grid_span_11-LS_XXS,
    .grid_span_11-LS_XXS .grid_block,
    .grid_block.grid_span_11-LS_XXS {
        grid-column: auto / span 11;
    }

    .grid_span_12-LS_XXS,
    .grid_span_12-LS_XXS .grid_block,
    .grid_block.grid_span_12-LS_XXS {
        grid-column: auto / span 12;
    }

    .testmonial_content {
        font-size: 16px;
    }

    .testmonials_gap {
        padding: 0 0 48px 0;
    }

}


/* Landscape XS */
@media screen and (orientation:landscape) and (min-width: 693px) and (max-width:926px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-LS_XS {
        text-align: left;
    }

    .ta_r-LS_XS {
        text-align: right;
    }

    .ta_c-LS_XS {
        text-align: center;
    }

    .ta_j-LS_XS {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-LS_XS {
        display: none !important;
    }

    .display_block-LS_XS {
        display: block;
    }

    /*  */
    .display_grid_12-LS_XS {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-LS_XS {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-LS_XS {
        grid-gap: 0;
    }

    .grid_gap_4-LS_XS {
        grid-gap: 4px;
    }

    .grid_gap_8-LS_XS {
        grid-gap: 8px;
    }

    .grid_gap_16-LS_XS {
        grid-gap: 16px;
    }

    .grid_gap_32-LS_XS {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-LS_XS {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-LS_XS,
    .grid_span_1-LS_XS .grid_block,
    .grid_block.grid_span_1-LS_XS {
        grid-column: auto / span 1;
    }

    .grid_span_2-LS_XS,
    .grid_span_2-LS_XS .grid_block,
    .grid_block.grid_span_2-LS_XS {
        grid-column: auto / span 2;
    }

    .grid_span_3-LS_XS,
    .grid_span_3-LS_XS .grid_block,
    .grid_block.grid_span_3-LS_XS {
        grid-column: auto / span 3;
    }

    .grid_span_4-LS_XS,
    .grid_span_4-LS_XS .grid_block,
    .grid_block.grid_span_4-LS_XS {
        grid-column: auto / span 4;
    }

    .grid_span_5-LS_XS,
    .grid_span_5-LS_XS .grid_block,
    .grid_block.grid_span_5-LS_XS {
        grid-column: auto / span 5;
    }

    .grid_span_6-LS_XS,
    .grid_span_6-LS_XS .grid_block,
    .grid_block.grid_span_6-LS_XS {
        grid-column: auto / span 6;
    }

    .grid_span_7-LS_XS,
    .grid_span_7-LS_XS .grid_block,
    .grid_block.grid_span_7-LS_XS {
        grid-column: auto / span 7;
    }

    .grid_span_8-LS_XS,
    .grid_span_8-LS_XS .grid_block,
    .grid_block.grid_span_8-LS_XS {
        grid-column: auto / span 8;
    }

    .grid_span_9-LS_XS,
    .grid_span_9-LS_XS .grid_block,
    .grid_block.grid_span_9-LS_XS {
        grid-column: auto / span 9;
    }

    .grid_span_10-LS_XS,
    .grid_span_10-LS_XS .grid_block,
    .grid_block.grid_span_10-LS_XS {
        grid-column: auto / span 10;
    }

    .grid_span_11-LS_XS,
    .grid_span_11-LS_XS .grid_block,
    .grid_block.grid_span_11-LS_XS {
        grid-column: auto / span 11;
    }

    .grid_span_12-LS_XS,
    .grid_span_12-LS_XS .grid_block,
    .grid_block.grid_span_12-LS_XS {
        grid-column: auto / span 12;
    }

    .testmonial_content {
        font-size: 16px;
    }
}

/* Landscape SM */
@media screen and (orientation:landscape) and (min-width:927px) and (max-width:1112px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-LS_SM {
        text-align: left;
    }

    .ta_r-LS_SM {
        text-align: right;
    }

    .ta_c-LS_SM {
        text-align: center;
    }

    .ta_j-LS_SM {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-LS_SM {
        display: none !important;
    }

    .display_block-LS_SM {
        display: block;
    }

    /*  */
    .display_grid_12-LS_SM {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-LS_SM {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-LS_SM {
        grid-gap: 0;
    }

    .grid_gap_4-LS_SM {
        grid-gap: 4px;
    }

    .grid_gap_8-LS_SM {
        grid-gap: 8px;
    }

    .grid_gap_16-LS_SM {
        grid-gap: 16px;
    }

    .grid_gap_32-LS_SM {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-LS_SM {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-LS_SM,
    .grid_span_1-LS_SM .grid_block,
    .grid_block.grid_span_1-LS_SM {
        grid-column: auto / span 1;
    }

    .grid_span_2-LS_SM,
    .grid_span_2-LS_SM .grid_block,
    .grid_block.grid_span_2-LS_SM {
        grid-column: auto / span 2;
    }

    .grid_span_3-LS_SM,
    .grid_span_3-LS_SM .grid_block,
    .grid_block.grid_span_3-LS_SM {
        grid-column: auto / span 3;
    }

    .grid_span_4-LS_SM,
    .grid_span_4-LS_SM .grid_block,
    .grid_block.grid_span_4-LS_SM {
        grid-column: auto / span 4;
    }

    .grid_span_5-LS_SM,
    .grid_span_5-LS_SM .grid_block,
    .grid_block.grid_span_5-LS_SM {
        grid-column: auto / span 5;
    }

    .grid_span_6-LS_SM,
    .grid_span_6-LS_SM .grid_block,
    .grid_block.grid_span_6-LS_SM {
        grid-column: auto / span 6;
    }

    .grid_span_7-LS_SM,
    .grid_span_7-LS_SM .grid_block,
    .grid_block.grid_span_7-LS_SM {
        grid-column: auto / span 7;
    }

    .grid_span_8-LS_SM,
    .grid_span_8-LS_SM .grid_block,
    .grid_block.grid_span_8-LS_SM {
        grid-column: auto / span 8;
    }

    .grid_span_9-LS_SM,
    .grid_span_9-LS_SM .grid_block,
    .grid_block.grid_span_9-LS_SM {
        grid-column: auto / span 9;
    }

    .grid_span_10-LS_SM,
    .grid_span_10-LS_SM .grid_block,
    .grid_block.grid_span_10-LS_SM {
        grid-column: auto / span 10;
    }

    .grid_span_11-LS_SM,
    .grid_span_11-LS_SM .grid_block,
    .grid_block.grid_span_11-LS_SM {
        grid-column: auto / span 11;
    }

    .grid_span_12-LS_SM,
    .grid_span_12-LS_SM .grid_block,
    .grid_block.grid_span_12-LS_SM {
        grid-column: auto / span 12;
    }

    /*******
    * CUSTOMIZATIONS
    *****/

    /* Defaults */
    .section_content h2 {
        font-size: 22px
    }

    .section_content h3 {
        font-size: 17px
    }

    .section_content p {
        font-size: 15px
    }

    .button {
        width: auto;
    }

    .testmonial_content {
        font-size: 18px;
    }
}

/* Landscape MD */
@media screen and (orientation:landscape) and (min-width:1113px) and (max-width:1366px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-LS_MD {
        text-align: left;
    }

    .ta_r-LS_MD {
        text-align: right;
    }

    .ta_c-LS_MD {
        text-align: center;
    }

    .ta_j-LS_MD {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-LS_MD {
        display: none !important;
    }

    .display_block-LS_MD {
        display: block;
    }

    .display_grid_12-LS_MD {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-LS_MD {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-LS_MD {
        grid-gap: 0;
    }

    .grid_gap_4-LS_MD {
        grid-gap: 4px;
    }

    .grid_gap_8-LS_MD {
        grid-gap: 8px;
    }

    .grid_gap_16-LS_MD {
        grid-gap: 16px;
    }

    .grid_gap_32-LS_MD {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-LS_MD {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-LS_MD,
    .grid_span_1-LS_MD .grid_block,
    .grid_block.grid_span_1-LS_MD {
        grid-column: auto / span 1;
    }

    .grid_span_2-LS_MD,
    .grid_span_2-LS_MD .grid_block,
    .grid_block.grid_span_2-LS_MD {
        grid-column: auto / span 2;
    }

    .grid_span_3-LS_MD,
    .grid_span_3-LS_MD .grid_block,
    .grid_block.grid_span_3-LS_MD {
        grid-column: auto / span 3;
    }

    .grid_span_4-LS_MD,
    .grid_span_4-LS_MD .grid_block,
    .grid_block.grid_span_4-LS_MD {
        grid-column: auto / span 4;
    }

    .grid_span_5-LS_MD,
    .grid_span_5-LS_MD .grid_block,
    .grid_block.grid_span_5-LS_MD {
        grid-column: auto / span 5;
    }

    .grid_span_6-LS_MD,
    .grid_span_6-LS_MD .grid_block,
    .grid_block.grid_span_6-LS_MD {
        grid-column: auto / span 6;
    }

    .grid_span_7-LS_MD,
    .grid_span_7-LS_MD .grid_block,
    .grid_block.grid_span_7-LS_MD {
        grid-column: auto / span 7;
    }

    .grid_span_8-LS_MD,
    .grid_span_8-LS_MD .grid_block,
    .grid_block.grid_span_8-LS_MD {
        grid-column: auto / span 8;
    }

    .grid_span_9-LS_MD,
    .grid_span_9-LS_MD .grid_block,
    .grid_block.grid_span_9-LS_MD {
        grid-column: auto / span 9;
    }

    .grid_span_10-LS_MD,
    .grid_span_10-LS_MD .grid_block,
    .grid_block.grid_span_10-LS_MD {
        grid-column: auto / span 10;
    }

    .grid_span_11-LS_MD,
    .grid_span_11-LS_MD .grid_block,
    .grid_block.grid_span_11-LS_MD {
        grid-column: auto / span 11;
    }

    .grid_span_12-LS_MD,
    .grid_span_12-LS_MD .grid_block,
    .grid_block.grid_span_12-LS_MD {
        grid-column: auto / span 12;
    }

    .testmonial_content {
        font-size: 18px;
    }
}

/* Landscape LG */
@media screen and (orientation:landscape) and (min-width:1367px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-LS_LG {
        text-align: left;
    }

    .ta_r-LS_LG {
        text-align: right;
    }

    .ta_c-LS_LG {
        text-align: center;
    }

    .ta_j-LS_LG {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-LS_LG {
        display: none !important;
    }

    .display_block-LS_LG {
        display: block;
    }

    .display_grid_12-LS_LG {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-LS_LG {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-LS_LG {
        grid-gap: 0;
    }

    .grid_gap_4-LS_LG {
        grid-gap: 4px;
    }

    .grid_gap_8-LS_LG {
        grid-gap: 8px;
    }

    .grid_gap_16-LS_LG {
        grid-gap: 16px;
    }

    .grid_gap_32-LS_LG {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-LS_LG {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-LS_LG,
    .grid_span_1-LS_LG .grid_block,
    .grid_block.grid_span_1-LS_LG {
        grid-column: auto / span 1;
    }

    .grid_span_2-LS_LG,
    .grid_span_2-LS_LG .grid_block,
    .grid_block.grid_span_2-LS_LG {
        grid-column: auto / span 2;
    }

    .grid_span_3-LS_LG,
    .grid_span_3-LS_LG .grid_block,
    .grid_block.grid_span_3-LS_LG {
        grid-column: auto / span 3;
    }

    .grid_span_4-LS_LG,
    .grid_span_4-LS_LG .grid_block,
    .grid_block.grid_span_4-LS_LG {
        grid-column: auto / span 4;
    }

    .grid_span_5-LS_LG,
    .grid_span_5-LS_LG .grid_block,
    .grid_block.grid_span_5-LS_LG {
        grid-column: auto / span 5;
    }

    .grid_span_6-LS_LG,
    .grid_span_6-LS_LG .grid_block,
    .grid_block.grid_span_6-LS_LG {
        grid-column: auto / span 6;
    }

    .grid_span_7-LS_LG,
    .grid_span_7-LS_LG .grid_block,
    .grid_block.grid_span_7-LS_LG {
        grid-column: auto / span 7;
    }

    .grid_span_8-LS_LG,
    .grid_span_8-LS_LG .grid_block,
    .grid_block.grid_span_8-LS_LG {
        grid-column: auto / span 8;
    }

    .grid_span_9-LS_LG,
    .grid_span_9-LS_LG .grid_block,
    .grid_block.grid_span_9-LS_LG {
        grid-column: auto / span 9;
    }

    .grid_span_10-LS_LG,
    .grid_span_10-LS_LG .grid_block,
    .grid_block.grid_span_10-LS_LG {
        grid-column: auto / span 10;
    }

    .grid_span_11-LS_LG,
    .grid_span_11-LS_LG .grid_block,
    .grid_block.grid_span_11-LS_LG {
        grid-column: auto / span 11;
    }

    .grid_span_12-LS_LG,
    .grid_span_12-LS_LG .grid_block,
    .grid_block.grid_span_12-LS_LG {
        grid-column: auto / span 12;
    }
}

/* CSS Mobile First for portrait mode */
@media screen and (orientation:portrait) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .tt_upper {
        text-transform: uppercase;
    }

    .ta_l-PT {
        text-align: left;
    }

    .ta_r-PT {
        text-align: right;
    }

    .ta_c-PT {
        text-align: center;
    }

    .ta_j-PT {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-PT {
        display: none !important;
    }

    .display_block-PT {
        display: block;
    }

    /*  */
    .display_grid_12-PT {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    .display_grid_1-PT {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(min-content, max-content);
    }

    /*  */
    /* GRID ROWS */
    .grid_row_1fr-PT {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-PT,
    .grid_span_1-PT .grid_block,
    .grid_block.grid_span_1-PT {
        grid-column: auto / span 1;
    }

    .grid_span_2-PT,
    .grid_span_2-PT .grid_block,
    .grid_block.grid_span_2-PT {
        grid-column: auto / span 2;
    }

    .grid_span_3-PT,
    .grid_span_3-PT .grid_block,
    .grid_block.grid_span_3-PT {
        grid-column: auto / span 3;
    }

    .grid_span_4-PT,
    .grid_span_4-PT .grid_block,
    .grid_block.grid_span_4-PT {
        grid-column: auto / span 4;
    }

    .grid_span_5-PT,
    .grid_span_5-PT .grid_block,
    .grid_block.grid_span_5-PT {
        grid-column: auto / span 5;
    }

    .grid_span_6-PT,
    .grid_span_6-PT .grid_block,
    .grid_block.grid_span_6-PT {
        grid-column: auto / span 6;
    }

    .grid_span_7-PT,
    .grid_span_7-PT .grid_block,
    .grid_block.grid_span_7-PT {
        grid-column: auto / span 7;
    }

    .grid_span_8-PT,
    .grid_span_8-PT .grid_block,
    .grid_block.grid_span_8-PT {
        grid-column: auto / span 8;
    }

    .grid_span_9-PT,
    .grid_span_9-PT .grid_block,
    .grid_block.grid_span_9-PT {
        grid-column: auto / span 9;
    }

    .grid_span_10-PT,
    .grid_span_10-PT .grid_block,
    .grid_block.grid_span_10-PT {
        grid-column: auto / span 10;
    }

    .grid_span_11-PT,
    .grid_span_11-PT .grid_block,
    .grid_block.grid_span_11-PT {
        grid-column: auto / span 11;
    }

    .grid_span_12-PT,
    .grid_span_12-PT .grid_block,
    .grid_block.grid_span_12-PT {
        grid-column: auto / span 12;
    }
}

/* Portrait XXS */
/* For small phones eg.: iPhone 5 */
@media screen and (orientation:portrait) and (max-width: 374px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-PT_XXS {
        text-align: left;
    }

    .ta_r-PT_XXS {
        text-align: right;
    }

    .ta_c-PT_XXS {
        text-align: center;
    }

    .ta_j-PT_XXS {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-PT_XXS {
        display: none !important;
    }

    .display_block-PT_XXS {
        display: block;
    }

    /*  */
    .display_grid_12-PT_XXS {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-PT_XXS {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-PT_XXS {
        grid-gap: 0;
    }

    .grid_gap_4-PT_XXS {
        grid-gap: 4px;
    }

    .grid_gap_8-PT_XXS {
        grid-gap: 8px;
    }

    .grid_gap_16-PT_XXS {
        grid-gap: 16px;
    }

    .grid_gap_32-PT_XXS {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-PT_XXS {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-PT_XXS,
    .grid_span_1-PT_XXS .grid_block,
    .grid_block.grid_span_1-PT_XXS {
        grid-column: auto / span 1;
    }

    .grid_span_2-PT_XXS,
    .grid_span_2-PT_XXS .grid_block,
    .grid_block.grid_span_2-PT_XXS {
        grid-column: auto / span 2;
    }

    .grid_span_3-PT_XXS,
    .grid_span_3-PT_XXS .grid_block,
    .grid_block.grid_span_3-PT_XXS {
        grid-column: auto / span 3;
    }

    .grid_span_4-PT_XXS,
    .grid_span_4-PT_XXS .grid_block,
    .grid_block.grid_span_4-PT_XXS {
        grid-column: auto / span 4;
    }

    .grid_span_5-PT_XXS,
    .grid_span_5-PT_XXS .grid_block,
    .grid_block.grid_span_5-PT_XXS {
        grid-column: auto / span 5;
    }

    .grid_span_6-PT_XXS,
    .grid_span_6-PT_XXS .grid_block,
    .grid_block.grid_span_6-PT_XXS {
        grid-column: auto / span 6;
    }

    .grid_span_7-PT_XXS,
    .grid_span_7-PT_XXS .grid_block,
    .grid_block.grid_span_7-PT_XXS {
        grid-column: auto / span 7;
    }

    .grid_span_8-PT_XXS,
    .grid_span_8-PT_XXS .grid_block,
    .grid_block.grid_span_8-PT_XXS {
        grid-column: auto / span 8;
    }

    .grid_span_9-PT_XXS,
    .grid_span_9-PT_XXS .grid_block,
    .grid_block.grid_span_9-PT_XXS {
        grid-column: auto / span 9;
    }

    .grid_span_10-PT_XXS,
    .grid_span_10-PT_XXS .grid_block,
    .grid_block.grid_span_10-PT_XXS {
        grid-column: auto / span 10;
    }

    .grid_span_11-PT_XXS,
    .grid_span_11-PT_XXS .grid_block,
    .grid_block.grid_span_11-PT_XXS {
        grid-column: auto / span 11;
    }

    .grid_span_12-PT_XXS,
    .grid_span_12-PT_XXS .grid_block,
    .grid_block.grid_span_12-PT_XXS {
        grid-column: auto / span 12;
    }

    .testmonial_content {
        font-size: 16px;
    }

    .testmonials_gap {
        padding: 0 0 48px 0;
    }
}

/* Portrait XS */
@media screen and (orientation:portrait) and (min-width: 375px) and (max-width:599px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-PT_XS {
        text-align: left;
    }

    .ta_r-PT_XS {
        text-align: right;
    }

    .ta_c-PT_XS {
        text-align: center;
    }

    .ta_j-PT_XS {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-PT_XS {
        display: none !important;
    }

    .display_block-PT_XS {
        display: block;
    }

    /*  */
    .display_grid_12-PT_XS {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-PT_XS {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-PT_XS {
        grid-gap: 0;
    }

    .grid_gap_4-PT_XS {
        grid-gap: 4px;
    }

    .grid_gap_8-PT_XS {
        grid-gap: 8px;
    }

    .grid_gap_16-PT_XS {
        grid-gap: 16px;
    }

    .grid_gap_32-PT_XS {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-PT_XS {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-PT_XS,
    .grid_span_1-PT_XS .grid_block,
    .grid_block.grid_span_1-PT_XS {
        grid-column: auto / span 1;
    }

    .grid_span_2-PT_XS,
    .grid_span_2-PT_XS .grid_block,
    .grid_block.grid_span_2-PT_XS {
        grid-column: auto / span 2;
    }

    .grid_span_3-PT_XS,
    .grid_span_3-PT_XS .grid_block,
    .grid_block.grid_span_3-PT_XS {
        grid-column: auto / span 3;
    }

    .grid_span_4-PT_XS,
    .grid_span_4-PT_XS .grid_block,
    .grid_block.grid_span_4-PT_XS {
        grid-column: auto / span 4;
    }

    .grid_span_5-PT_XS,
    .grid_span_5-PT_XS .grid_block,
    .grid_block.grid_span_5-PT_XS {
        grid-column: auto / span 5;
    }

    .grid_span_6-PT_XS,
    .grid_span_6-PT_XS .grid_block,
    .grid_block.grid_span_6-PT_XS {
        grid-column: auto / span 6;
    }

    .grid_span_7-PT_XS,
    .grid_span_7-PT_XS .grid_block,
    .grid_block.grid_span_7-PT_XS {
        grid-column: auto / span 7;
    }

    .grid_span_8-PT_XS,
    .grid_span_8-PT_XS .grid_block,
    .grid_block.grid_span_8-PT_XS {
        grid-column: auto / span 8;
    }

    .grid_span_9-PT_XS,
    .grid_span_9-PT_XS .grid_block,
    .grid_block.grid_span_9-PT_XS {
        grid-column: auto / span 9;
    }

    .grid_span_10-PT_XS,
    .grid_span_10-PT_XS .grid_block,
    .grid_block.grid_span_10-PT_XS {
        grid-column: auto / span 10;
    }

    .grid_span_11-PT_XS,
    .grid_span_11-PT_XS .grid_block,
    .grid_block.grid_span_11-PT_XS {
        grid-column: auto / span 11;
    }

    .grid_span_12-PT_XS,
    .grid_span_12-PT_XS .grid_block,
    .grid_block.grid_span_12-PT_XS {
        grid-column: auto / span 12;
    }

    .testmonial_content {
        font-size: 16px;
    }

    .testmonials_gap {
        padding: 0 0 48px 0;
    }
}

/* Portrait SM */
@media screen and (orientation:portrait) and (min-width:600px) and (max-width:799px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-PT_SM {
        text-align: left;
    }

    .ta_r-PT_SM {
        text-align: right;
    }

    .ta_c-PT_SM {
        text-align: center;
    }

    .ta_j-PT_SM {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-PT_SM {
        display: none !important;
    }

    .display_block-PT_SM {
        display: block;
    }

    /*  */
    .display_grid_12-PT_SM {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-PT_SM {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-PT_SM {
        grid-gap: 0;
    }

    .grid_gap_4-PT_SM {
        grid-gap: 4px;
    }

    .grid_gap_8-PT_SM {
        grid-gap: 8px;
    }

    .grid_gap_16-PT_SM {
        grid-gap: 16px;
    }

    .grid_gap_32-PT_SM {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-PT_SM {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-PT_SM,
    .grid_span_1-PT_SM .grid_block,
    .grid_block.grid_span_1-PT_SM {
        grid-column: auto / span 1;
    }

    .grid_span_2-PT_SM,
    .grid_span_2-PT_SM .grid_block,
    .grid_block.grid_span_2-PT_SM {
        grid-column: auto / span 2;
    }

    .grid_span_3-PT_SM,
    .grid_span_3-PT_SM .grid_block,
    .grid_block.grid_span_3-PT_SM {
        grid-column: auto / span 3;
    }

    .grid_span_4-PT_SM,
    .grid_span_4-PT_SM .grid_block,
    .grid_block.grid_span_4-PT_SM {
        grid-column: auto / span 4;
    }

    .grid_span_5-PT_SM,
    .grid_span_5-PT_SM .grid_block,
    .grid_block.grid_span_5-PT_SM {
        grid-column: auto / span 5;
    }

    .grid_span_6-PT_SM,
    .grid_span_6-PT_SM .grid_block,
    .grid_block.grid_span_6-PT_SM {
        grid-column: auto / span 6;
    }

    .grid_span_7-PT_SM,
    .grid_span_7-PT_SM .grid_block,
    .grid_block.grid_span_7-PT_SM {
        grid-column: auto / span 7;
    }

    .grid_span_8-PT_SM,
    .grid_span_8-PT_SM .grid_block,
    .grid_block.grid_span_8-PT_SM {
        grid-column: auto / span 8;
    }

    .grid_span_9-PT_SM,
    .grid_span_9-PT_SM .grid_block,
    .grid_block.grid_span_9-PT_SM {
        grid-column: auto / span 9;
    }

    .grid_span_10-PT_SM,
    .grid_span_10-PT_SM .grid_block,
    .grid_block.grid_span_10-PT_SM {
        grid-column: auto / span 10;
    }

    .grid_span_11-PT_SM,
    .grid_span_11-PT_SM .grid_block,
    .grid_block.grid_span_11-PT_SM {
        grid-column: auto / span 11;
    }

    .grid_span_12-PT_SM,
    .grid_span_12-PT_SM .grid_block,
    .grid_block.grid_span_12-PT_SM {
        grid-column: auto / span 12;
    }

    .testmonial_content {
        font-size: 18px;
    }

    .testmonials_gap {
        padding: 0 0 48px 0;
    }
}

/* Portrait MD */
@media screen and (orientation:portrait) and (min-width:800px) and (max-width:1023px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-PT_MD {
        text-align: left;
    }

    .ta_r-PT_MD {
        text-align: right;
    }

    .ta_c-PT_MD {
        text-align: center;
    }

    .ta_j-PT_MD {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-PT_MD {
        display: none !important;
    }

    .display_block-PT_MD {
        display: block;
    }

    /*  */
    .display_grid_12-PT_MD {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-PT_MD {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-PT_MD {
        grid-gap: 0;
    }

    .grid_gap_4-PT_MD {
        grid-gap: 4px;
    }

    .grid_gap_8-PT_MD {
        grid-gap: 8px;
    }

    .grid_gap_16-PT_MD {
        grid-gap: 16px;
    }

    .grid_gap_32-PT_MD {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-PT_MD {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-PT_MD,
    .grid_span_1-PT_MD .grid_block,
    .grid_block.grid_span_1-PT_MD {
        grid-column: auto / span 1;
    }

    .grid_span_2-PT_MD,
    .grid_span_2-PT_MD .grid_block,
    .grid_block.grid_span_2-PT_MD {
        grid-column: auto / span 2;
    }

    .grid_span_3-PT_MD,
    .grid_span_3-PT_MD .grid_block,
    .grid_block.grid_span_3-PT_MD {
        grid-column: auto / span 3;
    }

    .grid_span_4-PT_MD,
    .grid_span_4-PT_MD .grid_block,
    .grid_block.grid_span_4-PT_MD {
        grid-column: auto / span 4;
    }

    .grid_span_5-PT_MD,
    .grid_span_5-PT_MD .grid_block,
    .grid_block.grid_span_5-PT_MD {
        grid-column: auto / span 5;
    }

    .grid_span_6-PT_MD,
    .grid_span_6-PT_MD .grid_block,
    .grid_block.grid_span_6-PT_MD {
        grid-column: auto / span 6;
    }

    .grid_span_7-PT_MD,
    .grid_span_7-PT_MD .grid_block,
    .grid_block.grid_span_7-PT_MD {
        grid-column: auto / span 7;
    }

    .grid_span_8-PT_MD,
    .grid_span_8-PT_MD .grid_block,
    .grid_block.grid_span_8-PT_MD {
        grid-column: auto / span 8;
    }

    .grid_span_9-PT_MD,
    .grid_span_9-PT_MD .grid_block,
    .grid_block.grid_span_9-PT_MD {
        grid-column: auto / span 9;
    }

    .grid_span_10-PT_MD,
    .grid_span_10-PT_MD .grid_block,
    .grid_block.grid_span_10-PT_MD {
        grid-column: auto / span 10;
    }

    .grid_span_11-PT_MD,
    .grid_span_11-PT_MD .grid_block,
    .grid_block.grid_span_11-PT_MD {
        grid-column: auto / span 11;
    }

    .grid_span_12-PT_MD,
    .grid_span_12-PT_MD .grid_block,
    .grid_block.grid_span_12-PT_MD {
        grid-column: auto / span 12;
    }

    .testmonial_content {
        font-size: 18px;
    }

    .testmonials_gap {
        padding: 0 0 48px 0;
    }
}

/* Portrait LG */
@media screen and (orientation:portrait) and (min-width:1024px) {
    /*******
    * RESPONSIVE CLASSES
    *****/

    /* Text Alignment */
    .ta_l-PT_LG {
        text-align: left;
    }

    .ta_r-PT_LG {
        text-align: right;
    }

    .ta_c-PT_LG {
        text-align: center;
    }

    .ta_j-PT_LG {
        text-align: justify;
    }

    /* DISPLAY TYPES */
    .display_none-PT_LG {
        display: none !important;
    }

    .display_block-PT_LG {
        display: block;
    }

    /*  */
    .display_grid_12-PT_LG {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, max-content);
    }

    /* GRID ALIGN */
    .grid_align_t-PT_LG {
        align-items: start;
    }

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

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

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

    /* GRID GAP */
    .grid_gap_0-PT_LG {
        grid-gap: 0;
    }

    .grid_gap_4-PT_LG {
        grid-gap: 4px;
    }

    .grid_gap_8-PT_LG {
        grid-gap: 8px;
    }

    .grid_gap_16-PT_LG {
        grid-gap: 16px;
    }

    .grid_gap_32-PT_LG {
        grid-gap: 32px;
    }

    /* GRID ROWS */
    .grid_row_1fr-PT_LG {
        grid-auto-rows: 1fr;
    }

    /* GRID SPAN */
    .grid_span_1-PT_LG,
    .grid_span_1-PT_LG .grid_block,
    .grid_block.grid_span_1-PT_LG {
        grid-column: auto / span 1;
    }

    .grid_span_2-PT_LG,
    .grid_span_2-PT_LG .grid_block,
    .grid_block.grid_span_2-PT_LG {
        grid-column: auto / span 2;
    }

    .grid_span_3-PT_LG,
    .grid_span_3-PT_LG .grid_block,
    .grid_block.grid_span_3-PT_LG {
        grid-column: auto / span 3;
    }

    .grid_span_4-PT_LG,
    .grid_span_4-PT_LG .grid_block,
    .grid_block.grid_span_4-PT_LG {
        grid-column: auto / span 4;
    }

    .grid_span_5-PT_LG,
    .grid_span_5-PT_LG .grid_block,
    .grid_block.grid_span_5-PT_LG {
        grid-column: auto / span 5;
    }

    .grid_span_6-PT_LG,
    .grid_span_6-PT_LG .grid_block,
    .grid_block.grid_span_6-PT_LG {
        grid-column: auto / span 6;
    }

    .grid_span_7-PT_LG,
    .grid_span_7-PT_LG .grid_block,
    .grid_block.grid_span_7-PT_LG {
        grid-column: auto / span 7;
    }

    .grid_span_8-PT_LG,
    .grid_span_8-PT_LG .grid_block,
    .grid_block.grid_span_8-PT_LG {
        grid-column: auto / span 8;
    }

    .grid_span_9-PT_LG,
    .grid_span_9-PT_LG .grid_block,
    .grid_block.grid_span_9-PT_LG {
        grid-column: auto / span 9;
    }

    .grid_span_10-PT_LG,
    .grid_span_10-PT_LG .grid_block,
    .grid_block.grid_span_10-PT_LG {
        grid-column: auto / span 10;
    }

    .grid_span_11-PT_LG,
    .grid_span_11-PT_LG .grid_block,
    .grid_block.grid_span_11-PT_LG {
        grid-column: auto / span 11;
    }

    .grid_span_12-PT_LG,
    .grid_span_12-PT_LG .grid_block,
    .grid_block.grid_span_12-PT_LG {
        grid-column: auto / span 12;
    }

    .testmonials_gap {
        padding: 0 0 48px 0;
    }
}



/* douglas 01/05/2024 */

.login_container {
    width: 100%;
    display: block;
    min-height: 100%;
    /* max-height:auto; */
    overflow: auto;
}

.login_window {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 8px;
}

.login_content {
    margin: auto;
    flex-shrink: 1;
    flex-basis: auto;
    background: var(--foreground-color);
    width: 100%;
    max-width: 320px;
    border-radius: 8px;
}

.login_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--modal-border);
    padding: 16px;
}

.login_header h1 {
    font-size: 14px;
    text-transform: uppercase;
}

.login_header .brand {
    width: 65px;
    margin-top: 8px;
}

.login_header .version {
    margin-top: 4px;
    font-size: 10px;
}

.dark_mode,
.dark_mode_alt {
    --nav-background: #000000;
    --nav-border: rgb(40, 39, 44);
    --nav-color: #ffffff;
    --menu-background: #1c1a1d;
    --menu-border: rgb(40, 39, 44);
    --menu-label: #ffffff;
    /*  */
    --input-read-only-bg: #0d0c0e;
    /*  */
    --background-color: #000000;
    --foreground-color: #1c1a1d;
    --foreground-color-opacity: rgba(28, 26, 29, 0.4);
    --foreground-offset-color: #312e33;
    --paybook-border-arrows: rgb(93, 96, 102);
    --playbook-button-02: #312e33;
    --playbook-button-05: #f2f0f6;
    --border-color: rgb(40, 39, 44);
    --active-color: #0783fe;
    --active-color-opacity: rgba(7, 131, 254, 0.5);
    --label-color: #ffffff;
    --label-offset-color: #ddd;
    --label-dim-color: #888;
    --label-disabled-color: #eee;
    --label-referral-link: #828282;
    --background-referral-link: #0e0d0e;
    --placeholder-focus: rgba(136, 136, 136, 0.5);
    --label-invert-color: #000000;
    --icon-color: #ffffff;
    --color-yellow: yellow;
    --color-green: #00ce24;
    --color-red: #f82f1c;
    --color-red-hover: #c42415;
    --color-orange: #d79700;
    --color-white: #ffffff;
    --color-blue: #0783fe;
    --color-blue-hover: blue;
    --color-logout: #DB5252;
    --button-background-hover: blue;
    --color-dim: #322f33;
    --color-img-background: #322f33;
    --color-dim-hover: #4b444d;
    --form-validation-error: #c42415;
    --form-validation-green: green;
    --form-validation-success: green;
    --form-validation-blue: blue;
    --form-validation-orange: orange;
    --form-validation-purple: purple;
    /*  */
    --modal-background: #544e59e8;
    --modal-border: #000;
    --modal-border-offset: var(--color-red);
    /*  */
    --sub-list-border: #666;
    /*  */
    --switch-background: transparent;
    --switch-border: #666;
    --switch-active-background: #00a41c;
    --switch-active-border: rgba(0, 0, 0, 0.5);
    /*  */
    --action-reveal-background: #27272b;
    --action-reveal-label: #000000;
    /* alerts */
    --color-success: #00a41c;
    --color-warning: #ffc700;
    --color-attention: #ff1600;
    /*  */
    --deal-color-0: #0783fe;
    --deal-color-1: #3bb53b;
    --deal-color-2: blue;
    --deal-color-3: MediumSlateBlue;
    --deal-color-4: Orange;
    --deal-color-5: #e8da00;
    --deal-color-6: FireBrick;
    --deal-color-7: LightGrey;
    --deal-color-8: Grey;
    --deal-color-9: Purple;
    /*  */
    --pt-color: blue;
    --oc-color: #00b900;
    --gp-color: Purple;
    /*  */
    --appointment-background: #353037;
    --appointment-bg-completed: #655c68;
    --appointment-bg-completed-hover: #7e7382;
    --appointment-clr-completed: #acacac;
    --appointment-bg-upcoming: #0783fe;
    --appointment-bg-upcoming-hover: blue;
    --appointment-clr-upcoming: #fff;
    --appointment-boder-color: #000;
    --appointment-event-border-eval: #faa;
    --appointment-event-border-pt: rgb(102, 102, 255);
    --appointment-event-border-oc: #35c935;
    --appointment-event-border-gp: rgb(200, 12, 200);
    /*  */
    --cart-header-title: #acacac;
    /*  */
    --cal-boder-color: #5b5b5b;
    /*  */
    --cart-input-bg: #161517;
    /*  */
    --task-icon-completed: #00a41c;
    --task-icon-overdue: var(--color-red);
    /*  */
    --select-custom-background: #27272b;
    --select-custom-label: #000000;
    /*  */
    --ntf-text: #bbb;
    --ntf-green: green;
    --ntf-blue: blue;
    /*  */
    --label-dim-editor: #666;
    /*  */
    --loader-color: #fff;
    /*  */
    --content-prompt-bg: rgba(28, 26, 29, 1);
    /*  */
    --color-bar-green: #48fb47;
    --color-bar-yellow: #d9d900;
    --color-bar-red: red;
    /*  */
    --video-background: rgba(0, 0, 0, 0.5);
    /*  */
    --progress-bar-striped-bg: blue;
    /*  */
    --task-action-bg-green: #00aa1e;
    --task-action-bg-green-hover: #00d227;
}