.container-title {
    border-bottom: 1.5px solid #DEEBF7;
    padding-bottom: 30px;
}

.button.disabled {
    background: #D9D9D9 !important;
}

.reg-bonus-tip {
    padding: 0px 30px 0px 30px;
}

.gift-icon {
    width: 32px; height: 32px; margin-top: -8px; margin-right: 12px
}

.account-flow {
    width: 100%;

    padding: 40px 30px 30px 30px;
}
.account-flow p {
    width: 190px;
}

.account-flow .completed .text-black,.account-flow .completed .text-16-400-gray  {
    color: #92D050 !important;
}

.account-flow .bar {
    width: calc(100% - 12px);
    background: #D9D9D9;
    height: 5px;
    margin-bottom: 25px;
    color: #D9D9D9;
}
.account-flow .flex-start .w-25:first-child .bar {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.account-flow .flex-start .w-25:last-child .bar {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}


.account-flow .completed .bar {
    background: #92D050;
}

.ml-7 {
    margin-left: 28px !important;
}

.container-flat {
    margin-top: 90px;
    width: 100%;
    max-width: 1300px;
    height: 351px;
    gap: 0px;
    border-radius: 20px;
    /*border: 1.5px solid #DEEBF7;*/
    padding: 30px 0;
    margin: auto;

    box-shadow: 0px 0px 10px 0px #00000026;

}

 .hide-verified .container-summary-success .desktop-register {
    margin-top: 15px !important;
}
.container-summary-success {
    margin-top: 90px;
    width: 100%;
    max-width: 1300px;
    gap: 0px;
    border-radius: 20px;
    /*border: 1.5px solid #DEEBF7;*/
    padding: 30px 0;
    margin: auto;

    box-shadow: 0px 0px 10px 0px #00000026;
}


.account-summary-final .px-5 {
    padding: 25px !important;
}

.container-title {
    margin-left: 25px !important;
    margin-right: 25px !important;
}


@media screen and (max-width: 1024px) {
    .sm-w-100 {
        width: 100% !important;
    }
    .container-flat {
        width: 100%;
        height: auto;
    }
    .container-flat .desktop-register {
        width: calc(100vw - 100px) !important;
    }
    .container-flat .flex-start {
        flex-direction: column;
    }
    .container-flat .account-flow .bar {
        margin-bottom: 10px !important;
        margin-top: 25px !important;
        width: 100% !important;
    }

    .hide-verified .container-flat  .desktop-register {
        margin-top: 30px !important;

        width: calc(100% - 60px)!important;
    }

    div.hide-verified h4.subtitle-black {
        text-align: left;
        font-size: 24px !important;
        line-height: 26.25px !important;
        margin-left: 0px !important;
    }

    div.hide-verified .container-title h4.subtitle-black {
        font-family: Roboto  !important;
        font-size: 18px  !important;
        font-weight: 700  !important;
        line-height: 21.09px  !important;
        text-align: left;
        color: #1A1A1A;

    }

    .account-flow .w-25 {
        width: 100% !important;
    }

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

    .id-check-info .mb-12 {
        margin-bottom: 8px !important;
    }
    .id-check-info ul {
        margin-top: 12px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
}


.hide-verified .container-title h4.subtitle-black {
    font-family: Roboto  !important;
    font-size: 18px  !important;
    font-weight: 700  !important;
    line-height: 21.09px  !important;
    text-align: left !important;
    color: #1A1A1A;
    margin-top: 0px !important;
}

.hide-verified h4.subtitle-black {
    font-family: Roboto !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 56.25px !important;
    color: #052962;
    margin-top: 80px !important;
    max-width: 1300px !important;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1024px) {

    .hide-verified h4.subtitle-black {
    margin-top: 20px !important;
    }
}

.hide-verified .desktop-register {
    margin-top: 30px !important;
}
.green {
    color: #67A427;

}

.summary-hr {
    background: #DEEBF7;
    width: 100%;
    max-width: 1300px ;
    height: 1.5px;
    margin:auto;
}

.sophisticated-text {
    max-width: 1300px !important;
    margin: auto;
    margin-top: -40px !important;
}

.summary-hr.account-summary-hr {
    margin-bottom: 80px !important;
    position: static !important;
}


.uploadContainer .custom-file-input {
    width: calc(100% - 20px) !important;
}
.skip-button {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -40px ;
}
.skip-button-assessment {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px ;
}

@media screen and (max-width: 1024px) {

    .skip-button {
        width: 100%;
        margin-bottom: -40px ;
    }



    .summary-hr.account-summary-hr {

        margin-bottom: 30px !important;
        background: #DEEBF7;
        width: 100%;
        max-width: 1300px ;
        height: 1.5px;
        position: absolute;
        /*left: -500px*/
        margin-left: 0px;
    }
}

.mt-8 {
    margin-top: 32px;
}
.mb-8 {
    margin-bottom: 32px;
}

.mb-12 {
    margin-bottom: 48px;
}

.w-750 {
    width: 750px !important;
}

@media screen and (max-width: 1024px) {
    .summary-faq-block {
        margin-left: 0px !important;
        justify-content: start !important;
    }
    div.w-750 {
        width: auto !important;
    }
}
.summary-faq-block {
    width: 100%;
    max-width: 1330px;
    margin: auto;
    display: flex;
    justify-content: start;
    margin-top: 50px;
    gap: 16px
}

.text-16-400-gray {
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 18.75px !important;
    text-align: left !important;
    color: #8E8D8D !important;
}

.text-16-400 {
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 18.75px !important;
    text-align: left !important;
    color: black !important;
}
.text-14-400 {
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 18.75px !important;
    text-align: left !important;
    color: black !important;
}

.text-14-400-gray {
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18.75px !important;
    text-align: left !important;
    color: #8E8D8D !important;
}

#step-content .row.pt-5 {
    max-width: 1300px !important;
    margin: auto !important;
    padding-top: 4px !important;
}

.helpful-info {
    width: auto;
    height: fit-content;
    border-radius: 5px;
    padding: 15px;
    background: #DEEBF7;
    box-shadow: 0px 4px 10px 0px #00000014;


    /*width: Fill (610px)px;*/
    /*height: Hug (156px)px;*/
    /*gap: 10px;*/
    /*border-radius: 5px 0px 0px 0px;*/
    /*opacity: 0px;*/
}


.desktop-register.w-350 {
    width: 350px !important;
}

#step-form  .desktop-register{
    color: #052962;

}
@media screen and (max-width: 1024px) {
    #step-form  h4.text-24{
        font-size: 18px !important;
    }
    #step-content  h4.text-24{
        font-size: 18px;
    }
}
#step-form  .desktop-register.button-cancel{
    background: white !important;

}

