:root {
        --main-bg-color: #00a0df;
        --accent-bg-color: #146382;
    }

    .dashed {
        border-style: dashed;
    }

    .bg-main-custom {
        background-color: var(--main-bg-color) !important;
    }

    .bg-accent-custom {
        background-color: var(--accent-bg-color) !important;
    }

    .border-custom {
        border-color: var(--main-bg-color) !important;
    }

    .text-custom {
        color: var(--main-bg-color) !important;
    }

    body {
        font-family: 'Open Sans', sans-serif;
    }

    .footer-custom {
        color: #292d32
    }

    #register {
        padding: 40px;
    }

    #register input.invalid {
        border: 1px solid #ffaba5;
    }

    #register .step {
        display: none;
    }

    .side-img {
        width: 300px;
        border-radius: 10px;
    }

    .navbar-bottom-custom {
        padding: 40px 25px;
        background-color: var(--main-bg-color);
    }

    li.valid {
        text-decoration: line-through;
    }

    .form-check-input:checked {
        background-color: var(--main-bg-color);
        border-color: var(--accent-bg-color);
    }