/*#formstep2, #formstep3 {*/
/*    display: none;*/
/*}*/

.health-card-item.people-of-determination-health-card.health-card-type {
    background-color: #6F329F !important;
}

.health-card-item.people-of-determination-health-card.health-card-type .font-bold {
    color: #FFFFFF !important;
}

.health-card-item.GCC-resident-health-card.health-card-type {
    background-color: #FF0000 !important;
}

.health-card-item.GCC-resident-health-card.health-card-type .font-bold {
    color: #FFFFFF !important;
}

.health-card-item.GCC-visitor-health-card.health-card-type {
    background-color: #0070C0 !important;
}

.health-card-item.GCC-visitor-health-card.health-card-type .font-bold {
    color: #FFFFFF !important;
}

.health-card-item.citizen-health-card.health-card-type {
    background-color: #41A948 !important;
}

.health-card-item.citizen-health-card.health-card-type .font-bold {
    color: #FFFFFF !important;
}

.health-card-item.expat-visitor-health-card.health-card-type {
    background-color: #ffffff !important;
}

.health-card-item.expat-resident-health-card.health-card-type {
    background-color: #FFFF00 !important;
}

.aegov-form-control .form-control-input .control-prefix > svg, .aegov-form-control .form-control-input .control-suffix.aegov-btn.btn-icon > svg {
    color: #FFFFFF !important;
}
.aegov-form-control .form-control-input .control-suffix.aegov-btn.btn-icon {
    padding-inline-end: 0rem !important;
}

.h-3.w-3 {
    min-width: 0.75rem !important;
    min-height: 0.75rem !important;
}

.step-completed .step-badge .step-number {
    display: none;
}

.aegov-alert.alert-info > .alert-content a {
    color: rgb(49 86 121 / var(--tw-text-opacity, 1)) !important;
}