.pt-4 {
    padding-top: 16px;
}

.desktop-register {
    margin-top: 4px !important;
    width: 100%;
    height: 56px;
    gap: 0px;
    border-radius: 10px !important;
    background: #92D050 !important;

    font-family: Roboto  !important;
    font-size: 20px  !important;
    font-weight: 700  !important;
    line-height: 21.09px  !important;
    text-align: center  !important;

    color: #104371;
}

.skip-btn {
    margin-top: 4px !important;
    width: 100%;
    height: 56px;
    gap: 0px;
    border-radius: 10px !important;
    background: #e0e0e0 !important;

    font-family: Roboto  !important;
    font-size: 20px  !important;
    font-weight: 700  !important;
    line-height: 21.09px  !important;
    text-align: center  !important;

    color: #104371;
}


.title-black-24 {
    max-width: 1300px !important;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 30.47px;
    text-align: left;
    margin: auto;
}

@media screen and (max-width: 1024px) {
    .title-black-24 {
        max-width: 1300px !important;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 700;
        line-height: 30.47px;
        text-align: left;
        margin: auto;
        margin-bottom: 10px !important;
    }
    .md-mb-5, div.md-mb-5 {
        margin-bottom: 20px !important;
    }


    .title-black {
        font-size: 18px;
        line-height: 18px;
    }
}



.title-black {
    max-width: 1300px !important;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin: auto;
}
.subtitle-black {
    font-family: Roboto !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 30.47px !important;
    text-align: left !important;
}


.text-black {
    color: #000 !important;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;

}

.\-mt-1 {
    margin-top: -4px !important;
}

.custom-file-label {

}

.faq-question {
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.09px;
    text-align: left;
    color: #92D050 !important;
}
.text-green {
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 21.09px !important;
    color: #92D050 !important;
}

