.nav-tabs.nav-tabs-signin .nav-link {
    color: var(--nav-link);
}

.nav-tabs.nav-tabs-signin .nav-link.active{
    color: white;
    background-color: var(--primary-color) !important;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12), 0px 3px 1px rgba(0, 0, 0, 0.04);
}

.signin-bg{
    background-color: var(--light-blue-signin);
}

.signin-list-intro{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.signin-logo-title{
    right: -4rem;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text]{
    padding-right: 6px;
    padding-left: 50px;
    margin-left: 0;
    max-width: 50px;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{
    right: 0;
}

.iti__flag-container,
.iti__selected-flag{
    border-radius: 0.75rem;
}

.iti__flag-container:hover{
    background-color: transparent;
    background: transparent;
}

.iti__country.iti__highlight{
    background-color: var(--light-blue-signin);
}

.iti__country-list--dropup {
    max-width: 18rem;
    overflow-x: hidden;
}
.-mt-20{
    margin-top: -20px;
}
.width-48{
    width: 48% !important;
}
@media only screen and (max-width: 768px) {
    .custom-padding-choose-login{
        padding: 10px 10px !important;
    }
}