.f-css .formio-component-fieldSet1{
 background: #F5F7FA;
 width: 80%;
 margin: auto;
 border-radius: 20px;
 padding: 15px;
 margin-bottom: 15px;
}

.f-css .formio-component-submit1{
    width: 250px;
    margin: auto;
}

.f-css .formio-component-submit1 button{
    width: 100%;
    background-color:#00285A ;
}

.f-css  {
    background: linear-gradient(162.39deg, var(--color-main) 0%, #101D31 100%);
    margin-bottom: 0;
}
.f-css .formio-component-content h2 {
    text-align: center;
    line-height: 36px;
    color: #00285A;
    font-size: 30px;
}
.f-css .formio-component-content p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
    color: #00285A;
}
.f-css .formio-component-fieldset .formio-builder-components {
    background: #F5F7FA;
    margin: auto;
    border-radius: 20px;
}
.f-css .formio-component-panel .card {
    border: unset !important;
    box-shadow: none !important;
    background: #F5F7FA;
}
.f-css .formio-component-panel{
    border: none !important;
    box-shadow: unset;
    background-color: transparent;
}
.f-css .formio-component-panel .card .card-header {
    background: #F5F7FA;
    padding: 16px 0;
}
.f-css .formio-component-panel .card .card-header span {
    font-weight: 600;
    color: #00285A;
    font-size: 20px;
}
.formio-component-NICForm > div {
    display: flex;
}
.ib-forgot-page .formio-component-NICForm > div {
    display: block;
}
.formio-component-NICForm > div .wraper-CustomerType-container {
    /* width: calc(100% / 3 - 16px);
    margin-right: 24px; */
}
.formio-component-NICForm > div .wraper-CustomerType-container >div,
.formio-component-NICForm .wraper-choose-CustomerType .formio-custom-select {
    width: 100%;
}
.formio-custom-select .select-selected {
    padding: 10px !important
}
.wraper-choose-CustomerType .formio-custom-select {
    height: 45px !important;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}
.wraper-input-license-number {
    width: calc(100% / 3 - 16px) !important;
}

.ib-forgot-page .wraper-input-license-number {
    width: unset !important;
}

.wraper-input-license-number input {
    height: 45px;
}
.wraper-CustomerType-container.wraper-CustomerType-container-nrc {
    /* width: calc(100%* 2 / 3 - 8px) !important; */
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.ib-forgot-page .wraper-CustomerType-container.wraper-CustomerType-container-nrc {
    gap: 0;
}
.wraper-CustomerType-container.wraper-CustomerType-container-nrc >div > div {
    width: 100%;
}
.wraper-CustomerType-container-nrc .wraper-choose-CustomerType {
    width: 100% !important;
}
.wrapper-cbb-custom-nic .formio-custom-select:first-child {
    width: 15%;
}
.wrapper-cbb-custom-nic .formio-custom-select:nth-child(2) {
    width: 35%;
}
.wrapper-cbb-custom-nic .formio-custom-select:nth-child(3) {
    width: 20%;
}
.wrapper-cbb-custom-nic>div {
    width: 25%;
}

@media(max-width : 768px){
    .f-css .formio-component-fieldSet1{
        width: 90%;
    }
}

@media(max-width : 500px){
    .f-css .formio-component-fieldSet1{
        width: 95%;
    }

    .formio-component-NICForm > div{
        flex-wrap: wrap;
    }

    .formio-component-NICForm > div >div{
        width: 100% !important;
        margin-right: 0 !important;
    }

    .f-css .formio-component-submit1{
    width: 100%;
}

.f-css .formio-component-submit1 button{
    width: 100%;
    background-color:#00285A ;
}
.f-css .formio-component-loginInformation > .card.border > .card-body,
.f-css .formio-component-personalInformation  > .card.border > .card-body{
    padding: 15px 0;
}
}