.word-break{
    word-break: break-word;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.w-1\/12 {
    width: 8.33333%;
}

.w-2\/12 {
    width: 16.66667%;
}

.w-3\/12 {
    width: 25%;
}

.w-4\/12 {
    width: 33.33333%;
}

.w-5\/12 {
    width: 41.66667%;
}

.w-6\/12 {
    width: 50%;
}

.w-7\/12 {
    width: 58.33333%;
}

.w-8\/12 {
    width: 66.66667%;
}

.w-9\/12 {
    width: 75%;
}

.w-10\/12 {
    width: 83.33333%;
}

.w-11\/12 {
    width: 91.66667%;
}

.w-\[294px\]{
    width: 248px;
}

.icon-min-w{
    min-width: 1.5rem;
}


/* For sm: min-width: 640px */
@media (min-width: 640px) {
    .sm\:text-left {
        text-align: left;
    }

    .sm\:text-right {
        text-align: right;
    }

    .sm\:text-center {
        text-align: center;
    }

    .sm\:text-justify {
        text-align: justify;
    }

    .sm\:text-start {
        text-align: start;
    }

    .sm\:text-end {
        text-align: end;
    }
    .sm\:order-1 {
        order: 1;
    }

    .sm\:order-2 {
        order: 2;
    }

    .sm\:order-3 {
        order: 3;
    }

    .sm\:order-4 {
        order: 4;
    }

    .sm\:order-5 {
        order: 5;
    }

    .sm\:order-6 {
        order: 6;
    }

    .sm\:order-7 {
        order: 7;
    }

    .sm\:order-8 {
        order: 8;
    }

    .sm\:order-9 {
        order: 9;
    }

    .sm\:order-10 {
        order: 10;
    }

    .sm\:order-11 {
        order: 11;
    }

    .sm\:order-12 {
        order: 12;
    }
    .sm\:w-1\/12 {
        width: 8.33333%;
    }

    .sm\:w-2\/12 {
        width: 16.66667%;
    }

    .sm\:w-3\/12 {
        width: 25%;
    }

    .sm\:w-4\/12 {
        width: 33.33333%;
    }

    .sm\:w-5\/12 {
        width: 41.66667%;
    }

    .sm\:w-6\/12 {
        width: 50%;
    }

    .sm\:w-7\/12 {
        width: 58.33333%;
    }

    .sm\:w-8\/12 {
        width: 66.66667%;
    }

    .sm\:w-9\/12 {
        width: 75%;
    }

    .sm\:w-10\/12 {
        width: 83.33333%;
    }

    .sm\:w-11\/12 {
        width: 91.66667%;
    }
    .w-\[294px\] {
        width: 248px;
    }
    .sm\:justify-end {
        justify-content: end;
    }
    .sm\:mt-0 {
        margin-top: 0;
    }
}

/* For md: min-width: 768px */
@media (min-width: 768px) {
    .md\:text-left {
        text-align: left;
    }

    .md\:text-right {
        text-align: right;
    }

    .md\:text-center {
        text-align: center;
    }

    .md\:text-justify {
        text-align: justify;
    }

    .md\:text-start {
        text-align: start;
    }

    .md\:text-end {
        text-align: end;
    }
    .md\:order-1 {
        order: 1;
    }

    .md\:order-2 {
        order: 2;
    }

    .md\:order-3 {
        order: 3;
    }

    .md\:order-4 {
        order: 4;
    }

    .md\:order-5 {
        order: 5;
    }

    .md\:order-6 {
        order: 6;
    }

    .md\:order-7 {
        order: 7;
    }

    .md\:order-8 {
        order: 8;
    }

    .md\:order-9 {
        order: 9;
    }

    .md\:order-10 {
        order: 10;
    }

    .md\:order-11 {
        order: 11;
    }

    .md\:order-12 {
        order: 12;
    }
    .md\:w-1\/12 {
        width: 8.33333%;
    }

    .md\:w-2\/12 {
        width: 16.66667%;
    }

    .md\:w-3\/12 {
        width: 25%;
    }

    .md\:w-4\/12 {
        width: 33.33333%;
    }

    .md\:w-5\/12 {
        width: 41.66667%;
    }

    .md\:w-6\/12 {
        width: 50%;
    }

    .md\:w-7\/12 {
        width: 58.33333%;
    }

    .md\:w-8\/12 {
        width: 66.66667%;
    }

    .md\:w-9\/12 {
        width: 75%;
    }

    .md\:w-10\/12 {
        width: 83.33333%;
    }
    .md\:w-11\/12 {
        width: 91.66667%;
    }
    .w-\[294px\] {
        width: 294px;
    }
    .md\:w-144 {
        width: 36rem;
    }

}

/* For lg: min-width: 1024px */
@media (min-width: 1024px) {
    .lg\:text-left {
        text-align: left;
    }

    .lg\:text-right {
        text-align: right;
    }

    .lg\:text-center {
        text-align: center;
    }

    .lg\:text-justify {
        text-align: justify;
    }

    .lg\:text-start {
        text-align: start;
    }

    .lg\:text-end {
        text-align: end;
    }
    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:order-3 {
        order: 3;
    }

    .lg\:order-4 {
        order: 4;
    }

    .lg\:order-5 {
        order: 5;
    }

    .lg\:order-6 {
        order: 6;
    }

    .lg\:order-7 {
        order: 7;
    }

    .lg\:order-8 {
        order: 8;
    }

    .lg\:order-9 {
        order: 9;
    }

    .lg\:order-10 {
        order: 10;
    }

    .lg\:order-11 {
        order: 11;
    }

    .lg\:order-12 {
        order: 12;
    }
    .lg\:w-1\/12 {
        width: 8.33333%;
    }

    .lg\:w-2\/12 {
        width: 16.66667%;
    }

    .lg\:w-3\/12 {
        width: 25%;
    }

    .lg\:w-4\/12 {
        width: 33.33333%;
    }

    .lg\:w-5\/12 {
        width: 41.66667%;
    }

    .lg\:w-6\/12 {
        width: 50%;
    }

    .lg\:w-7\/12 {
        width: 58.33333%;
    }

    .lg\:w-8\/12 {
        width: 66.66667%;
    }

    .lg\:w-9\/12 {
        width: 75%;
    }

    .lg\:w-10\/12 {
        width: 83.33333%;
    }

    .lg\:w-11\/12 {
        width: 91.66667%;
    }
    .lg\:w-\[294px\] {
        width: 294px;
    }
    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:w-144 {
        width: 36rem;
    }

}

/* For xl: min-width: 1280px */
@media (min-width: 1280px) {
    .xl\:text-left {
        text-align: left;
    }

    .xl\:text-right {
        text-align: right;
    }

    .xl\:text-center {
        text-align: center;
    }

    .xl\:text-justify {
        text-align: justify;
    }

    .xl\:text-start {
        text-align: start;
    }

    .xl\:text-end {
        text-align: end;
    }

    .xl\:order-1 {
        order: 1;
    }

    .xl\:order-2 {
        order: 2;
    }

    .xl\:order-3 {
        order: 3;
    }

    .xl\:order-4 {
        order: 4;
    }

    .xl\:order-5 {
        order: 5;
    }

    .xl\:order-6 {
        order: 6;
    }

    .xl\:order-7 {
        order: 7;
    }

    .xl\:order-8 {
        order: 8;
    }

    .xl\:order-9 {
        order: 9;
    }

    .xl\:order-10 {
        order: 10;
    }

    .xl\:order-11 {
        order: 11;
    }

    .xl\:order-12 {
        order: 12;
    }
    .xl\:w-1\/12 {
        width: 8.33333%;
    }

    .xl\:w-2\/12 {
        width: 16.66667%;
    }

    .xl\:w-3\/12 {
        width: 25%;
    }

    .xl\:w-4\/12 {
        width: 33.33333%;
    }

    .xl\:w-5\/12 {
        width: 41.66667%;
    }

    .xl\:w-6\/12 {
        width: 50%;
    }

    .xl\:w-7\/12 {
        width: 58.33333%;
    }

    .xl\:w-8\/12 {
        width: 66.66667%;
    }

    .xl\:w-9\/12 {
        width: 75%;
    }

    .xl\:w-10\/12 {
        width: 83.33333%;
    }

    .xl\:w-11\/12 {
        width: 91.66667%;
    }
    .xl\:w-\[294px\] {
        width: 294px;
    }
    .xl\:w-144 {
        width: 36rem;
    }

}


/* For 2xl: min-width: 1536px */
@media (min-width: 1536px) {

    .\32xl\:text-left {
        text-align: left;
    }

    .\32xl\:text-right {
        text-align: right;
    }

    .\32xl\:text-center {
        text-align: center;
    }

    .\32xl\:text-justify {
        text-align: justify;
    }

    .\32xl\:text-start {
        text-align: start;
    }

    .\32xl\:text-end {
        text-align: end;
    }

    .\32xl\:order-1 {
        order: 1;
    }

    .\32xl\:order-2 {
        order: 2;
    }

    .\32xl\:order-3 {
        order: 3;
    }

    .\32xl\:order-4 {
        order: 4;
    }

    .\32xl\:order-5 {
        order: 5;
    }

    .\32xl\:order-6 {
        order: 6;
    }

    .\32xl\:order-7 {
        order: 7;
    }

    .\32xl\:order-8 {
        order: 8;
    }

    .\32xl\:order-9 {
        order: 9;
    }

    .\32xl\:order-10 {
        order: 10;
    }

    .\32xl\:order-11 {
        order: 11;
    }
    .\32xl\:order-12 {
        order: 12;
    }

    .\32xl\:w-1\/12 {
        width: 8.33333%;
    }

    .\32xl\:w-2\/12 {
        width: 16.66667%;
    }

    .\32xl\:w-3\/12 {
        width: 25%;
    }
    .\32xl\:w-4\/12 {
        width: 33.33333%;
    }

    .\32xl\:w-5\/12 {
        width: 41.66667%;
    }

    .\32xl\:w-6\/12 {
        width: 50%;
    }

    .\32xl\:w-7\/12 {
        width: 58.33333%;
    }

    .\32xl\:w-8\/12 {
        width: 66.66667%;
    }

    .\32xl\:w-9\/12 {
        width: 75%;
    }

    .\32xl\:w-10\/12 {
        width: 83.33333%;
    }

    .\32xl\:w-11\/12 {
        width: 91.66667%;
    }
    .\32xl\:w-\[294px\] {
        width: 294px;
    }
    .\32xl\:w-144 {
        width: 36rem;
    }
}

.sdds{