:root {



    --sqz-ocean: #075B85;
    --sqz-sky: #60C0DD;
    --sqz-wattle: #FFDA34;
    --sqz-hibicus: #C7416A;
    --sqz-storm: #231F20;
    --sqz-cloud: #EEEEEE;
    --sqz-white: #ffffff;
    
    
    
    --sqz-ocean-rgb: 7, 91, 133;
    --sqz-sky-rgb: 96, 192, 221;
    --sqz-wattle-rgb: 255, 218, 52;
    --sqz-hibicus-rgb: 199, 65, 106;
    --sqz-storm-rgb: 35, 31, 32;
    --sqz-cloud-rgb: 238, 238, 238;
    --sqz-white-rgb: 255, 255, 255;


    
    --gbank-primary: #5D1DDB;
    --gbank-secondary: #C8FF00;
    --gbank-body-font : "Figtree", sans-serif;
    --gbank-primary-rgb: 93, 29, 219;
    --gbank-secondary-rgb: 200, 255, 0;

    --tbc-blue: #1965FF;
    --tbc-cyan: #00D0FF;
    --tbc-body-font: "Outfit", sans-serif;
    
    --sqz-box-width: 75rem;
    --sqz-box-height:75rem;
    --sqz-box-padding-x: 7rem;
    --sqz-box-padding-y: 2.5rem;
    --sqz-logo-width: 9rem;
    --sqz-icon-width: 2.4rem;
    --sqz-icon-height: 2.4rem;

    --sqz-p-margin: 1rem;
    --sqz-gutter : 2rem;
    
    --sqz-transition: all 0.3s ease-in-out 0s;
    
    --sqz-html-font-size: 62.5%;
    --sqz-body-font-size: 1.6rem;
    
    --sqz-heading-one-size: 2.4rem;
    --sqz-heading-two-size: 2.6rem;
    --sqz-heading-three-size: 1.8rem;
    --sqz-heading-four-size: 2.4rem;
    
    --sqz-body-font: "Outfit", sans-serif;
    --sqz-light-font-weight: 300;
    --sqz-body-font-weight: 400;
    --sqz-medium-font-weight: 600;
    --sqz-heading-font-weight: 600;
    --sqz-bold-font-weight: 600;

    --sqz-heading-three-size: 1.8rem;
    --sqz-body-color : var(--sqz-storm);
    --sqz-heading-color: var(--sqz-ocean);

  

    --sqz-link-color: var(--sqz-sky);
    --sqz-link-hover-color: var(--sqz-storm);

    --sqz-label-color: #9E9E9E;
    --sqz-field-border: #BDBDBD;
    --sqz-field-focus-border: var(--sqz-sky);
    --sqz-field-focus-background: rgba(var(--sqz-storm), 0.1);
    --sqz-placeholder-color: #BDBDBD;

    --sqz-field-color: var(--sqz-storm);
    --sqz-has-error-border: var(--sqz-error);
    --sqz-is-success-border:var(--sqz-success);
    --sqz-field-padding: 1.2rem 1.6rem;
    --sqz-field-height: 4.5rem;
    
    --sqz-radio-border: var(--sqz-storm);

    --sqz-btn-font-weight: var(--sqz-medium-font-weight);
    --sqz-btn-background: var(--sqz-sky);
    --sqz-btn-color: var(--sqz-white);
    --sqz-btn-border: var(--sqz-sky);
    --sqz-btn-radius: 3rem;
    --sqz-btn-hover-color: var(--sqz-sky);
    --sqz-btn-hover-background: var(--sqz-white);
    --sqz-btn-hover-border: var(--sqz-sky);
    
    --sqz-btn-disabled-color: rgba(var(--sqz-off-white-rgb), 0.5);
    --sqz-btn-disabled-background: var(--sqz-grey);

    --site-width: 480px;

}

@media (max-width:767px) {
    :root {
        --sqz-wrapper-padding: 2rem;
        --sqz-form-body-padding: 1rem;
        --sqz-pop-box-paddng: 1rem;
        --sqz-field-row-padding: 1rem;
    }
}

