.header5item{
    grid-column: 1/6;
    grid-row: 1/2;
   
    
}

.discription5item{
  
    grid-column: 2/5;
    grid-row: 2/3;
    margin-top: 10%;
    
    
}

.discription5item p{
    
}

.contact-form{
    grid-column: 1/6 ;
    grid-row: 3/4;
    display: grid;
    margin-top: 10%;



}



    
   


.contact-form h2 {
    text-align: center;
    font-size: clamp(0.4em, 2.8vw, 1,2em);
    color: rgb(49, 97, 94);
    font-weight: 500;
}

.contact-form .inputBox{
    position: relative;
    width: 100%;
    
}
.contact-form .inputBox input,
.contact-form .inputBox textarea{
    width: 100%;
    padding: 5% 0;
    font-size: clamp(0.4em, 2.8vw, 0.8em);
    margin: 4% 0;
    border: none;
    border-bottom: 2px solid lightgray;
    outline: none;
    resize: none;
}

.contact-form .inputBox span{
    position: absolute;
    left: 0;
    padding: 5% 0;
    font-size: clamp(0.3em, 2.8vw, 1.6em);
    margin: 4% 0;
    pointer-events: none;
    transition: 0.5s;
    color: lightgray;

}
.contact-form .inputBox input:focus~ span,
.contact-form .inputBox input:valid~ span,
.contact-form .inputBox textarea:focus~ span,
.contact-form .inputBox textarea:valid~ span{
    color: #314c5e;
    font-size: clamp(0.2em, 2.8vw, 0,6em);
    transform: translateY(-80%);

}
.contact-form .inputBox input[type="submit"]{
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(0.4em, 2.8vw, 1.6em);
    background-color: #fff;
    color: #314c5e;
    border: none;
    cursor: pointer;
}

@media(max-width:900px){
    .contact-form .inputBox span {font-size: clamp(0.2em, 2.8vw, 0.8em);}
    .contact-form .inputBox input:focus~ span,
.contact-form .inputBox input:valid~ span,
.contact-form .inputBox textarea:focus~ span,
.contact-form .inputBox textarea:valid~ span {font-size: clamp(0.4em, 2.8vw, 0.8em);}
.contact-form .inputBox input[type="submit"] {font-size: clamp(0.4em, 2.8vw, 0.8em);}
    

}