Preview:

/**contact form**/
.wpcf7-form input{
background-color:rgba(66,133,244,0.04);
border:1px solid #dadce0;
color:#1a73e8;
border-radius:10px;
font-weight:500 !important;
font-size:14px !important;
height:36px;
cursor:pointer;
padding:0 24px
}
.wpcf7-form input:hover {
background-color:rgba(66,133,244,0.04);
border:1px solid #d2e3fc
}
.wpcf7-form input:focus {
background-color:rgba(255,255,255,0.75) !important;
border:1px solid #FFAE00 !important;
outline:0
}
.wpcf7-form input:hover:focus {
background-color:rgba(66,133,244,0.16);
border:1px solid #FFAE00
}
.wpcf7-form input:active {
color:#fff !important;
background-color:rgba(66,133,244,0.16);
border:1px solid #d2e2fd;
box-shadow:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15)
}
.wpcf7-form input:disabled {
background-color:#fff;
border:1px solid #f1f3f4;
color:#3c4043
}
.wpcf7-form textarea{
background-color:rgba(66,133,244,0.04);
border:1px solid #dadce0;
color:#1a73e8;
border-radius:10px;
font-size:14px;
height:300px;
cursor:pointer;
padding:0 24px
}

 

 

Give the whole box a shadow:

Give the shortcode a class, eg. application_form

div.application_form{

box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12)

}