.container-fluid {padding-left: 3rem; padding-right: 3rem;}
.d-flex {display: flex;}
.h-100 {height: 100%;}
.w-100 {width: 100%;}
input::-webkit-input-placeholder {
    color: var(--sqz-placeholder-color);
  }
  input::-moz-placeholder {
    color: var(--sqz-placeholder-color);
  }
  input:-ms-input-placeholder {
    color: var(--sqz-placeholder-color);
  }
  input:-moz-placeholder {
    color: var(--sqz-placeholder-color);
  }
  

* {box-sizing: border-box;}
html { font-size: var(--sqz-html-font-size); } /* =10px */
body {margin:0; background: var(--sqz-cloud); font-family: var(--sqz-body-font); font-size: var(--sqz-body-font-size); font-weight: var(--sqz-body-font-weight); color: var(--sqz-body-color); line-height: 1.5;}
.sqz-has_footer_ {padding: 0 0 9rem;}
.sqz-left {text-align: left;}
.sqz-center {text-align: center;}
.sqz-right {text-align: right;}

.sqz-small {font-size: 1.2rem;}
.sqz-large {font-size: 2.4rem;}
.sqz-light {font-weight: var(--sqz-light-font-weight);}
.sqz-medium {font-weight: var(--sqz-medium-font-weight);}
.sqz-bold {font-weight: 700;}
.sqz-exbold {font-weight: 800;}

.sqz-pt_0 {padding-top: 0 !important;}
.sqz-pt_1 {padding-top: 1rem !important;}
.sqz-pt_2 {padding-top: 2rem !important;}
.sqz-pb_0 {padding-bottom: 0 !important;}
.sqz-pb_1 {padding-bottom: 1rem !important;}
.sqz-pb_2 {padding-bottom: 2rem !important;}

.sqz-mt_0 {margin-top: 0 !important;}
.sqz-mt_1 {margin-top: 1rem !important;}
.sqz-mt_2 {margin-top: 2rem !important;}
.sqz-mt_3 {margin-top: 3rem !important;}
.sqz-mb_0 {margin-bottom: 0 !important;}
.sqz-mb_1 {margin-bottom: 1rem !important;}
.sqz-mb_2 {margin-bottom: 2rem !important;}
.sqz-mb_3 {margin-bottom: 3rem !important;}

.sqz-white_bgr {
    --sqz-body-color: var(--sqz-storm);
    --sqz-heading-color: var(--sqz-ocean);
}

.tbc .sqz-white_bgr {
    --sqz-heading-color: var(--tbc-blue);
}

.sqz-dark_bgr {
    --sqz-body-color: var(--sqz-white);
    --sqz-heading-color: var(--sqz-white);
}

.sqz-ocean_bgr {
    --sqz-body-color: var(--sqz-white);
    --sqz-heading-color: var(--sqz-white);
}

.sqz-gradient_bgr {
    --sqz-body-color: var(--sqz-white);
    --sqz-heading-color: var(--sqz-white);
}

.sqz-entry_content {
    color: var(--sqz-body-color);
}

.sqz-card_listing {
    --sqz-body-color: var(--sqz-storm);
    --sqz-heading-color: var(--sqz-ocean);
}

.sqz-footer {
    --sqz-body-color: var(--sqz-storm); 
    --sqz-footer-link-color:var(--sqz-sky);
    --sqz-footer-link-hover-color:var(--sqz-ocean);
    --sqz-footer-link-bgr: var(--sqz-white);
    --sqz-footer-link-hover-bgr: var(--sqz-white);
}


.gbank {
    --sqz-body-font : var(--gbank-body-font);
    --sqz-heading-font: var(--gbank-body-font);
    --sqz-heading-font-weight: 700;
    --sqz-heading-color: var(--gbank-primary);
    --sqz-link-color: var(--gbank-primary);
    --sqz-footer-link-color: var(--gbank-primary);
    --sqz-footer-link-hover-color: var(--gbank-primary);
    --sqz-footer-link-bgr: var(--sqz-white);
    --sqz-footer-link-hover-bgr: var(--gbank-secondary);
    --sqz-nav-color: var(--gbank-primary);
    --sqz-nav-border: rgba(var(--gbank-primary-rgb), 0.4);
    --sqz-nav-hover-bgr: var(--gbank-primary);
    --sqz-nav-hover-color: var(--sqz-white);
    --sqz-payment_box_hover_bgr: rgba(var(--gbank-secondary-rgb), 0.2);
    --sqz-payment_box_hover_border: var(--gbank-secondary);
    --sqz-btn-background: var(--gbank-primary);
    --sqz-btn-border: var(--gbank-primary);
    --sqz-btn-font-weight: 700;
    --sqz-btn-radius: 1rem;
    --sqz-btn-hover-color: var(--gbank-primary);
    --sqz-btn-hover-background: var(--sqz-white);
    --sqz-btn-hover-border: var(--gbank-primary);
    --sqz-progress-bar : var(--gbank-primary);
}


