.register-card {
    height: auto;
    width: 912px;
    border-radius: 17px;
    background: #0f1638;
    padding: 50px;
    color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.register-form {
    margin-top: 35px;
}

.dropdown-icon {
    background-image: url("/assets/images/dropdown.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 13px 8px;
}

.hide-dropdown-icon {
    background-image: none;
}

select.form-control {
    appearance: none;
    background-color: #334060;
    color: #fff7eb;
    border: none;
    border-radius: 17px;
    padding-right: 35px;
}

select.form-control option {
    background-color: #334060;
    color: #fff7eb;
}

select.form-control:focus,
select.form-control:active {
    outline: none;
    box-shadow: none;
}

.register-form-actions {
    display: flex;
    justify-content: end;
}

.register-btn {
    font-family: "Gotham";
    font-weight: 400;
    font-size: 20px;
    height: 50px;
    background-color: #b4d7eb;
    border-radius: 17px;
    border: none;
}

.input-group-text{
    height: 53px;
    border-bottom-left-radius: 17px;
    border-top-left-radius: 17px;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    font-family: "Poppins";
    border: none;
    background-color: #b4d7eb;
}

.form-texts{
    font-family: "Poppins";
    color: #b4d7eb;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
   
}

.text-codes{
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .register-card {
        width: 100%;
    }

    .register-form-actions {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }

    .register-btn {
        margin-right: 0;
        width: 100%;
    }
}