/* ==========hiring animation ================ */
.Hiring{
    animation: hiring 5s linear infinite;
    animation-fill-mode: forward;
    
}
@keyframes hiring {
    0%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(-90%);
    }
}
/* ========== end of hiring animation =================== */
/* ===================== animation effects for small device nav ========= */
.sdNav{
    animation: sdNav 600ms linear;
}
@keyframes sdNav {
    from{
        transform: translateX(100%);
    }
    to{
        transform: translateX(0); 
    }
}
@keyframes sdNav2 {
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(100%); 
    }
}


/* ========== end of animation for small device nav ========== */
header span{
    font-weight: bolder;
    font-size: 34px;
}

/* ================= apply form ============= */
.applySection{
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    background: rgb(249,249, 251);
}
.cvSubmission{
    background: var(--color-bg2);
    width: 100%;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 5rem;
}


.applyformContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 9px;
}

.cvForm h3{
    margin-bottom: 5px;
    padding-top: 5px;
}