/*begin form register*/
.forms-data{
    width: 600px;
    max-width: 100%;
    margin: 0 auto 0 auto;
}
.page-container{
    background: #fff;
    box-shadow: 2px 2px 10px -4px rgba(0, 0, 0, .1);
    padding: 15px;
}

.page-container form label{
    font-size: 14px !important;
    color: #333333;
}
.input-icon {
    position: relative; /* Positioning context for the icon */
}

.input-icon input {
    padding-right: 40px; /* Space for the icon */
    padding-left: 10px;  /* Optional: space for left padding */
    border-radius: 0.25rem; /* Rounded corners, optional */
    border: 1px solid #ced4da; /* Bootstrap border color */
    height: 42px;
    width: 100%;

}

.content-text{
    font-size: 14px !important;
}
@media (max-width: 992px) {
    .content-text{
        white-space: nowrap;
    }
    .remember{
        flex-direction: column;
        justify-content: center !important;
    }

}

/* Adjust the Font Awesome icon size for better alignment */
.input-icon .icon i {
    font-size: 20px;
    padding-top: 10px; /* Adjust to align vertically */
}

.input-icon .icon {
    position: absolute;
    right: 10px; /* Positioning the icon */
    top: 50%;
    transform: translateY(-50%);
    color: #aaa; /* Icon color */
    pointer-events: none; /* Prevents clicks on the icon */
    font-weight: 200; /* Icon font weight */
}
.country-transform{
    display: flex;
    align-items: center;
}
.form-country{
    display: flex;
    flex-direction: column;
    width: 100%;

}

.page-container form input::placeholder {
    color: #999; /* Change this to your desired color */
    font-size: 14px; /* Change this to your desired font size */
}


.submit_container_blank {
    padding: 15px 0 5px 0;
    text-align: center;
}
.submit {
    display: block;
    border: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 150px;
    background: #096aad;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
    transition: all .25s;
}



/*end form register*/