body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
*{box-sizing:border-box}
body{margin:0;padding:0;background:#f4f6f8;font-family:Arial,Helvetica,sans-serif;color:#222}
.contact-container{max-width:540px;margin:40px auto;padding:15px}
.contact-box{background:#fff;padding:35px;border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.10)}
.contact-title{text-align:center;margin:0 0 8px;color:#142b4a;font-size:30px;font-weight:700}
.contact-subtitle{text-align:center;color:#777;margin:0 0 28px;font-size:15px}
.form-group{margin-bottom:18px}
.form-group label{display:block;margin-bottom:7px;color:#142b4a;font-weight:bold;font-size:14px}
.form-group input{width:100%;padding:14px 15px;border:1px solid #d4d8dd;border-radius:7px;font-size:16px;outline:none;transition:.2s}
.form-group input:focus{border-color:#f58220;box-shadow:0 0 0 3px rgba(245,130,32,.12)}
.form-group input:valid:not(:placeholder-shown){border-color:#38a169}
.form-group input:invalid:not(:placeholder-shown){border-color:#d9534f}
.required{color:#f58220}
.captcha-container{margin:24px 0;display:flex;justify-content:center}
.contact-button{width:100%;border:0;border-radius:7px;padding:15px;font-size:16px;font-weight:bold;color:#fff;background:#f58220;cursor:pointer;transition:.25s;text-transform:uppercase}
.contact-button:hover:not(:disabled){background:#df6d0c;transform:translateY(-1px)}
.contact-button:disabled{background:#bfc3c7;cursor:not-allowed;opacity:.85}
@media(max-width:600px){
.contact-container{margin:15px auto;padding:10px}
.contact-box{padding:25px 20px}
.contact-title{font-size:25px}
.captcha-container{transform:scale(.9);transform-origin:center}
}