@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    src: url("https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCPNLA3JC9c.eot");
    src: url("https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCPNLA3JC9c.eot?#iefix") format("embedded-opentype"), url("https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCPNLA3JC9c.woff2") format("woff2"), url("https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCPNLA3JC9c.woff") format("woff"), url("https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCPNLA3JC9c.ttf") format("truetype"), url("https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCPNLA3JC9c.svg#Raleway") format("svg");
}

.c4-theme {
    --client-logo: url('../images/c3/cushon-logo.png');
    --font-family: Raleway, Arial;
    --c4-background-color: var(--c4-paleyellow);
    --background: var(--c4-purewhite);
    --brand-logo: url('../../images/c4/c4-logo.svg');
    --brand-bar-background-color: var(--c4-white);
    --brand-bar-background-text-color: var(--c4-white);
    --chatbot-icon: url('../../images/c4/thepeoplespension_tab_icon.png');
    --user-icon: url('../../images/c3/profile.png');
    --info-icon: url('../images/c4/c4-info-open.svg');
    --info-icon-close: url('../images/c4/c4-info-close.svg');
    --time-icon: url('../images/c3/c3-time-colour.svg');
    --bullet-color: var(--c4-darkblue);
    --c4-purewhite: #FFF;
    --c4-blue: #2800a0;
    --c4-darkblue: rgb(27.25,0,109);
    --c4-lightblue: #05d2fa;
    --c3-darkpurlple: #5A287D;
    --c3-pink: #E61E83;
    --c3-darkerpink: #C51E7B;
    --c3-lightpink: #FCEBF4;
    --c4-grey: #d0d0d6;
    --c4-white: #FFFEF9;
    --c4-paleyellow: #D6DBDC;
    --c3-lightgrey: #D6DBDC;
    --c4-palegrey: #F7F7F8;
    --c4-darkgrey: #4b4b55;
    --footer-background: var(--c4-darkblue);
    --petrol: var(--c4-darkgrey);
    --c4-ls-background: url('../../images/c4/Midlife-MOT-photo-banner-XX-TPP-2213.1023-1280x500-1.png');
    --gauge-selected-color: var(--c4-blue);
    --gauge-background-color: var(--c4-lightblue);
    --action-icon-positive: url('../images/c4/actionpositive.svg');
}

    .c4-theme input[type="radio"] {
        color: var(--c4-blue);
        border: 1px solid var(--c4-blue);
    }

        .c4-theme input[type="radio"]::before {
            background-color: var(--c4-blue) !important;
            box-shadow: inset 0 0 var(--c4-blue);
            background-color: var(--c4-blue);
        }

.c4-theme .avatar {
    background-color: var(--c4-blue);
}

    .c4-theme .container-form-header .title {
        color: var(--c4-white);
    }

    .c4-theme .container-chat-content,
    .c4-theme .chat-response, .c4-theme .container-chat-content-gw,
    .c4-theme .container-rhs-content-gw {
        background-color: var(--c4-palegrey);
    }

  
    .c4-theme .ls-rhs-panel-figures-container {
        background-color: var(--c4-white);
        
    }

.c4-theme .retirement-std-box-gw {
    background-image: linear-gradient(to bottom, var(--petrol), var(--c4-blue));
}

    .c4-theme .flex-item {
        color: var(--petrol);
    }

.c4-theme .flex-item-header {
    color: var(--c4-blue);
}

    .c4-theme .background {
        background-image: none;
        background-color: var(--c4-paleyellow);
    }