.tbc {
    --sqz-logo-width: 16.7rem;
    --sqz-body-font: var(--tbc-body-font);
    --sqz-body-font-size: 1.8rem;
    --sqz-body-font-weight: 500;
    --sqz-heading-color: var(--tbc-blue);
    --sqz-btn-background: var(--tbc-blue);
    --sqz-btn-border: var(--tbc-blue);
    --sqz-btn-hover-color: var(--tbc-blue);
    --sqz-btn-hover-border: var(--tbc-blue);
    --sqz-btn-font-weight: 600;
    --sqz-field-border: var(--tbc-cyan);
    --sqz-progress-bar : var(--tbc-blue);
}

.sqz-home {
    --site-width : 100%;
}

.sqz-gradient_bgr {background: #075B85; background: linear-gradient(0deg, rgba(var(--sqz-ocean-rgb), 1) 0%, rgba(var(--sqz-sky-rgb), 1) 100%);}

.sqz-white_bgr {background: var(--sqz-white);}
.sqz-dark_bgr {background: var(--sqz-storm);}
.sqz-ocean_bgr {background: var(--sqz-ocean); color: var(--sqz-body-color);}

.sqz-gbank_primary_color {color: var(--gbank-primary);}


.sqz-ocean_color, .sqz-ocean_color p {color: var(--sqz-ocean);}
.sqz-sky_color {color: var(--sqz-sky);}
.sqz-wattle_color {color: var(--sqz-wattle);}
.sqz-storm_color {color: var(--sqz-storm);}


h1, .sqz-h1 {font-size: var(--sqz-heading-one-size); line-height: 1.2; color: var(--sqz-heading-color); font-weight: var(--sqz-heading-font-weight); letter-spacing: 0.41px;}
h2, .sqz-h2 {font-size: var(--sqz-heading-two-size); line-height: 1.2; color: var(--sqz-heading-color);}
h3, .sqz-h3 {font-size: var(--sqz-heading-three-size); color: var(--sqz-body-color);}
h4, .sqz-h4 {font-size: var(--sqz-heading-four-size); font-weight: var(--sqz-medium-font-weight); margin: 0 0 1rem; color: var(--sqz-heading-color);}
h5, .sqz-h5 {font-size: var(--sqz-body-font-size); font-weight: var(--sqz-medium-font-weight); margin: 0 0 1rem; color: var(--sqz-heading-color);}

p {color: var(--sqz-body-color); margin: 0 0 var(--sqz-p-margin);} 
a {color: var(--sqz-link-color); text-decoration: none; transition: var(--sqz-transition);}
a:not[href="#"]:hover {color: var(--sqz-link-hover-color); text-decoration: none;}
.sqz-cancel {color: var(--sqz-hibicus);}
.sqz-resend span {margin-left: 1rem;}
a[href="#"] {pointer-events: none;}
a[href="#"]:hover {color: var(--sqz-link-color);}


a:not([href="#"])::after, .sqz-pop_close::after {content: '*';}

.sqz-header a::after,
.sqz-logo a::after,
.sqz-page_title a::after,
.sqz-content_box a::after,
.sqz-footer a::after {display:none !important;}

.sqz-btn {background: var(--sqz-btn-background); border: solid 2px var(--sqz-btn-border); border-radius: var(--sqz-btn-radius); padding: var(--sqz-field-padding); height: var(--sqz-field-height); font-size: var(--sqz-body-font-size); color: var(--sqz-btn-color); position: relative; transition: var(--sqz-transition); text-decoration: none; font-weight: var(--sqz-btn-font-weight); display: inline-flex; align-items: center;}
.sqz-btn:hover {background: var(--sqz-btn-hover-background); color: var(--sqz-btn-hover-color); border-color: var(--sqz-btn-hover-border);}
.sqz-btn.w-100 {display: flex; align-items: center; justify-content: center;}
.sqz-btn.w-auto {display: inline-flex; width: 20%; justify-content: center; align-items: center;}
.sqz-btn.sqz-small_btn {padding: 5px 20px; height: 3.6rem;}
.sqz-btn_outline {background-color: transparent; color: var(--sqz-btn-background);}
.sqz-btn_outline:hover {background-color: var(--sqz-btn-background); color: var(--sqz-btn-color);}
.sqz-btn_primary {border-radius:0.8rem; background: var(--sqz-wattle); border-color: var(--sqz-wattle); color: var(--sqz-ocean); min-width: 26rem; text-align: center; justify-content:center;}

.sqz-account_btn_wrap {padding-left: 3rem; padding-right: 3rem; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; width: 100%;}
.sqz-account_btn_wrap .sqz-btn {display: flex; align-items: center; width: 100%; justify-content: center; text-align: center;}
.sqz-account_btn_wrap .sqz-btn .sqz-icon {margin-right: 10px; display: inline-block;}
.sqz-account_btn_wrap .sqz-btn_upload { grid-area: 1 / 1 / 2 / 3; }
.sqz-account_btn_wrap .sqz-or { grid-area: 1 / 3 / 2 / 4; }
.sqz-account_btn_wrap .sqz-btn_scan { grid-area: 1 / 4 / 2 / 6; }

.sqz-thumb {margin: 0;}
.sqz-thumb img {width: 100%; max-width: 100%; height: auto;}
.sqz-circle_thumb img {border-radius: 50%; overflow: hidden; display: block;}




.sqz-wrapper {width: 100%; max-width: var(--site-width); min-height: 100vh; margin: auto; max-height: 1050px; position: relative; overflow: auto;}
@media (min-height: 841px) {
    .sqz-wrapper {min-height: 1050px;}
}
.sqz-home .sqz-wrapper {max-height: none; height: 100vh;}
.sqz-landing_wrap {display: flex; flex-direction: column; align-items: center; justify-content:center; text-align: center;}
.sqz-head_content {font-size: 2.4rem; line-height: 3rem;}
.sqz-landing_wrap img {margin-bottom: 2rem;}
.sqz-intro_content {width: 100%; margin-top: 15rem;}
.sqz-intro_content .sqz-btn {margin: 5rem 0 0;}

.sqz-entry_content ul {list-style: none; padding: 0;}
.sqz-entry_content ul li {margin: 0 0 10px; position: relative; padding-left: 30px;}
.sqz-entry_content ul li::before {content: url(../img/icon-check.svg); position: absolute; left: 0; top: 0;}

.sqz-content_box {background: var(--sqz-cloud); padding: 2rem; border-radius: 1rem; font-size: 1.6rem;}

.sqz-header {position: fixed; top: 0; width: 100%; flex; justify-content: space-between; padding: 3rem 0 1em; background: var(--sqz-white); max-width: var(--site-width); left: 50%; transform: translateX(-50%);}
.sqz-header img {margin: auto; display: block;}
.sqz-logo {width: var(--sqz-logo-width);}
.sqz-logo img {width: 100%; max-width: 100%; height: auto;}
.sqz-hamburger {background: none; border: none; padding: 0;}

.sqz-steps {display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 6px; margin-top: 2rem; margin-bottom: 5rem; height: 6px;}
.sqz-step {width: 100%; height: 6px; background-color: var(--sqz-cloud);}
.sqz-step.sqz-active {background-color: var(--sqz-wattle);}

.sqz-content_wrap {padding: 10rem 0 9rem; height: 100%; /*min-height: calc(100vh - 12rem);*/}

.sqz-contact {display: flex; align-items: center;}
.sqz-contact a {text-decoration: none; color: var(--sqz-purple); font-weight: var(--sqz-bold-font-weight);}

.sqz-content {padding-top: 3rem;}
.sqz-section_header {--sqz-heading-color: var(--sqz-purple); text-align: center; padding: 0 0 1rem;}


.sqz-hidden_wrap {display: none;}
.sqz-field_row {margin: 0 0 2rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: var(--sqz-gutter);}
.sqz-field_row .sqz-btn {width: 100%;}
.sqz-field_row ol {padding: 0; list-style-position: inside;}

.sqz-btn_wrap {text-align: center; margin-top: 4rem; margin-bottom: 3rem;}
.sqz-field_wrap, .sqz-search_wrap {position: relative;}
.sqz-search_wrap .sqz-field {padding-left: 4rem; padding-right: 4rem;}
.sqz-icon_search {position: absolute; left: 1rem; top: 0.8rem;}
.sqz-icon_speak {position: absolute; right: 1rem; top: 0.8rem;}

.sqz-has_error .sqz-icon_error {display: block;}
.sqz-is_success .sqz-icon_success {display: block;}
.sqz-loading .sqz-icon_loading {display: block;}

.sqz-has_error {--sqz-field-border:var(--sqz-has-error-border);}
.sqz-is_success {--sqz-field-border:var(--sqz-is-success-border);}

.sqz-page_title {margin-bottom: 3rem;;}

.sqz-field_wrap {margin: 0 0 2rem; position: relative;}
.sqz-label {color: var(--sqz-label-color); display: block; margin: 0 0 0.8rem; text-align: left; font-size: 1.4rem;}
.sqz-field {border:solid 1px var(--sqz-field-border); border-radius: .8rem; color: var(--sqz-field-color); font-weight: var(--sqz-body-font-weight); padding: var(--sqz-field-padding); width: 100%; height: var(--sqz-field-height); transition: var(--sqz-transition);}
.sqz-field:focus {outline: none; border-width: 2px; border-color: var(--sqz-field-focus-border);} 
.sqz-field[readonly] {border: none; border-bottom: solid 1px #E0E0E0; border-radius: 0; background: none; padding-left: 0; padding-top: 0; padding-right: 4rem;}
.sqz-error {color: var(--sqz-hibicus); display: none;}
.sqz-has_error .sqz-error {display: block;}

.sqz-code_wrap {display: flex; justify-content: center; margin-top: 3rem;}
.sqz-code_wrap input {width: 4rem; margin: 0 5px;}

.sqz-edit_icon, .sqz-save_icon {position: absolute; right: 10px; bottom: 20px; visibility: hidden; opacity: 0;}
.sqz-save_icon {bottom: unset; top: 30px; display:none;}
.sqz-field[readonly] + .sqz-edit_icon {opacity: 1; visibility: visible;}
.sqz-disabled .sqz-label {margin-bottom: 0;}
.sqz-enabled .sqz-save_icon {opacity: 1; visibility: visible; display: block;}

.sqz-radio_wrap input {opacity: 0; position: absolute;}
.sqz-radio_wrap label::before, .sqz-radio_wrap label:after {content:''; width: 16px; height: 16px; border-radius: 50%; border: solid 1px var(--sqz-radio-border); position:absolute; left: 0; top: 4px;}
.sqz-radio_wrap label::after {width: 8px; height: 8px; background: var(--sqz-storm); opacity: 0; left: 4px; top: 8px;}

.sqz-radio_wrap input:checked ~ label::after {opacity: 1;}

.sqz-checkbox_wrap, .sqz-radio_wrap {position: relative; padding-left: 3rem;}
.sqz-checkbox_wrap label, .sqz-radio_wrap label {color:var(--sqz-storm);}
.sqz-checkbox_wrap label:before, .sqz-checkbox_wrap label:after {content: ''; width: 15px; height: 15px; border: solid 1px var(--sqz-storm); border-radius: 1px; position: absolute; left: 0; top: 2px;}
.sqz-checkbox_wrap label:after {width:10px; height: 6px; border-top: none; border-right: none; border-width: 2px;; transform: rotate(-45deg); top: 5px; left: 3px; opacity: 0;}
.sqz-checkbox_wrap input {opacity: 0; position: absolute;}
.sqz-checkbox_wrap input:checked ~ label::after {opacity: 1;}

.sqz-tabs {margin-bottom: 3rem; background: var(--sqz-cloud); border-radius: 4rem; padding: 4px;}
.sqz-tabs ul {padding: 0; margin: 0; list-style: none; display: flex; justify-content: space-between;}
.sqz-tabs ul li button {height: 3.2rem; padding: 5px 2.2rem; border-radius: 4rem; display: flex; align-items: center; transition: var(--sqz-transition); background: none; border: none;}
.sqz-tabs ul li button.sqz-active, .sqz-tabs ul li button:hover {background: var(--sqz-ocean); color: var(--sqz-white);}

.sqz-account_card {padding: 2rem; border-radius: 1rem; min-height: 13rem;}
.sqz-card_listing {margin-top: 3rem; font-size: 2rem; color: var(--sqz-storm); }
.sqz-card_listing ul {list-style: none; padding: 0;}
.sqz-card_listing ul li {margin-bottom: 2rem;}
.sqz-card_listing img {margin-right: 1.5rem;}
.sqz-card_listing span {color: var(--sqz-ocean);}

.sqz-payment_box {position: relative;}
.sqz-payment_box svg {margin-right: 1rem;}
.sqz-payment_box .sqz-label {margin-bottom: 0;}
.sqz-payment_box input[type="checkbox"] {position: absolute; visibility: hidden;}
.sqz-payment_box input {border: none; background: rgba(var(--sqz-storm-rgb), 0.03); width: 100%;}
.sqz-payment_box .sqz-icon {position: absolute; top: 50%;; transform: translateY(-50%); right: 1rem;}
.sqz-text_placeholder {height: 1rem; width: 20rem; max-width: 90%; background: rgba(var(--sqz-storm-rgb), 0.03); }
.sqz-payment_box.sqz-current {background: var(--sqz-payment_box_hover_bgr); border: solid 3px var(--sqz-payment_box_hover_border); box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.sqz-payment_box h5 {margin: 0;}

.sqz-message_box {border-radius: 1.2rem; padding: 2.4rem 7rem; margin: 2rem 0 0; position: relative;}
.sqz-error_box {--sqz-p-margin: 0; min-height: var(--sqz-error-box-height, 14.7rem); display: flex; flex-direction: column; justify-content: center;}

.sqz-upload_id {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-gap: 2rem;}


.sqz-nav ul {list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; margin: 0; padding: 0;}

.sqz-nav ul li a {padding: 5px; font-weight: var(--sqz-heading-font-weight); border: solid 1px var(--sqz-nav-border); border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.sqz-nav ul li a svg {margin-right: 10px;}
.sqz-nav ul li a svg path {fill: var(--gbank-primary);}
.sqz-nav ul li:hover a, .sqz-nav ul li.sqz-current a {background: var(--sqz-nav-hover-bgr); color: var(--sqz-nav-hover-color);}
.sqz-nav ul li:hover a svg path, .sqz-nav ul li.sqz-current a svg path {fill: var(--sqz-white);}


.sqz-footer {--body-bottom-margin: calc(100vh - 1050px); --footer-top-offset: calc(var(--body-bottom-margin) + 90px); position: fixed; width: 100%; max-width: var(--site-width); bottom: 0;  padding: 1rem 0; height: 9rem; border-top: solid 1px #BDBDBD; left: 50%; transform: translateX(-50%);}
@media (min-height: 1051px) {
    .sqz-footer {
        bottom: unset;
        top: calc(100vh - var(--body-bottom-margin) );
    }
}

.sqz-footer ul {list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr;}
.sqz-footer ul li {display: block; text-align: center; font-weight: var(--sqz-heading-font-weight); font-size: 1.2rem;}
.sqz-footer ul li a {text-align: center; display: block; background: var(--sqz-footer-link-bgr); padding: 15px 5px; border-radius: 10px;}
.sqz-footer ul li a span {display: block;}
.sqz-footer ul li a svg path {fill: var(--sqz-footer-link-color); transition: var(--sqz-transition);}
.sqz-footer ul li a:hover,
.sqz-footer ul li.sqz-current a {background: var(--sqz-footer-link-hover-bgr); color: var(--sqz-footer-link-hover-color);}
.sqz-footer ul li.sqz-current a svg path,
.sqz-footer ul li a:hover svg path {fill: var(--sqz-footer-link-hover-color);}

.sqz-footer ul li a[href="#"] {pointer-events: none;}


.sqz-donate_radio {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; list-style: none; margin: 0; padding: 0;}
.sqz-donate_radio li {display: block; width: 100%;}
.sqz-donate_radio label {background: var(--tbc-cyan); color: var(--sqz-white); font-weight: 700; border-radius: 6px; display: block; padding: 10px 12px; text-align: center; font-size: 2.4rem; font-weight: 600;}
.sqz-donate_radio li input {position: absolute; visibility: hidden;}
.sqz-donate_radio li input:checked ~ label {background: var(--tbc-blue); border:solid 1px var(--tbc-cyan);}

.sqz-notification_bgr {width: 380px; height: 96px; background: url('../img/notification-bgr.png'); background-size: cover; padding: 14px;}
.sqz-notification_bgr .sqz-app_icon {margin-right: 15px;}
.sqz-face_id {position: fixed; z-index: 99; width: 150px; height: auto; left: 50%; transform: translateX(-50%); top:20px;}

.sqz-pop_close {width: 4rem; height: 4rem; position: absolute; top: 90px; right: 30px; cursor: pointer;}
.sqz-tbc_notification {position: absolute; z-index: 99; text-align: center; width: 100%; left: 0;}
.sqz-tbc_notification img {/*max-width: 340px; */width: 100%; display: table; margin: auto;} 
.sqz-tbc_notification a {position: relative; /*width: 340px;*/ display: table; margin: auto;}
.sqz-tbc_notification a:after {position: absolute; right: 30px; top: 30px; }
.sqz-tbc_cta {position: relative;}
.sqz-tbc_cta img {max-width: 100%; height: auto;}
.sqz-tbc_cta_content {position: absolute; left: 2rem; top: 2rem; right: 2rem; bottom: 2rem; display: flex; align-items: center;}
.sqz-loader {position: fixed; left:50%; transform: translateX(-50%); top: 0; height:1050px; background: var(--sqz-white); width: var(--site-width); z-index: 9999; display: flex; align-items:center; justify-content: center; transition: all 1s ease-in-out 0s;}
.sqz-loader.sqz-loaded {pointer-events:none; display: none;}

.sqz-progress_bar_container {
  width: 100%;
  max-width: 400px;
  height: 2px;
  background-color: #eee;
  border-radius: 10px;
  overflow: hidden;
}

.sqz-progress_bar {
  height: 100%;
  background-color: var(--sqz-progress-bar);
  width: 0;
  transition: width 0.1s ease;
}

.sqz-transaction_date {font-size: 1.6rem;}
.sqz-transation_type {font-size: 1.2rem; text-transform: uppercase; margin: 0;}
.sqz-transation_title {font-size: 2rem;}
.sqz-txn_amount {font-weight: 600; font-size: 1.8rem;}
.sqz-deposit .sqz-txn_amount {color: var(--sqz-sky);}
.sqz-withdrawl .sqz-txn_amount {color: var(--sqz-storm);}
.sqz-ref_number {font-size: 1.2rem; color: rgba(117, 117, 117, 1); font-weight: 400;}
.sqz-balance_amount {color: rgba(117, 117, 117, 1);}
@media (min-width: 768px) {
    .sqz-product_row {grid-template-columns: 180px auto; grid-column-gap: var(--sqz-gutter); }
}


@media (max-width:767px) {
    .sqz-box {padding: 1rem;}
    .sqz-message_box { padding: 2.4rem 2rem;}
    .sqz-pop_box {--sqz-form-body-padding: 0.5rem;}
}

@media (max-width:375px) {
    .sqz-wrapper {--sqz-wrapper-padding: 1rem;}
    .sqz-box {padding: 1rem;}
    .sqz-pop_box {left: 1rem; top: 1rem; right: 1rem; bottom: 1rem; padding: 0 1rem 1rem;}
    .sqz-tabs {font-size: 1.4rem;}
}
.sqz-has_cover:after {content:''; position: absolute; left: 100%; height: 100%; background: #fff;}

.sqz-inner_wrapper {display: grid; grid-template-columns: repeat(2, 1fr); width: calc(var(--site-width) * 2); transition: all 0.5s ease-in-out 0s;}
.sqz-gbank_page .sqz-header, .sqz-gbank_page .sqz-footer {transition: all 0.3s ease-in-out 0s;}
.sqz-inner_wrapper:not(.sqz-show_gbank):not(.sqz-show_tbc) .sqz-gbank_page .sqz-header, .sqz-inner_wrapper:not(.sqz-show_gbank):not(.sqz-show_tbc) .sqz-gbank_page .sqz-footer {margin-left: var(--site-width); opacity: 0;}
.sqz-show_gbank, .sqz-show_tbc {margin-left: calc(var(--site-width) * -1);}

.sqz-show_tbc .sqz-footer {opacity: 0;}