.contact-bg {display: block; padding: 48px 0 100px; margin: 0; background: #FAFAFA;}
.contact-bg .heading {display: block; padding: 0; margin: 0 0 30px;}
.contact-bg .heading h2 {display: block; padding: 0; margin: 0 0 16px; font-size: 48px; color: #434C56; font-weight: 500; line-height: 1; text-transform: capitalize;
}
.contact-bg .heading p {display: block; padding: 0 45px; margin: 0; font-size: 16px; color: #434C56; font-weight: 400;}
.contact-bg .heading p a {display: block; color: #186CC3; padding: 5px 0 0;}
.contact-bg .contact-form {display: block; padding: 48px 60px; margin: 0; background: #FFFFFF; border-radius: 8px; box-shadow: 1px 12px 33px #0000000a;}
.contact-bg .contact-form .form-inline {display: block; padding: 0; margin: 0 0 24px;}
.contact-bg .contact-form .form-inline:last-child {margin-bottom: 0;}
.contact-bg .contact-form .form-inline label {display: block; padding: 0; margin: 0; font-size: 14px; color: #637483; font-weight: 500; line-height: 20px;}
.contact-bg .contact-form .form-inline input {display: block; width: 100%; padding: 0; margin: 0; font-size: 14px; color: #637483; font-weight: 500; line-height: 30px; border: 0; border-bottom: 2px solid #EFF1F4;}

.contact-bg .contact-form .form-inline:hover input, .contact-bg .contact-form .form-inline input:focus, .contact-bg .contact-form .form-inline input:not(:placeholder-shown) {border-color: #186CC3 !important;}

.contact-bg .contact-form .form-inline input::-webkit-input-placeholder {opacity: 0;}
.contact-bg .contact-form .form-inline input:-ms-input-placeholder {opacity: 0;}
.contact-bg .contact-form .form-inline input::placeholder {opacity: 0;}


.contact-bg .contact-form .attach-box {margin: -10px 0 10px;}
.contact-bg .contact-form .attach-box input {opacity: 0; position: absolute;}
.contact-bg .contact-form .attach-box input + label {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.contact-bg .contact-form .attach-box input + label span {padding: 0; margin: 0 0 0 10px; font-size: 13px; color: #186CC3; font-weight: 500;}


.contact-bg .contact-form .message-box label {display: block; margin: 0 0 16px;}
.contact-bg .contact-form .message-box	textarea {display: block; width: 100%; padding: 15px; margin: 0; border: 2px solid #EFF1F4;}
.contact-bg .contact-form .message-box	textarea::placeholder {display: block;  font-size: 14px; color: #B8C3D5; font-weight: 550;}
.contact-bg .contact-form .btn.btn-primary {line-height: 18px; font-size: 15px; color: #EFF1F4; font-weight: 550;}

@media(max-width: 1199px){
	.contact-bg .heading h2 {font-size: 40px; text-align: center;}
}

@media(max-width: 991px){

	.contact-bg .heading p {padding: 0 30px;}
}

@media(max-width: 767px){
	.contact-bg {padding: 30px 0 50px;}
	.contact-bg .heading h2 {font-size: 30px;}
	.contact-bg .heading p {padding: 0px;}
	.contact-bg .contact-form {padding: 30px;}
}