*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.ultimate-box{
    background-color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

::placeholder{
    color: #fff !important;
}
.the-container{
    height: 100vh;
}
.navbar-brand img{
    height: 40px;
}
.left-side{
 
    background: linear-gradient(to right ,#000000,#141414);
}

.log-form{
    color: white;
}

.sign-button{
    border-radius: 32px !important;
    background-color: #19142C !important;
    color: white !important;
    padding: 10px 40px !important;
}
.sign-button:hover{

    color: #C2FF52 !important;
}

.log-button{
    background-color: #C2FF52 !important;
    border-radius: 30px !important;
    width: 100%;
    padding: 12px 10px !important;
    color: black !important;
    font-weight: 600 !important;
    letter-spacing: 2px;
}
.inner-container{
    text-align: left;
    padding: 100px 200px;
     justify-content: center;
  align-items: center;
  height: 70vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.inner-container a{
    float: left;
    width: 100%;
    font-size:14px;
    letter-spacing: 0.4px;
    text-decoration: none;
    color: #fff;
    padding: 20px;
}
.inner-container h1{
    font-size: 50px;
    font-weight: 400;
    padding: 20px;
}
.form-control{
    background-color: rgba(64, 61, 79, .3) !important;
    border: none !important;
    padding: 12px 25px !important;
    color: white !important;
    margin-bottom: 20px;
}
label{
    width: 100%;
    font-size: 12px;
    padding-left: 20px;
    text-transform: uppercase;
}
.form-control:hover{
    background-color: rgba(64, 61, 79, 0.921) !important;
}
.form-control:focus{
    border: 1px solid #8473FF !important;
    box-shadow: none !important;
    background-color: rgba(64, 61, 79, .3) !important;
}
.two-link a{
    font-size: 12px;
    width: 100%;
}
.down-pop a{
    text-decoration: none;
    margin: 10px;
    color: #8473FF;
}
footer p{
    font-size: 14px;
    color: #a8a8a8;
    padding: 20px 40px;
}
footer{
    align-items: end;
}




#error-msg {
    color: red;
}
  
#valid-msg {
    color: #00c900;
}
  
input.error {
    border: 1px solid #ff7c7c;
}
  
.hide {
    display: none;
}

.phone-input {
    margin-bottom: 5px;
    padding: 8px 10px;
    width: 100% !important;
    background-color: transparent;
    /* color: #000 !important; */
    /* background-color:  #222B45!important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    border-color: #374583 !important; */
    border-radius: 100px !important;
    padding-left: 50px !important;
}


.iti {
    width: 100%;
}

.iti__search-input {
    padding: 8px;
}

input {
    outline: none;
}

#ver-form {
    display: none;
}

.ver-form h4 {
    color: red;
    font-size: 18px;
    font-weight: bold;
}

.ver-form p {
    color: #fff;
    font-weight: 600;
}

.back-btn img {
    width: 25px;
    margin-bottom: 10px;
    position: relative;
    left: -5px;
}


.iti button {
    background-color: unset !important;
    padding: 0px;
    margin: 0px;
}
@media screen and (max-width:1024px) {

    .inner-container{
        padding: 100px;
    }
}