/* ── TT Commons Font Faces ── */
@font-face {
    font-family: 'TT Commons';
    src: url('https://dev-revamp.zifornd.com/wp-content/uploads/2025/04/TT-Commons-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TT Commons';
    src: url('https://dev-revamp.zifornd.com/wp-content/uploads/2025/10/TT-Commons-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TT Commons';
    src: url('https://dev-revamp.zifornd.com/wp-content/uploads/2025/10/TT-Commons-DemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TT Commons';
    src: url('https://dev-revamp.zifornd.com/wp-content/uploads/2025/04/TT-Commons-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TT Commons';
    src: url('https://dev-revamp.zifornd.com/wp-content/uploads/2025/10/TT-Commons-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TT Commons';
    src: url('https://dev-revamp.zifornd.com/wp-content/uploads/2025/10/TT-Commons-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ── Base ── */
.zifo-progress-badge {position: fixed;top: 24px;right: 60px;background-color: #ffffff!important;color: #0e1b4d;padding: 10px 20px;border-radius: 50px;font-size: 18px;line-height: 22px;font-weight: 700;font-family: 'TT Commons', sans-serif;box-shadow: 0 4px 6px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.06);z-index: 9999;border: 1px solid #e5e7eb;transition: background 0.4s ease;white-space: nowrap;}
.zifo-scroll-prompt {position: fixed;bottom: 30px;left: 50%;transform: translateX(-50%);background: #0e1b4d;color:#FFFFFF;padding: 10px 24px;border-radius: 30px;font-size: 16px;line-height: 20px;font-weight: 600;font-family: 'TT Commons', sans-serif;box-shadow: 0 4px 12px rgba(14,27,77,0.2);z-index: 998;pointer-events: none;display: flex;align-items: center;gap: 8px;transition: opacity 0.3s ease, transform 0.3s ease;animation: zifoBounce 2s infinite;}
.zifo-scroll-prompt.hidden {opacity: 0;transform: translateX(-50%) translateY(20px);}
@keyframes zifoBounce {
    0%,20%,50%,80%,100% { transform: translateX(-50%) translateY(0); }
    40%  { transform: translateX(-50%) translateY(-10px); }
    60%  { transform: translateX(-50%) translateY(-5px); }
}
#gocdWrap {  max-width: 920px;
  margin: 55px auto 55px;
  padding: 0 0px;
  position: relative;
  z-index: 10;
font-family: 'TT Commons', sans-serif;}
#gocdWrap .zifo-card {background: #fff;border-radius: 12px;box-shadow: 0 4px 6px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.05);padding: 20px;margin-bottom:0px;}
#gocdWrap .gocd-section-block .zifo-card{margin-bottom: 25px!important;}
.zifo-section-label {color:#6764AB;font-size: 18px;line-height: 22px;font-weight: 700;font-family: 'TT Commons', sans-serif;text-transform: uppercase;letter-spacing: 0.88px;border-bottom: 2px solid #e5e7eb;padding-bottom: 8px;margin-bottom: 24px;}
.zifo-q-number {display: block;font-size: 12px;line-height: 16px;font-weight: 700;font-family: 'TT Commons', sans-serif;color: #6b7280;text-transform: uppercase;letter-spacing: 0.88px;margin-bottom: 6px;}
.zifo-q-text {font-size: 22px;font-weight: 600;font-family: 'TT Commons', sans-serif;color: #0e1b4d;margin-bottom: 24px;line-height: 26px;}
.zifo-helper {display: block;font-size: 14px;font-family: 'TT Commons', sans-serif;color:#6764AB;font-weight: 600;margin-top: -16px;margin-bottom: 19px;}
/* .zifo-optionss-grid {display: grid;grid-template-columns: 1fr;gap: 12px;margin-bottom: 8px;}
.zifo-options input[type="radio"],
.zifo-options input[type="checkbox"] { display: none; }
.zifo-options label {display: flex;align-items: center;padding: 16px 19px;background: #fff;border: 2px solid #e5e7eb;border-radius: 8px;cursor: pointer;transition: all 0.2s ease;font-weight: 500;font-size: 18px;font-family: 'TT Commons', sans-serif;color: #1f2937;line-height: 22px;}
.zifo-options label:hover {border-color:#79ba44;background-color: #f0fdf4;}
.zifo-options input:checked + label {border-color: #79ba44;background-color: #f0fdf4;color: #79ba44;box-shadow: 0 0 0 3px rgba(0,166,81,0.2);}
.zifo-options input:checked + label::before {content: "✓";margin-right: 10px;font-weight: bold;color: #79ba44;flex-shrink: 0;}
.zifo-textarea {width: 100%;padding: 16px;border: 1px solid #e5e7eb;border-radius: 8px;margin-top: 19px;font-family: 'TT Commons', sans-serif;font-weight: 500;font-size: 16px;line-height: 20px;resize: vertical;min-height: 100px;background: #f9fafb;transition: border-color 0.2s;box-sizing: border-box;}
.zifo-textarea:focus {outline: none;border-color: #0e1b4d;background: #fff;} */
/* ── STANDARD BROWSER DEFAULT RADIO & CHECKBOX STYLES ── */
/* ── REPLACE EXISTING .zifo-options STYLES WITH THIS ── */
/* Custom Radio & Checkbox Styles - CLEAN VERSION */
.gocd-q-card .zifo-optionss-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 8px;
}

.gocd-q-card .zifo-options {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Hide default radio and checkbox */
.gocd-q-card .zifo-options input[type="radio"],
.gocd-q-card .zifo-options input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

/* Label styling */
.gocd-q-card .zifo-options label {
    position: relative;
    padding-left: 28px;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    font-family: 'TT Common Regular', sans-serif;
    color: #1f2937;
    line-height: 22px;
    margin: 0;
    border: unset;
}

/* Custom radio (circle) */
.gocd-q-card .zifo-options input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 2px solid #6b7280;
    border-radius: 50%;
    background: white;
    transition: all 0.2s ease;
}

.gocd-q-card .zifo-options input[type="radio"] + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #79ba44;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.gocd-q-card .zifo-options input[type="radio"]:checked + label::after {
    opacity: 1;
}

.gocd-q-card .zifo-options input[type="radio"]:checked + label::before {
    border-color: #79ba44;
}

.gocd-q-card .zifo-options input[type="radio"]:hover + label::before {
    border-color: #79ba44;
}
.gocd-q-card .zifo-option input[type="checkbox"] + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 18px;
    font-family: 'TT Common Regular', sans-serif;
    color: #1f2937;
    line-height: 22px;
    display: inline-block;
}

/* Custom checkbox (square) with CENTERED tick */
.gocd-q-card .zifo-options input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 2px solid #6b7280;
    border-radius: 4px;
    background: white;
}

.gocd-q-card .zifo-options input[type="checkbox"] + label::after {
     content: '✓';
    position: absolute;
    left: 3px;
    top: 1px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    opacity: 0;
    line-height: 18px;
}
.gocd-q-card .zifo-options input:checked + label{border-color:unset;background-color:unset;color:unset;box-shadow:unset;}
.gocd-q-card .zifo-options input[type="checkbox"]:checked + label::before {
    background: #79ba44;
    border-color: #79ba44;
}

.gocd-q-card .zifo-options input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

.gocd-q-card .zifo-options input[type="checkbox"]:hover + label::before {
    border-color: #79ba44;
}

/* Label hover effect */
.gocd-q-card .zifo-options label:hover {
    color: #79ba44;
}

/* Remove focus rings */
.gocd-q-card .zifo-options input[type="radio"]:focus,
.gocd-q-card .zifo-options input[type="radio"]:active,
.gocd-q-card .zifo-options input[type="radio"]:focus-visible,
.gocd-q-card .zifo-options input[type="checkbox"]:focus,
.gocd-q-card .zifo-options input[type="checkbox"]:active,
.gocd-q-card .zifo-options input[type="checkbox"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.gocd-finish-btn{box-shadow: unset!important;}
#gocd-finish-btn:hover{transform:unset!important;box-shadow: unset!important;}
.errors-zifo {display: none;color: #dc2626;font-size: 16px!important;font-weight: 500!important;font-family: 'TT Commons', sans-serif;margin-top: 12px;padding: 8px 12px!important;background: #fef2f2;border-radius: 6px;}
.zifo-submit-wrap {text-align: center;margin-top: 32px;}
.zifo-submit-btn,
.zifo-survey-wrap button.zifo-submit-btn,
#zifoSurveyForm button.zifo-submit-btn {background-color: #0e1b4d;color: #ffffff !important;padding: 16px 48px !important;font-size: 18px !important;line-height: 22px;font-weight: 600 !important;font-family: 'TT Commons', sans-serif !important;border: none !important;border-radius: 50px !important;cursor: pointer !important;transition: all 0.3s ease !important;box-shadow: 0 4px 14px 0 rgba(14, 27, 77, 0.39);outline: none !important;text-decoration: none !important;display: inline-block !important;}
.zifo-submit-btn:hover,
.zifo-survey-wrap button.zifo-submit-btn:hover {background-color:#79ba44!important;color: #ffffff !important;transform: translateY(-2px) !important;box-shadow: 0 6px 20px 0 rgba(0, 166, 81, 0.39) !important;}
.zifo-submit-btn:disabled,
.zifo-survey-wrap button.zifo-submit-btn:disabled {background-color: #c5cad8 !important;color: #fff !important;cursor: not-allowed !important;box-shadow: none !important;transform: none !important;pointer-events: none !important;}
.zifo-success-msg {margin-top: 24px;padding: 19px 32px;background: #f0fdf4;border: 2px solid #79ba44;border-radius: 12px;color: #79ba44;font-weight: 600;font-size: 16px;font-family: 'TT Commons', sans-serif;}
.zifo-thankyou {max-width: 760px;margin: 0px auto 64px;background: #fff;border-radius: 12px;padding: 60px 40px;text-align: center;box-shadow: 0 4px 24px rgba(0,0,0,0.08);}
.zifo-thankyou-icon {font-size: 64px;margin-bottom: 24px;animation: zifo-pop 0.5s ease-out;}
.zifo-thankyou h3 {font-family: 'TT Commons', sans-serif;font-size: 26px;font-weight: 600;color: #1F2347;line-height: 30px;margin: 0 0 12px 0;}
#gocdThankyouMsg {font-family: 'TT Commons', sans-serif;font-size: 20px;line-height: 24px;font-weight: 400;color: #353535;margin: 0;}
@keyframes zifo-pop {
    0%   { transform: scale(0); opacity: 0; }
    70%  { transform: scale(1.2); }
    100% { transform: scale(1); opacity: 1; }
}

/* ── INTRO SCREEN ── */
.gocd-screen { width: 100%; }
.gocd-intro-card {max-width: 680px;margin: 0 auto;text-align: center;padding: 48px 40px;}
.gocd-intro-badge {display: inline-block;background:#F4F7F9;color: #79BA44;font-size: 13px;line-height:17px;font-weight: 700;font-family: 'TT Commons', sans-serif;letter-spacing:1.04px;text-transform: uppercase;padding: 5px 14px;border-radius: 20px;margin-bottom: 22px;}
.gocd-intro-heading {font-size:34px;font-weight: 800;font-family: 'TT Commons', sans-serif;color: #1F2347;margin: 0 0 20px;line-height:38px;}
.gocd-intro-subheading {font-size: 19px;line-height: 23px;font-family: 'TT Commons', sans-serif;color: #353535;margin: 0 0 25px;font-weight: 500;}
.gocd-intro-body {font-size: 15px;font-family: 'TT Commons', sans-serif;color: #444;line-height: 1.7;margin-bottom: 28px;}
.gocd-intro-meta {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;margin-bottom: 32px;}
.gocd-meta-pill {background: #F4F7F9;border: 1px solid #F4F7F9;border-radius: 20px;padding: 6px 16px;font-size: 18px;line-height: 22px;font-family: 'TT Commons', sans-serif;color: #1F2347;font-weight: 500;}
#gocdStartBtn,#gocd-finish-btn,#gocdGateBtn,#gocd-cta-btn,.gocd-cta-secondary,.gocd-next-section-btn{box-shadow:unset;background-color: #0e1b4d!important;color: #ffffff !important;padding: 16px 48px !important;font-size: 18px !important;line-height: 22px;font-weight: 600 !important;font-family: 'TT Common DemiBold', sans-serif !important;border: none !important;border-radius: 50px !important;cursor: pointer !important;transition: all 0.3s ease !important;outline: none !important;text-decoration: none !important;display: inline-block !important;}
#gocdStartBtn:hover,#gocd-next-section-btn:hover{background-color: #79ba44 !important;color: #ffffff !important;}
#gocd-cta-btn{padding: 16px 16px !important;white-space: normal !important;word-wrap: break-word;}

/* ── SECTION PROGRESS ── */
.gocd-section-progress {display: flex;align-items: flex-start;justify-content: center;gap: 0;margin: 0 auto 32px;max-width: 900px;position: relative;padding: 0 16px;}
.gocd-section-progress::before {content: '';position: absolute;top: 10px;left: 10%;right: 10%;height: 2px;background: #B6B6B6;z-index: 0;}
.gocd-sec-step {flex: 1;display: flex;flex-direction: column;align-items: center;gap: 10px;position: relative;z-index: 1;}
.gocd-sec-dot {width: 20px;height: 20px;border-radius: 50%;background: #B6B6B6;border: 3px solid #fff;box-shadow: 0 0 0 2px #B6B6B6;transition: background .25s, box-shadow .25s;}
.gocd-sec-step.active .gocd-sec-dot {background: #79ba44;box-shadow: 0 0 0 2px #79ba44;}
.gocd-sec-step.completed .gocd-sec-dot {background: #4a8a24;box-shadow: 0 0 0 2px #4a8a24;}
.gocd-sec-step.completed .gocd-sec-dot::after {content: '✓';display: block;text-align: center;color: #fff;font-size: 11px;line-height: 14px;margin-top: -1px;}
.gocd-sec-label {font-size: 12px;line-height: 16px;font-weight: 700;font-family: "TT Common Bold", Sans-serif;color: #6b7280;letter-spacing: 0.88px;text-align: center;max-width: 100px;transition: color .25s;}
.gocd-sec-step.active .gocd-sec-label  { color: #79ba44; font-weight: 700; }
.gocd-sec-step.completed .gocd-sec-label { color: #4a8a24; }

/* ── SECTION HEADER CARD ── */
.gocd-section-header-card {background: linear-gradient(135deg, #1a1a2e 0%, #2d2d5e 100%);color: #fff;margin-bottom: 20px;padding: 32px 36px;}
.gocd-section-step-label {font-size: 14px;line-height:18px;font-weight: 700;font-family: 'TT Commons', sans-serif;letter-spacing: 0.4px;text-transform: uppercase;color: #79ba44;margin-bottom: 8px;}
.gocd-section-title {color: #6764AB;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: "TT Common Bold", Sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.88px;
    margin: 13px 0px 10px;}
.gocd-section-intro-text, .gocd-branching-intro{
    font-family: "TT Common Light", Sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: 26px;
    color: #1F2347;}
/* ── SECTION NAV BUTTONS ── */
.gocd-section-nav {display: flex;align-items: center;justify-content: space-between;margin-top: 24px;padding: 0 4px;gap: 12px;}
.gocd-back-btn {border-style: solid!important;border-width: 2px 2px 2px 2px!important;border-color: #FFFFFF!important;background-color: #79BA44!important;font-size: 19px!important;font-weight: 500!important;line-height: 24px!important;border-radius: 10px 10px 10px 10px!important;color: #FFFFFF!important;cursor: pointer!important;}
.gocd-back-btn:hover {border-color: #0e1b4d!important;background-color: #0e1b4d!important;color: #FFFFFF;}
button#gocd-next-section-btn{box-shadow:unset!important;background-color: #0e1b4d!important;}
#gocd-next-section-btn:hover{box-shadow:unset!important;transform: unset!important;}
.gocd-next-section-btn, .gocd-finish-btn {margin-left: auto;padding: 13px 28px;font-size: 15px;}
.gocd-branching-intro:empty {
    display: none;
}
/* ── GATE SCREEN ── */
.gocd-gate-card {max-width: 600px;margin: 0 auto;text-align: center;}
.gocd-gate-badge {display: inline-block;
    background: #F4F7F9;
    color: #79BA44;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-family: 'TT Commons', sans-serif;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 22px;}
.gocd-gate-heading {font-size: 28px;line-height: 32px;font-weight: 800;font-family: 'TT Commons', sans-serif;color: #0e1b4d;margin: 0 0 20px;}
.gocd-gate-body {font-size: 19px;
    line-height: 23px;
    font-family: 'TT Commons', sans-serif;
    color: #353535;
    margin: 0 0 25px;
    font-weight: 500;}
.gocd-gate-fields {display: grid;gap: 25px;margin: 35px 0px;}
#gocdGateBtn{box-shadow:unset!important;}
#gocd-cta-btn{margin-bottom: 0px;}
#gocdGateBtn:hover,#gocdStartBtn:hover,#gocd-finish-btn:hover,#gocd-next-section-btn:hover{box-shadow:unset!important;transform: unset!important;}
#gocd-finish-btn:hover,#gocdGateBtn:hover,#gocd-cta-btn:hover,.gocd-cta-secondary:hover{background-color: #79ba44 !important;}
.gocd-field-group label {display: block;font-size: 19px;line-height: 23px;font-weight: 600;font-family: 'TT Commons', sans-serif;color: #1F2347;margin-bottom: 15px;text-align: left;}
.gocd-field-group input {width: 100%;padding: 12px 14px;border: 1.5px solid #e5e7eb;border-radius: 8px;font-size: 15px;font-family: 'TT Commons', sans-serif;color: #1f2937;background: #f9fafb;box-sizing: border-box;transition: border-color .2s;}
.gocd-field-group input:focus {outline: none;border-color: #79ba44;background: #fff;}
.req {color: #DC3232;}
.opt {color: #1F2347;font-weight: 400;}
.gocd-gate-submit-wrap {text-align: center;margin: 20px 0 20px;}
.gocd-gate-privacy {font-size: 19px;line-height:23px;font-family: 'TT Commons', sans-serif;color: #000000;text-align: center;margin: 0;}
#gocd-gate-error{display: none;
    color: #DC3232;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'TT Commons', sans-serif;
    margin-top: 12px;
    padding: 8px 12px !important;
    background: #fef2f2;
    border-radius: 6px;}
/* form */
.gocd-field-group input{background-color: #ffffff;
    border-color: #1F234780!important;
    border-radius: 10px 10px 10px 10px!important;
    font-weight: 500;
    color:#1F2347;
    font-family: "TT Common Medium", Sans-serif !important;
    font-size: 16px;
    line-height:21px;padding: 10px 10px!important;}

/* form */
/* ── OUTPUT SCREEN ── */
.gocd-output-card {max-width: 720px;margin: 0 auto;}
.gocd-orienting-sentence {font-size: 20px;font-family: 'TT Commons', sans-serif;color: #0e1b4d;line-height: 24px;margin-bottom: 28px;font-weight: 400;}
.gocd-arc-wrap {margin-bottom: 32px;}
.gocd-arc-stages {display: flex;justify-content: space-between;margin-bottom: 12px;}
.gocd-arc-stage {display: flex;flex-direction: column;align-items: center;gap: 10px;flex: 1;}
.gocd-arc-dot {width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #B6B6B6;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #B6B6B6;
    transition: background .25s, box-shadow .25s;}
.gocd-arc-stage.active .gocd-arc-dot {background: #79ba44;
    box-shadow: 0 0 0 2px #79ba44;}
.gocd-arc-stage span {    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    font-family: "TT Common Bold", Sans-serif;
    color: #6b7280;
    letter-spacing: 0.1px;
    text-align: center;
    max-width: 100px;}
.gocd-arc-stage.active span {color: #79ba44;font-weight: 700;}
.gocd-arc-bar {height: 2px;background: #B6B6B6;border-radius: 2px;position: relative;}
.gocd-arc-track {height: 100%;background: #79ba44;border-radius: 2px;width: 0;transition: width .6s ease;}
.gocd-observations {display: grid;gap: 16px;margin-bottom: 32px;}
.gocd-obs-block {padding: 20px 24px;border-radius: 10px;border-left: 4px solid;}
.gocd-obs-higher {background: #F4F7F9;border-color: #79ba44;}
.gocd-obs-lower  {background: #F4F7F9;border-color: #6764AB;}
.gocd-obs-label {font-size: 18px;
    line-height: 22px;
font-weight: 700;font-family: 'TT Commons', sans-serif;letter-spacing:0.4px;color:#1F2347;margin: 0 0 15px;}
.gocd-obs-text {font-weight: 500;
    font-size: 18px;
    font-family: 'TT Common Regular', sans-serif;
    color: #1f2937;
    line-height: 26px;}
.gocd-cta-wrap {border-top: 2px solid #B6B6B6;padding-top: 24px;text-align: center;}
.gocd-cta-heading {font-size: 20px;line-height: 24px;font-weight: 700;font-family: 'TT Commons', sans-serif;color: #1F2347;margin: 0 0 25px;text-align: left;}
.gocd-cta-btn {width: 100%;margin-bottom: 12px;border-radius: 8px !important;padding: 14px 20px !important;font-size: 15px !important;}
#gocdStartBtn, #gocd-finish-btn, #gocdGateBtn, #gocd-cta-btn, .gocd-cta-secondary {
    background-color: #0e1b4d!important;
    color: #ffffff !important;
    padding: 16px 48px !important;
    font-size: 18px !important;
    line-height: 22px;
    font-weight: 600 !important;
    font-family: 'TT Common DemiBold', sans-serif !important;
    border: none !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 15px;
}
#gocdStartBtn{margin-top: 0px;}
/* ── THANK YOU ── */
.gocd-thankyou {font-family: 'TT Commons', sans-serif;}
#gocdGateBtn{margin-top:0px;}
.gocd-thankyou{margin: 0px auto 0px;padding: 40px 20px;}
/* ── RESPONSIVE ── */
@media screen and (max-width:1024px){
    .zifo-progress-badge {right: 38px;}
}
@media screen and (max-width:767px){
    #gocdWrap .zifo-card{width: 100%;max-width: unset;}
    .gocd-intro-heading{font-size: 28px;line-height: 32px;}
    .zifo-survey-wrap{padding: 0;margin: -48px auto 30px;}
    .zifo-card{padding: 20px;}
    .zifo-scroll-prompt{padding: 10px 18px;}
    .zifo-q-text {font-size: 18px;line-height: 22px;}
    .zifo-progress-badge {background-color: #ffffff !important;font-size: 16px;line-height: 20px;}
    .gocd-section-progress { gap: 0; }
    .gocd-section-progress{display:none;}
    .gocd-next-section-btn, .gocd-finish-btn { margin-left: 0; width: 100%; }
    .gocd-back-btn { width: 100%; text-align: center; }
    .gocd-intro-card { padding: 32px 20px; }
    #gocdWrap{margin: 35px auto 35px;}
   /* Replace these existing checkbox styles: */
.gocd-q-card .zifo-options input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 2px solid #6b7280;
    border-radius: 4px;
    background: white;
}

.gocd-q-card .zifo-options input[type="checkbox"] + label::after {
    content: '✓';
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: bold;
    color: white;
    opacity: 0;
    line-height: 18px;
}
.gocd-arc-stages {
        justify-content: center;
    }

    .gocd-arc-stage {
        display: none;
    }

    .gocd-arc-stage.active {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        justify-content: center;
    }

    .gocd-arc-stage.active span {
        font-size: 18px;
        line-height: 22px;
        color: #79ba44;
    }

    .gocd-arc-bar {
        display: none; /* hide bar on mobile */
    }
    .gocd-next-section-btn {
       font-size: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }
button#gocd-next-section-btn{padding: 0px 0px !important;}
    .gocd-next-section-btn::after {
        content: 'NEXT →';
        font-family: 'TT Commons', sans-serif;
        font-size: 19px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        background-color: #0e1b4d !important;
        padding: 8px 19px !important;
        border-radius: 10px !important;
        border: none !important;
        display: inline-block;
        color: #ffffff;
    }
    .gocd-next-section-btn:hover {
        background: transparent !important;
    }

    .gocd-next-section-btn:hover::after {
        background-color: #79ba44 !important;
    }
.send-summary{width: 100%!important;}
}
@media screen and (max-width:576px){
    button#gocd-next-section-btn{white-space: unset;}
    #gocdStartBtn, #gocd-finish-btn, #gocdGateBtn, #gocd-cta-btn, .gocd-cta-secondary, .gocd-next-section-btn{padding: 10px 22px !important;
        white-space: unset !important;
        margin-top: 0px;}
    .gocd-cta-secondary{margin-top:10px;}
}