:root {
--dn-side-nav-width: 230px;
--testimonial-stars: #C98218;
}

:root, [data-bs-theme="light"] {
--top-nav-color: #e1e4eb;
--top-nav-color-rgb: 225,228,235;
--top-nav-bg: #462b72;
--top-nav-bg-rgb: 70,43,114;
--top-nav-btn-bg: #594181;
--top-nav-focus1: #6b558e;
--top-nav-focus2: #7e6b9d;
--top-nav-focus3: #9080aa;
--bs-primary: #462b72;
--bs-primary-rgb: 70,43,114;
--bs-primary-focus1: #6b558e;
--bs-primary-focus2: #7e6b9d;
--bs-primary-focus3: #9080aa;
--bs-primary-text-emphasis: #462b72;
--bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.1);
--bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.2);
--bs-link-color: #462b72;
--bs-link-color-rgb: 70,43,114;
--bs-link-hover-color: #6b558e;
--bs-link-hover-color-rgb: 107,85,142;
--dn-tile-bg: #462b72;
--dn-tile-color: #e1e4eb;
--bs-secondary: #000000;
--bs-secondary-rgb: 0,0,0;
--bs-secondary-focus1: #333333;
--bs-secondary-focus2: #4d4d4d;
--bs-secondary-focus3: #666666;
--bs-secondary-text-emphasis: #000000;
--bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb), 0.1);
--bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), 0.2);
--bs-success: #198754;
--bs-success-rgb: 25,135,84;
--bs-success-focus1: #479f76;
--bs-success-focus2: #5fac88;
--bs-success-focus3: #75b798;
--bs-success-text-emphasis: #198754;
--bs-success-bg-subtle: rgba(var(--bs-success-rgb), 0.1);
--bs-success-border-subtle: rgba(var(--bs-success-rgb), 0.2);
--bs-danger: #dc3545;
--bs-danger-rgb: 220,53,69;
--bs-danger-focus1: #e35d6a;
--bs-danger-focus2: #e7727d;
--bs-danger-focus3: #ea868f;
--bs-danger-text-emphasis: #dc3545;
--bs-danger-bg-subtle: rgba(var(--bs-danger-rgb), 0.1);
--bs-danger-border-subtle: rgba(var(--bs-danger-rgb), 0.2);
--bs-warning: #ffc107;
--bs-warning-rgb: 255,193,7;
--bs-warning-focus1: #e6ae06;
--bs-warning-focus2: #cc9a06;
--bs-warning-focus3: #b38705;
--bs-warning-text-emphasis: #b38705;
--bs-warning-bg-subtle: rgba(var(--bs-warning-rgb), 0.1);
--bs-warning-border-subtle: rgba(var(--bs-warning-rgb), 0.2);
}

