body {
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
            background: #FFF;
            color: #032b9c;
        }

        .container {
            max-width: 820px
        }

        .main-title {
            font-size: 20px;
            font-weight: 700;
            color: #032b9c;
            text-align: center
        }

        .sub-note {
            text-align: center;
            font-size: 14px;
            color: #c62828
        }

        .form-control,
        .form-select,
        span.select2-selection.select2-selection--single {
            border: 2px solid #a5b5e2;
            border-radius: 6px;
            height: 42px;
            outline: none;
        }

        span.select2-selection.select2-selection--single {
            padding-top: 5px;
        }

        .btn-primary {
            background: #032b9c;
            border: none;
            font-weight: 600
        }

        .btn-danger {
            background: #c62828;
            border: none;
            font-weight: 600
        }

        .profile-box {
            width: 150px;
            height: 185px;
            background: #a9b8d3;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 13px;
        }

        .step {
            display: none
        }

        .step.active {
            display: block
        }

        .checklist label {
            display: block;
            margin-bottom: 4px
        }

        .checklist input[type="checkbox"] {
            accent-color: #c0d4e4;
        }

        .form-control.is-invalid,
        .form-select.is-invalid,
        .select2-container--default .select2-selection--single.is-invalid {
            border-color: #dc3545 !important;
            background-color: #f9fcff !important;
        }

        .invalid-feedback {
            display: block;
            font-size: 12px;
        }

        input[type="file"] {
            position: relative;
            padding-right: 0 !important;
            overflow: hidden;
        }

        input[type="file"]::file-selector-button {
            background-color: #032b9c;
            /* Bootstrap primary */
            color: #fff;
            cursor: pointer;
            position: absolute;
            right: -15px;
            padding-right: 15px;
            height: 100%;

            &:hover {
                color: #fff;
                background-color: #0a3d70ff !important;
            }
        }

        .processor-service-item {
            border: 0px solid #dee2e6;
            border-radius: 6px;
            padding: 8px 12px;
            font-size: 12px;
        }

        .user_profile {
            display: flex;
            background: #eff5fb;
            width: 240px;
            padding: 10px;
            border-radius: 10px;
        }

        .user_img {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
        }

        .user_img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .user_details {
            line-height: 1.2;
            font-size: 13px;
        }

        .user_details label span {
            color: #032b9c;
        }

        .color-032b9c {
            color: #032b9c;
        }

        .select_lgu {
            font-weight: 700;
            font-size: 16px;
            color: #032b9c;
        }

        .lgu_buttons button {
            background: #032b9c;
            border: none;
            border-radius: 6px;
            padding: 6px 6px;
            margin-right: 6px;
            font-weight: 600;
            color: #FFF;
            cursor: pointer;
            width: 110px;
            margin-bottom: 10px;
        }

        .lgu_buttons button:active {
            background: #ce0303;
        }

        #lguLink {
            font-size: 24px;
        }

        .form-check-input[type=checkbox] {
            border: 1px solid #032b9c;
        }

        .terms_condition a {
            color: #032b9c;
        }

        .lgu_buttons {
            display: flex;
            gap: 6px;
        }

        .lgu_buttons button {
            border: 2px solid #a5b5e2;
            background: #032b9c;
            color: #FFF;
            padding: 6px 14px;
            border-radius: 6px;
            font-size: 14px;
            cursor: pointer;
            transition: all .2s ease;
        }

        .lgu_buttons button:hover {
            background: #ce0303;
        }

        .lgu_buttons button.active {
            background: #ce0303;
            color: #fff;
            border-color: #ce0303;
        }