*{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;}
:root{
    --s96px: 6rem;
    --s80px: 5rem;
    --s64px: 4rem;
    --s56px: 3.5rem;
    --s50px: 3.125rem;
    --s48px: 3rem;
    --s46px: 2.875rem;
    --s44px: 2.75rem;
    --s40px: 2.5rem;
    --s36px: 2.25rem;
    --s32px: 2rem;
    --s28px: 1.75rem;
    --s26px: 1.625rem;
    --s24px: 1.5rem;
    --s20px: 1.25rem;
    --s19px: 1.188rem;
    --s18px: 1.125rem;
    --s17px: 1.063rem;
    --s16px: 1rem;
    --s15px: 0.938rem;
    --s14px: 0.875rem;
    --s13px: 0.813rem;
    --s12px: 0.75rem;
    --s11px: 0.688rem;
    --s10px: 0.625rem;
    --s9px: 0.563rem;
    --s8px: 0.5rem;
    --s7px: 0.438rem;
    --s6px: 0.375rem;
    --s5px: 0.313rem;
    --s4px: 0.25rem;
    --s3px: 0.188rem;
    --s2px: 0.125rem;
    --s1px: 0.063rem;
    --s0px: 0;
    /* ------------------------------------
    FONT Styles
    --------------------------------------- */
    /* Font Size */
    --txt_fs_10: var(--s40px); /* 40px | 2.5rem   */
    --txt_fs_09: var(--s36px); /* 36px | 2.25rem  */
    --txt_fs_08: var(--s32px); /* 32px | 2rem     */
    --txt_fs_07: var(--s28px); /* 28px | 1.75rem  */
    --txt_fs_06: var(--s24px); /* 24px | 1.5rem   */
    --txt_fs_05: var(--s20px); /* 20px | 1.25rem  */
    --txt_fs_04: var(--s18px); /* 18px | 1.125rem */
    --txt_fs_03: var(--s16px); /* 16px | 1rem     */
    --txt_fs_02: var(--s14px); /* 14px | 0.875rem */
    --txt_fs_01: var(--s12px); /* 12px | 0.75rem  */
    --txt_fs_00: var(--s10px); /* 10px | 0.625rem */
    /* Line Height */
    --txt_lh_10: var(--s48px); /* 48px | 3rem     */
    --txt_lh_09: var(--s44px); /* 44px | 2.75rem  */
    --txt_lh_08: var(--s40px); /* 40px | 2.5rem   */
    --txt_lh_07: var(--s36px); /* 36px | 2.25rem  */
    --txt_lh_06: var(--s32px); /* 32px | 2rem     */
    --txt_lh_05: var(--s28px); /* 28px | 1.75rem  */
    --txt_lh_04: var(--s26px); /* 26px | 1.625rem */
    --txt_lh_03: var(--s24px); /* 24px | 1.5rem   */
    --txt_lh_02: var(--s20px); /* 20px | 1.25rem  */
    --txt_lh_01: var(--s16px); /* 16px | 1rem     */
    --txt_lh_00: var(--s14px); /* 14px | 0.875rem */
    /* Font Weight */
    --txt_fw_light: 300;
    --txt_fw_regular: 400; /* regular */
    --txt_fw_medium: 500;
    --txt_fw_semi_bold: 600;
    --txt_fw_bold: 700;
    --txt_fw_extra_bold: 800;
    /* Calendar Styles */
    --calendar-brand-blue: #2563eb; /* selectable date color */
    --calendar-brand-blue-ghost: rgba(37, 99, 235, 0.12);
    --calendar-ink: #0f172a;
    --calendar-muted: #64748b;
    --calendar-border: #e2e8f0;
    --calendar-bg: #ffffff;
    --calendar-bg-soft: #f8fafc;
    --calendar-radius: 16px;
    --calendar-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    --bg_form_hue: 0;
    --bg_form_sat: 0%;
    --bg_form_lns: 12%;
    --bg_input_color: hsla(0, 0%, 35%, 0.5);
    --font_color: white;
    --font_color_disclaimer: #888;
}
/* Document Default */
@media screen {
    /*******
    * DEFAULTS
    *****/
    .light_mode{
        --nav-background: #000000;
        --nav-border: rgb(40, 39, 44);
        --nav-color: #ffffff;
        --background-color: #dfdde3;
        --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%}
    body{display:flex;flex-direction:column;background:var(--background-color);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;}
    .icon {width:20px;font-size:0;}
    .hidden{display: none;}
    a{text-decoration:none;}
    .bold{font-weight: 600;}
    main{flex:1 0 auto;padding-top:58px;width:100%;min-width:100vw;max-width:100vw;overflow:hidden}
    .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(--input-background);border:none;color:#fff;font-size:14px;padding:14px;width:100%;height:42px;}
    .input_group.input_bg input{background-color: black;}
    /***/
    .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:fixed;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:100;height:58px;}
    .main_nav_brand{width:100%;max-width:130px; max-height:58px; font-size:0;}
    .main_nav_brand .logo a{
        color: white;
    }
    .main_nav_brand svg{width:100px;}
    .main_nav_brand img{height: 100%; max-height: 32px; width: auto;}
    .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:var(--nav-color);}
    .main_nav_phone span{display:block;}
    .main_nav_phone:hover,
    .main_nav_menu ul a:hover{color:var(--active-color);}

    /* Footer */
    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% 0;}
    .footer_brand{max-width:110px;}
    .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;
    }
    
    
}

/* 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;
    }