.contact-div{
    width: 100%;
    margin: 5vw auto;
    height: auto;
    color:  rgb(35, 35, 35);
    display: flex; 
    position: relative;
    padding-top: 5vw;
    border-bottom: 2px solid rgb(105, 102, 102) ;
}
.email-div-content-div{
    width: 40%;
    z-index: 100;
    font-size: 3vw;
}
.email-div-email-div{
    width: 60%;
    position: relative;
}
.background {
    position: absolute;
    top: -2vw;
    right: -5vw;
    height: 45vw;
    width: 45vw;
    border-radius: 10px;
    background-color: #00A7AE;
    z-index: 2;
}
.contact-email {
    color: whitesmoke;
    position: relative;
    z-index: 2;
    width: 28vw;
    margin: 5vw auto; 
    display: flex;
    flex-direction: column;
    padding: 6vw;
    background-color: #14225A; 
    border-radius: 10px;
}
.each-input-div h1{
    margin: 0 0 1vw 0;
    font-size: 1.5vw;
    text-align: left;
    color: #00A7AE;
}

.title-input,
.employee-email-input,
.subject-input {
    height: 2vw;
    width: 100%;
    padding: 2vw 2vw 1vw 2vw; 
    font-size: max(6px , 1.5vw);
    border: none;
    border-radius: 5px;
    box-sizing: border-box; 
    border: none;
    background-color: #14225A;
    border-bottom: 3px solid #00A7AE;
    border-left: 2px solid #00A7AE;
    color: whitesmoke;
    margin-bottom: 3vw;
    outline: none;
}
.subject-input {
    height: 5vw; 
}
input::placeholder {
    color: #ccc;
    font-size: max(6px , 1.2vw);

}
