/* ==========================================
   VERIFY
   ========================================== */

.verify{
    max-width:700px;
    margin:0 auto;
    padding:var(--space-xl) var(--space-md);
}

.verify-card{
    background:var(--white);
    border:1px solid var(--lightgrey);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:var(--space-xl);
}

.verify-header{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:var(--space-md);
    margin-bottom:var(--space-md);
    text-align:left;
}

.verify-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align: left;
}

.verify-name{
    margin:0 0 var(--space-sm);
    text-align:left;
    font-size: 2.5rem;
    line-height:0.95;
}

.verify-message{
    margin:0;
    text-align:left;
}

.verify-photo{
    width:140px;
    height:140px;
    flex-shrink:0;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--lightgrey);
}

.verify-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.verify-photo i{
    font-size:4rem;
    color:var(--blue);
}


.verify-form{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.verify-group{
    margin-bottom:var(--space-xl);
}

.verify-form label{
    display:block;
    margin-bottom:var(--space-sm);
    font-weight:700;
    color:var(--grey);
}

.dob{
    display:flex;
    /* align-items:center; */
    gap:var(--space-sm);
    /* margin: 0 0 var(--space-xl) 0; */
}

.dob input{
    text-align:center;
    font-size:1.2rem;
}

.dob input:nth-child(1),
.dob input:nth-child(2){
    max-width:70px;
}

.dob input:nth-child(3){
    max-width:110px;
}

.verify-form button{
    margin:0 auto;
    min-width:220px;
}



@media only screen and (max-width:500px){
    .verify-name{font-size: 2rem;}
    .verify-header{
        flex-direction:column;
        align-items:center;
        text-align:center;
    }

    .verify-content{
        align-items:center;
    }

    .verify-name,
    .verify-message{
        text-align:center;
    }

    .verify-group{
    margin-bottom:var(--space-lg);
}
}