[data-bs-theme="dark"] {
--top-nav-color: #e1e4eb;
--top-nav-color-rgb: 225,228,235;
--top-nav-bg: #212529;
--top-nav-bg-rgb: 33,37,41;
--top-nav-btn-bg: #383b3f;
--top-nav-focus1: #4d5154;
--top-nav-focus2: #64676a;
--top-nav-focus3: #7a7c7f;
--bs-primary: #462b72;
--bs-primary-rgb: 70,43,114;
--bs-primary-focus1: #6b558e;
--bs-primary-focus2: #7e6b9d;
--bs-primary-focus3: #9080aa;
--bs-primary-text-emphasis: #462b72;
--bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.1);
--bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.2);
--bs-link-color: #462b72;
--bs-link-color-rgb: 70,43,114;
--bs-link-hover-color: #6b558e;
--bs-link-hover-color-rgb: 107,85,142;
--dn-tile-bg: #462b72;
--dn-tile-color: #e1e4eb;
--bs-secondary: #2b3773;
--bs-secondary-rgb: 43,55,115;
--bs-secondary-focus1: #555f8f;
--bs-secondary-focus2: #6b749e;
--bs-secondary-focus3: #8087ab;
--bs-secondary-text-emphasis: #2b3773;
--bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb), 0.1);
--bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), 0.2);
--bs-success: #149603;
--bs-success-rgb: 20,150,3;
--bs-success-focus1: #43ab35;
--bs-success-focus2: #5bb64f;
--bs-success-focus3: #72c068;
--bs-success-text-emphasis: #149603;
--bs-success-bg-subtle: rgba(var(--bs-success-rgb), 0.1);
--bs-success-border-subtle: rgba(var(--bs-success-rgb), 0.2);
--bs-danger: #d5071b;
--bs-danger-rgb: 213,7,27;
--bs-danger-focus1: #dd3949;
--bs-danger-focus2: #e25260;
--bs-danger-focus3: #e66a76;
--bs-danger-text-emphasis: #d5071b;
--bs-danger-bg-subtle: rgba(var(--bs-danger-rgb), 0.1);
--bs-danger-border-subtle: rgba(var(--bs-danger-rgb), 0.2);
--bs-warning: #ec8846;
--bs-warning-rgb: 236,136,70;
--bs-warning-focus1: #f0a06b;
--bs-warning-focus2: #f2ac7e;
--bs-warning-focus3: #f4b890;
--bs-warning-text-emphasis: #ec8846;
--bs-warning-bg-subtle: rgba(var(--bs-warning-rgb), 0.1);
--bs-warning-border-subtle: rgba(var(--bs-warning-rgb), 0.2);
}



            .form-switch .form-check-input:not(:checked):focus, input[type=range]:focus::-webkit-slider-thumb, input[type=range]:active:focus::-webkit-slider-thumb {
                background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(70,43,114, 0.25)'/></svg>") !important;
            }
            span.icon-circle {
                background-color: #462b72;
                color: #e1e4eb;
            }

        .btn-primary {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-primary-focus1);
            --bs-btn-hover-border-color: var(--bs-primary-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-primary-focus2);
            --bs-btn-active-border-color: var(--bs-primary-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
            --bs-btn-disabled-bg: var(--bs-primary);
            --bs-btn-disabled-border-color: var(--bs-primary);
        }
        .btn-outline-primary {
            --bs-btn-color: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary);
            --bs-btn-hover-bg: var(--bs-primary);
            --bs-btn-hover-border-color: var(--bs-primary);
            --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
            --bs-btn-active-bg: var(--bs-primary);
            --bs-btn-active-border-color: var(--bs-primary);
            --bs-btn-disabled-color: var(--bs-primary);
            --bs-btn-disabled-border-color: var(--bs-primary);
        }
        .text-bg-primary {
            background-color: var(--bs-primary) !important;
            color: #ffffff;
        }


        .btn-secondary {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-secondary);
            --bs-btn-border-color: var(--bs-secondary-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-secondary-focus1);
            --bs-btn-hover-border-color: var(--bs-secondary-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-secondary-focus2);
            --bs-btn-active-border-color: var(--bs-secondary-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
            --bs-btn-disabled-bg: var(--bs-secondary);
            --bs-btn-disabled-border-color: var(--bs-secondary);
        }
        .btn-outline-secondary {
            --bs-btn-color: var(--bs-secondary);
            --bs-btn-border-color: var(--bs-secondary);
            --bs-btn-hover-bg: var(--bs-secondary);
            --bs-btn-hover-border-color: var(--bs-secondary);
            --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
            --bs-btn-active-bg: var(--bs-secondary);
            --bs-btn-active-border-color: var(--bs-secondary);
            --bs-btn-disabled-color: var(--bs-secondary);
            --bs-btn-disabled-border-color: var(--bs-secondary);
        }
        .text-bg-secondary {
            background-color: var(--bs-secondary) !important;
            color: #ffffff;
        }


        .btn-success {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-success);
            --bs-btn-border-color: var(--bs-success-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-success-focus1);
            --bs-btn-hover-border-color: var(--bs-success-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-success-focus2);
            --bs-btn-active-border-color: var(--bs-success-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
            --bs-btn-disabled-bg: var(--bs-success);
            --bs-btn-disabled-border-color: var(--bs-success);
        }
        .btn-outline-success {
            --bs-btn-color: var(--bs-success);
            --bs-btn-border-color: var(--bs-success);
            --bs-btn-hover-bg: var(--bs-success);
            --bs-btn-hover-border-color: var(--bs-success);
            --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
            --bs-btn-active-bg: var(--bs-success);
            --bs-btn-active-border-color: var(--bs-success);
            --bs-btn-disabled-color: var(--bs-success);
            --bs-btn-disabled-border-color: var(--bs-success);
        }
        .text-bg-success {
            background-color: var(--bs-success) !important;
            color: #ffffff;
        }


        .btn-danger {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-danger);
            --bs-btn-border-color: var(--bs-danger-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-danger-focus1);
            --bs-btn-hover-border-color: var(--bs-danger-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-danger-focus2);
            --bs-btn-active-border-color: var(--bs-danger-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
            --bs-btn-disabled-bg: var(--bs-danger);
            --bs-btn-disabled-border-color: var(--bs-danger);
        }
        .btn-outline-danger {
            --bs-btn-color: var(--bs-danger);
            --bs-btn-border-color: var(--bs-danger);
            --bs-btn-hover-bg: var(--bs-danger);
            --bs-btn-hover-border-color: var(--bs-danger);
            --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
            --bs-btn-active-bg: var(--bs-danger);
            --bs-btn-active-border-color: var(--bs-danger);
            --bs-btn-disabled-color: var(--bs-danger);
            --bs-btn-disabled-border-color: var(--bs-danger);
        }
        .text-bg-danger {
            background-color: var(--bs-danger) !important;
            color: #ffffff;
        }


        .btn-warning {
            --bs-btn-color: #212529;
            --bs-btn-bg: var(--bs-warning);
            --bs-btn-border-color: var(--bs-warning-focus1);
            --bs-btn-hover-color: #212529;
            --bs-btn-hover-bg: var(--bs-warning-focus1);
            --bs-btn-hover-border-color: var(--bs-warning-focus2);
            --bs-btn-active-color: #212529;
            --bs-btn-active-bg: var(--bs-warning-focus2);
            --bs-btn-active-border-color: var(--bs-warning-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
            --bs-btn-disabled-bg: var(--bs-warning);
            --bs-btn-disabled-border-color: var(--bs-warning);
        }
        .btn-outline-warning {
            --bs-btn-color: var(--bs-warning);
            --bs-btn-border-color: var(--bs-warning);
            --bs-btn-hover-bg: var(--bs-warning);
            --bs-btn-hover-border-color: var(--bs-warning);
            --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
            --bs-btn-active-bg: var(--bs-warning);
            --bs-btn-active-border-color: var(--bs-warning);
            --bs-btn-disabled-color: var(--bs-warning);
            --bs-btn-disabled-border-color: var(--bs-warning);
        }
        .text-bg-warning {
            background-color: var(--bs-warning) !important;
            color: #212529;
        }


            [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):focus, input[type=range]:focus::-webkit-slider-thumb, input[type=range]:active:focus::-webkit-slider-thumb {
                background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(70,43,114, 0.25)'/></svg>") !important;
            }
            [data-bs-theme="dark"] span.icon-circle {
                background-color: #462b72;
                color: #e1e4eb;
            }

        [data-bs-theme="dark"] .btn-primary {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-primary-focus1);
            --bs-btn-hover-border-color: var(--bs-primary-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-primary-focus2);
            --bs-btn-active-border-color: var(--bs-primary-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
            --bs-btn-disabled-bg: var(--bs-primary);
            --bs-btn-disabled-border-color: var(--bs-primary);
        }
        [data-bs-theme="dark"] .btn-outline-primary {
            --bs-btn-color: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary);
            --bs-btn-hover-bg: var(--bs-primary);
            --bs-btn-hover-border-color: var(--bs-primary);
            --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
            --bs-btn-active-bg: var(--bs-primary);
            --bs-btn-active-border-color: var(--bs-primary);
            --bs-btn-disabled-color: var(--bs-primary);
            --bs-btn-disabled-border-color: var(--bs-primary);
        }
        [data-bs-theme="dark"] .text-bg-primary {
            background-color: var(--bs-primary) !important;
            color: #ffffff;
        }


        [data-bs-theme="dark"] .btn-secondary {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-secondary);
            --bs-btn-border-color: var(--bs-secondary-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-secondary-focus1);
            --bs-btn-hover-border-color: var(--bs-secondary-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-secondary-focus2);
            --bs-btn-active-border-color: var(--bs-secondary-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
            --bs-btn-disabled-bg: var(--bs-secondary);
            --bs-btn-disabled-border-color: var(--bs-secondary);
        }
        [data-bs-theme="dark"] .btn-outline-secondary {
            --bs-btn-color: var(--bs-secondary);
            --bs-btn-border-color: var(--bs-secondary);
            --bs-btn-hover-bg: var(--bs-secondary);
            --bs-btn-hover-border-color: var(--bs-secondary);
            --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
            --bs-btn-active-bg: var(--bs-secondary);
            --bs-btn-active-border-color: var(--bs-secondary);
            --bs-btn-disabled-color: var(--bs-secondary);
            --bs-btn-disabled-border-color: var(--bs-secondary);
        }
        [data-bs-theme="dark"] .text-bg-secondary {
            background-color: var(--bs-secondary) !important;
            color: #ffffff;
        }


        [data-bs-theme="dark"] .btn-success {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-success);
            --bs-btn-border-color: var(--bs-success-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-success-focus1);
            --bs-btn-hover-border-color: var(--bs-success-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-success-focus2);
            --bs-btn-active-border-color: var(--bs-success-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
            --bs-btn-disabled-bg: var(--bs-success);
            --bs-btn-disabled-border-color: var(--bs-success);
        }
        [data-bs-theme="dark"] .btn-outline-success {
            --bs-btn-color: var(--bs-success);
            --bs-btn-border-color: var(--bs-success);
            --bs-btn-hover-bg: var(--bs-success);
            --bs-btn-hover-border-color: var(--bs-success);
            --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
            --bs-btn-active-bg: var(--bs-success);
            --bs-btn-active-border-color: var(--bs-success);
            --bs-btn-disabled-color: var(--bs-success);
            --bs-btn-disabled-border-color: var(--bs-success);
        }
        [data-bs-theme="dark"] .text-bg-success {
            background-color: var(--bs-success) !important;
            color: #ffffff;
        }


        [data-bs-theme="dark"] .btn-danger {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-danger);
            --bs-btn-border-color: var(--bs-danger-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-danger-focus1);
            --bs-btn-hover-border-color: var(--bs-danger-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-danger-focus2);
            --bs-btn-active-border-color: var(--bs-danger-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
            --bs-btn-disabled-bg: var(--bs-danger);
            --bs-btn-disabled-border-color: var(--bs-danger);
        }
        [data-bs-theme="dark"] .btn-outline-danger {
            --bs-btn-color: var(--bs-danger);
            --bs-btn-border-color: var(--bs-danger);
            --bs-btn-hover-bg: var(--bs-danger);
            --bs-btn-hover-border-color: var(--bs-danger);
            --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
            --bs-btn-active-bg: var(--bs-danger);
            --bs-btn-active-border-color: var(--bs-danger);
            --bs-btn-disabled-color: var(--bs-danger);
            --bs-btn-disabled-border-color: var(--bs-danger);
        }
        [data-bs-theme="dark"] .text-bg-danger {
            background-color: var(--bs-danger) !important;
            color: #ffffff;
        }


        [data-bs-theme="dark"] .btn-warning {
            --bs-btn-color: #ffffff;
            --bs-btn-bg: var(--bs-warning);
            --bs-btn-border-color: var(--bs-warning-focus1);
            --bs-btn-hover-color: #ffffff;
            --bs-btn-hover-bg: var(--bs-warning-focus1);
            --bs-btn-hover-border-color: var(--bs-warning-focus2);
            --bs-btn-active-color: #ffffff;
            --bs-btn-active-bg: var(--bs-warning-focus2);
            --bs-btn-active-border-color: var(--bs-warning-focus3);
            --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
            --bs-btn-disabled-bg: var(--bs-warning);
            --bs-btn-disabled-border-color: var(--bs-warning);
        }
        [data-bs-theme="dark"] .btn-outline-warning {
            --bs-btn-color: var(--bs-warning);
            --bs-btn-border-color: var(--bs-warning);
            --bs-btn-hover-bg: var(--bs-warning);
            --bs-btn-hover-border-color: var(--bs-warning);
            --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
            --bs-btn-active-bg: var(--bs-warning);
            --bs-btn-active-border-color: var(--bs-warning);
            --bs-btn-disabled-color: var(--bs-warning);
            --bs-btn-disabled-border-color: var(--bs-warning);
        }
        [data-bs-theme="dark"] .text-bg-warning {
            background-color: var(--bs-warning) !important;
            color: #ffffff;
        }