.faq-answer {
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    color: #000000 !important;
}

@media screen and (max-width: 1200px) {
    .row.pt-5 {
        flex-direction: column;
    }

}

@media screen and (max-width: 1023.98px) {
    .container.content-container:has(.sophisticated-text) {
       padding-left: 40px !important;
       padding-right: 40px !important;
    }

    .account-summary-final:has(.sophisticated-text) .form-section.px-5 {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .account-summary-final:has(.sophisticated-text) .text-18-400{
        font-size: 16px !important;
    }
    .account-summary-final:has(.sophisticated-text) .text-48{
        font-size: 35px !important;
    }
    .hint-container-blue .hint-box {
        max-width: calc(100vw - 40px);
    }
    .container-summary-success .desktop-register.w-350 {
        max-width: calc(100% - 50px) !important;
        width: calc(100% - 50px) !important;
        margin-left: 25px !important;
        font-size: 18px !important;
        height: auto;
    }

}

.account-summary-final:has(.container-summary-success) .summary-hr.account-summary-hr {
    margin-bottom: 25px !important;
}

/* Custom Dropdown Button */
button:not(.logout-button) {
    padding: .67857143em 1em;
    height: auto !important;
    box-shadow: none !important;
    background: #fff;
    color: rgba(0, 0, 0);
    min-height: 56px !important;

    width: 560px;
    height: 59px;
    gap: 0px;
    border-radius: 10px;
    border: 2px solid #DEEBF7;

    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.gap-3 {
    gap: 12px;
}

button span {
    margin-top: 10px;
}
input::placeholder {
    /*color: black !important;*/
}
.text-16-700 {
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 18.75px !important;
    text-align: left;

}

div.AddMoreButton {
    margin-bottom: 12px !important;
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 21.09px !important;
    text-align: left;


}

/* Custom Dropdown Panel */
div[x-ref="panel"] {
    position: absolute;
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Larger shadow */
    padding: 0.5rem 0;
    z-index: 10;
    width: 560px;

    max-height: 500px;
    overflow-y: scroll;
}

div[x-ref="panel"] a {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem; /* More padding for a cleaner look */
    color: #4b5563; /* Gray text */
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

div[x-ref="panel"] a:hover {
    background-color: #f3f4f6; /* Light gray hover background */
    color: #111827; /* Darker text on hover */
}

div[x-ref="panel"] a span {
    color: black; /* Red color for "Delete Task" */
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;

}

div[x-ref="panel"] a:first-of-type {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

div[x-ref="panel"] a:last-of-type {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

/* Dropdown Transition */
div[x-ref="panel"][x-show="open"] {
    opacity: 1;
}

div[x-ref="panel"][x-show="open"].x-enter-active {
    opacity: 1;
}

div[x-ref="panel"][x-show="open"].x-leave-active {
    opacity: 0;
}

.hidden-select {
    display: none;
}

#add-citizenship {
    font-family: Roboto !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    color: #92D050;
}
#remove-citizenship {
    font-family: Roboto !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    color: #92D050;
}


.text-18-700 {
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.78px;
    text-align: left;
    color: black;
}
.text-18-400 {
    font-family: Roboto !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
    color: black;
}
.text-16-400 {
    font-family: Roboto !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
    color: black;
}

.text-14-700 {
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 21.78px;
    text-align: left;
    color: black;
}

.text-section .faq-answer {
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin-left: 33px;
    margin-top: 12px;
    color: black;
}
.text-section .faq-question {
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 23px !important;
    text-align: left !important;

}

.text-section .faq-answer {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin-left: 33px;
    color: black;
}

.ml-0 {
    margin-left: 0px !important;
}

.faq-shevron {
    /*margin-top: 2px;*/
    margin-right: 14px;
}

.text-section .flex.flex-start {
    margin-bottom: 20px;
}

/* Customize the label for the radio buttons */
.form-check-label {
    display: inline-block;
    padding-left: 40px; /* Space for the background icon */
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 24px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.id-check-info {
    width: 480px;
    /*padding: 20px;*/
    /*height: 150px;*/
    border-radius: 10px;
    /*background: #DEEBF7;*/
}

.navy-blue {
    color: #104371 !important;
}

.list-none {
    list-style: none;
}

#step-form .form-check-label.text-16-400 {
    padding-left: 0px;
    margin-bottom: 8px;
}

input[type="radio"] {
    display: none;
}
input[type="checkbox"] {
    display: none;
}

/* Default background for 'No' */
input[type="radio"] + .form-check-label, input[type="checkbox"] + .form-check-label  {
    background-image: url('/images/icons/no.svg?2q'); /* No icon as default */
    margin-bottom: 16px;
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 24px;
    text-align: left;
    height: 24px !important;

}

/* When 'Yes' radio is checked */
input:checked + .form-check-label {
    background-image: url('/images/icons/yes.svg'); /* Show Yes icon when selected */

}

/* When 'No' radio is checked */
input:checked + .form-check-label {
    background-image: url('/images/icons/yes.svg'); /* Show No icon when selected */
    height: 24px;
}

.steps-container {
    display: flex;
    justify-content: start;

    max-width: 1780px;
    /*margin-left: calc(50vw - 660px);*/
}

@media screen and (max-width: 1024px) {
    .steps-container {
        margin-left: 0px !important;
    }
}

.step-label:first-child {
    margin-left: 0px !important;
}

.rotate-90 {
    transform: rotate(270deg);
}

.tax-hint {
    width: 100%;
    max-width: 1300px;
    padding: 15px;
    gap: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px #00000040;
    background: #FFF3DB;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.text-14-blue {
    color: #0070C0;
}

.step-label {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    margin: 0 15px; /* This sets a margin of 30px between labels (15px on each side) */
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    color: black;
    white-space: nowrap;

}

.col-md-6.px-5.form-section {
    padding-left: 0px !important;
}
.phone-code-select {
    margin-bottom: 25px !important;
}
.phone-code-select .phone-input {
    border-radius: 0px 10px 10px 0px !important;
    margin-left: -2px;
    max-width: 100% !important;
}

.mb-12.md-col.flex-start {
    margin-bottom: 20px !important;
}

.id-check-info {
    margin-bottom: 20px !important;
}

.phone-code-select .code-country-button {
    height: 56px !important;
    border-radius: 10px 0px 0px 10px
}
.phone-planet {
    width: 20px;
    height: 20px;
    margin-top: 6px !important;
}

.phone-code {
    margin-top: 8px; margin-left: 8px;
    text-wrap: nowrap !important;
}
.mt-3\.5 {
    margin-top: 14px
}

.ml-0\.5 {
    margin-left: 0.125rem;
}

.phone-code-select button.rounded-md {
    width: fit-content !important;
}
.step-label.active {
    color: #92D050;
    scroll-margin-left: calc(75px); /* Adjust the step alignment if needed */
}
.step-label.active::after {
    content: '';
    display: block;
    margin: 0 auto;
    height: 2px;
    width: 100%;
    background: #92D050;
    position: absolute;
    bottom: 0;
    left: 0;
}
#error-message {
    color: red;
}
@media screen and (max-width: 540px) {
    .steps-container-hr {
        width: 980px !important;
    }


    .id-check-info {
        width: 100%;
    }
}
.steps-container-hr {
    width: 200vw;
    margin-left: -90%;
    margin-top: -2px !important;
    height: 0px !important;
    border: 1px solid #D9D9D9;
}
.text-18-700-blue {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.09px;
    text-align: left;
    color: #104371;

}

input[type=text], input[type=email], input[type=password], input[type=date], input[type=number], .filters-container #myInvestForm input[type=number] {
    padding: .67857143em 1em;
    box-shadow: none !important;
    background: #fff;
    color: rgba(0, 0, 0);

    width: 480px;
    height: 56px;
    gap: 0px;
    border-radius: 10px;
    border: 2px solid #DEEBF7;

    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
}


@media only screen and (min-width:1400px){
    .footer .ui.container, #hero-image-container .ui.container{
        width:1760px !important;
        margin-left:auto!important;
        margin-right:auto!important
    }

    .ui.grid.container {
        width:1280px !important;
    }
}

