:root {
    --brand-color: #330bbc;
    --brand-color-2: #ff0101;

    --gradient-color1: #330bbc;
    --gradient-color2: #460efb;
}

.btn-primary {
    --gradient-angle: 270deg;
    background-image: none;
    transition: none;
    background-color: var(--brand-color);
}

.btn-primary:disabled {
    background: none;
    background-color: var(--color-300);
}

.btn-primary:hover {
    --gradient-angle: 200deg;
}

.btn-secondary:hover {
    color: var(--brand-color);
}

.btn-secondary {
    color: var(--brand-color);
    padding: 9px 20px;
    position: relative;


    background: white;

    border: 3px solid var(--brand-color);
}

.btn-icon, .btn-icon-small {
    background-color: white;
}

.btn-sim-increment {
    background-color: white;
}

.secondary_logo {
    max-height: 47px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.primary_logo {
    width: 200px;
    height: 42px;
    margin-top: 10px;
}

.c-rangeslider {
    background-image: linear-gradient(270deg, #613bde 0%, #8537ae 99%);
}

.whatsapp-icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23151515' viewBox='0 0 24 24'%3E%3Cpath d='M16.75 13.96c.25.13.41.2.46.3.06.11.04.61-.21 1.18-.2.56-1.24 1.1-1.7 1.12-.46.02-.47.36-2.96-.73-2.49-1.09-3.99-3.75-4.11-3.92-.12-.17-.96-1.38-.92-2.61.05-1.22.69-1.8.95-2.04.24-.26.51-.29.68-.26h.47c.15 0 .36-.06.55.45l.69 1.87c.06.13.1.28.01.44l-.27.41-.39.42c-.12.12-.26.25-.12.5.12.26.62 1.09 1.32 1.78.91.88 1.71 1.17 1.95 1.3.24.14.39.12.54-.04l.81-.94c.19-.25.35-.19.58-.11l1.67.88M12 2a10 10 0 0 1 10 10 10 10 0 0 1-10 10c-1.97 0-3.8-.57-5.35-1.55L2 22l1.55-4.65A9.969 9.969 0 0 1 2 12 10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8c0 1.72.54 3.31 1.46 4.61L4.5 19.5l2.89-.96A7.95 7.95 0 0 0 12 20a8 8 0 0 0 8-8 8 8 0 0 0-8-8z'/%3E%3C/svg%3E");
}

.secondary-layout-header {
    background-color: white;
}

.secondary-layout-header .ki-outline, .secondary-layout-header h2 {
    color: #151515;
}

.login-banner {
    background-color: #0d2652;
}