.c4-theme .container-nav-bar,
.c4-theme .container-form-header,
.c4-theme .container-nav-bar-gw,
.c4-theme .ls-form-input-button {
    background-color: var(--c4-blue);
}

    .c4-theme .brand-bar {
        background-color: var(--c4-white);
    }


    .c4-theme .chat-question,
    .c4-theme .chat-question-padded,
    .c4-theme .chat-info,
    .c4-theme .select,
    .c4-theme .form-input-text,
    .c4-theme .form-number-text,
    .c4-theme .container-brand-bar-gw,
    .c4-theme .container-brand-bar
    {
        background-color: var(--c4-white);
    }

    .c4-theme .link-nav {
        color: var(--c4-darkblue);
        background-color: var(--c4-white);
    }

    .c4-theme .link-nav:hover {
        color: var(--c4-lightblue);
        
    }

    .c4-theme .form-date-text input {
        background-color: var(--c4-white);
    }

    .c4-theme .chat-response-completed-bubble {
        background-color: var(--c4-white);
        border: solid 1px var(--secondary-mid-purple);
    }

        .c4-theme .chat-response-completed-bubble span {
            color: var(--c4-darkgrey);
            font-weight: 700;
        }

    .c4-theme .chat-question,
    .c4-theme .chat-question-padded
    {
        border: solid 1px var(--secondary-mid-purple);
    }

    .c4-theme .form-input-button {
        background-color: var(--c4-blue);
        color: var(--c4-white);
        font-weight: 700;
        border: solid 1px var(--c4-blue);
    }

        .c4-theme .form-input-button:hover {
            background-color: var(--c4-darkblue);
            color: white;
        }

    .c4-theme .form-input-button-cancel {
        color: var(--c4-blue);
        border: solid 1px var(--c4-blue);
    }

.c4-theme .pp-icon-image {
    width: 50px;
    height: 50px;
}

    .c4-theme .brand-logo {
        width: 200px;
        height: 60px;
    }

    .c4-theme .burger-bar {
       
        opacity: 1;
        color: var(--c4-blue);
    }

    .c4-theme .step-label-unselected {
        opacity: 1;
    }

    .c4-theme .step-marker-unselected {
        opacity: 1;
    }

    .c4-theme .step-marker-selected {
        opacity: 1;
        border-color: var(--c4-white);
    }

    .c4-theme .green {
        color: var(--c4-white) !important;
    }

    .c4-theme .step-marker-complete {
        background-color: var(--c4-purewhite);
        color: var(--c4-darkgrey);
    }

    .c4-theme .ls-cost-oval {
        background-color: var(--c4-blue);
    }

    .c4-theme .thank-you, .c4-theme .trustpilot-container {
        background-color: var(--c4-paleyellow);
    }
 
    .c4-theme .background-gw {
        background-image: var(--c4-ls-background);
    }

    .c4-theme .ls-BodytitleDesktop {
        color: var(--c4-black);
    }

    .c4-theme .ls-tax-freecash {
    color: var(--c4-purewhite);
    }

    .c4-theme .ls-tax-freecash.visible {
        color: var(--petrol);
    }

      

    .c4-theme .ls-age-toggle-button.selected {
        background-color: var(--c4-darkblue);
        color: var(--c4-white);
    }

.c4-theme .ls-age-toggle-button {
    background-color: var(--c4-white);
    color: var(--petrol);
}
    
.c4-theme .ls-chart-dial {
    --chart-color: var(--c4-darkblue); /* Dark blue for C4 */
}


    @media screen and (max-width: 1140px) and (min-width: 721px) {

        .c4-theme .brand-logo {
            width: 150px;
            height: 40px;
            --brand-logo: url('../../images/c4/c4-wide-logo.svg');
        }

        .c4-theme .pp-icon-image {
            width: 32px;
            height: 32px;
        }

        .c4-theme .step-label-unselected {
            opacity: 1;
        }

        .c4-theme .step-marker-unselected {
            opacity: 1;
        }

        .c4-theme .step-marker-selected {
            opacity: 1;
        }
    }

    @media screen and (max-width: 720px) {
        .c4-theme .brand-logo {
            width: 150px;
            height: 40px;
            --brand-logo: url('../../images/c4/c4-wide-logo.svg');
        }

        .c4-theme .pp-icon-image {
            width: 32px;
            height: 32px;
        }

    .c4-theme .step-label-unselected {
        opacity: 1;
    }
}


.c4-theme .form-input-button:disabled {
    background-color: var(--c4-palegrey);
    cursor: not-allowed;
    opacity: 0.7;
}