input[type=text], input[type=email], input[type=password], input[type=date], input[type=number], .filters-container #myInvestForm input[type=number] {
    padding: .67857143em 1em;
    box-shadow: none !important;
    background: #fff;
    color: rgba(0, 0, 0);

    width: 100%;
    height: 56px;
    gap: 0px;
    border-radius: 10px;
    border: 2px solid #DEEBF7;

    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
}
.mr-auto {
    margin-right: auto;
}
@media screen and (max-width: 1023.98px)and (min-width: 768px) {
    form#step-form {
        width: calc(100vw - 32px) !important;
    }
}
@media screen and (max-width: 1300px)and (min-width: 1023.98px) {
    .form-section.col-md-6:has(#step-form) {
        width: 70% !important;
        min-width: 620px;
    }
}

.shevron {
    max-width: 22px;
    margin-top: 4px !important;
}
@media screen and (max-width: 1200px) {
    .form-section.col-md-6:has(#step-form) .relative {
        width: 100%;
    }
    .form-section.col-md-6:has(#step-form) .justify-center {
        width: 100%;
    }
    .form-section.col-md-6:has(#step-form) .phone-code-select .relative {
        width: fit-content;
    }
    .form-section.col-md-6:has(#step-form) .phone-code-select .justify-center {
        width: fit-content;
    }
    div.text-section {
        margin-top: 30px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    div.text-section.helpful-info {
        margin-top: 0px;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .form-section.px-5 {
        padding-right: 24px !important;
    }
}
@media screen and (max-width: 1023.98px) {
    .step-1-container {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .px-5.form-section:has(#step-form) {
        padding: 0px !important;
    }
    #step-form {
        width: 100% !important;
    }

    button:not(.logout-button,.dropdown-toggle) {
        width: calc(100vw - 94px);
    }

    #step-form button:not(.logout-button,.dropdown-toggle) {
        width: 100%;
    }

    div.text-section {
        margin-top: 30px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    div.helpful-info {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .step-content {

    }

    .lg-overflow-x {
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
    }

    .lg-overflow-x::-webkit-scrollbar {
        display: none;
    }
}

#step-form {
    margin-left: auto;
    /*margin-right: auto;*/

    width: 610px;
    padding: 25px;
    gap: 40px;
    border-radius: 20px;
    opacity: 0px;
    box-shadow: 0px 0px 10px 0px #00000026;
}
#step-form a {
    /*width: 240px !important;*/
}
#step-form.step-form-finish a {
    margin-top: 20px !important;
    width: 100% !important;
}
.m-0 {
    margin: 0px !important;
}

.text-14-gray {
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
    color: #757676;
}
.text-14-darkgray {
    font-family: Roboto !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 21.78px;
    text-align: left;
    color: #757676;
    margin: 0px !important;
}
.text-20-blue {
    font-family: Roboto !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 23.44px !important;
    text-align: left !important;
    color: #052962 !important;

}
.text-20 {
    font-family: Roboto !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 23.44px !important;
    text-align: left !important;

}
.flex-center {
    display: flex;
    justify-content: center;
}
.flex-start {
    display: flex;
    justify-content: start;
}

.desktop-register.button-cancel {
    background: white !important;
    border: 2px solid #052962 !important;
    border-radius: 10px !important;
    color: #052962 !important;
    margin-top: 16px !important;
}

.file-input-label input {
    opacity: 1;
    margin-left: 12px;
    margin-top: 4px;
}
.h-60 {
    height: 60px !important;
}

@media screen and (max-width: 1024px) {
    div.file-input-label {
        width: 100% !important;
    }
}

.file-input-label {

    /*margin-top: 4px !important;*/
    width: 560px !important;
    height: 56px !important;;
    gap: 0px !important;;
    border-radius: 10px !important;


    background: white !important;
    border: 1px solid #C0D3E4 !important;
    border-radius: 10px !important;
    padding-top: 12px;
}

.gap-2 {
    gap: 8px;
}
.gap-4 {
    gap: 16px;
}

.text-finished {
    margin-top: 12px !important;
}


h1, h2, h3, h4, h5, h6, #step-content p {
    font-family: Roboto !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    color: black;
}


/* Pre-verification validation feedback styles (moved from inline) */
.validation-feedback { font-size: 0.875rem; margin-top: 0.25rem; }
.is-invalid { border-color: #dc3545; }
.is-valid { border-color: #28a745; }
.invalid-feedback { color: #dc3545; }
.valid-feedback { color: #28a745; }