.contact_form_wrapper {
display: flex;
}
.contact_form_wrapper .form {
margin-top: 3rem;
}
.contact_form_wrapper .left_side {
background: #F6F6F6;
padding: 5rem 9rem;
width: 60%;
}
.contact_form_wrapper .right_side {
background: #162331;
padding: 6rem;
width: 40%;
display: flex;
flex-direction: column;
justify-content: center;
}
.contact_form_wrapper .right_side .contact_us {
color: #9ECC3C;
font-size: 4rem;
margin-top: 0!important;
display: block;
font-weight: 600;
margin: 1rem 0;
line-height: 1.3;
}
.contact_form_wrapper .right_side .connect {
font-size: 20px;
font-weight: 600;
color: #fff;
}
.contact_form_wrapper .right_side .contact_details  a {
display: flex;
text-decoration: none;
margin-bottom: 3rem;
align-items: center;
}
.contact_form_wrapper .right_side .contact_details a span {
color: #fff;
display: flex;
text-decoration: none;
font-size: 16px;
max-width: 295px;
line-height: 1.4;
}
.contact_form_wrapper .right_side span.icon {
margin-right: 2rem;
}
.contact_details {
margin-bottom: 3rem;
margin-top: 3rem;
}
.contact_form_wrapper .form .nf-form-hp {
position: absolute;
visibility: hidden;
}
.contact_form_wrapper h2.h_title {
font-size: 4rem;
margin-top: 0;
}
.contact_form_wrapper .social_media_icons a {
width: 41px;
height: 41px;
background: none!important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1rem;
}
.contact_form_wrapper .social_media_icons a svg {
object-fit: contain;
width: 24px;
height: 24px;
fill: #8a9198!important;
}
.contact_form_wrapper input {
width: 100%;
padding: 1rem 1rem 1rem 0rem;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #D9D9D9;
background: #F6F6F6;
color: #000;
font-size: 15px;
}
.contact_form_wrapper textarea {
width: 100%;
padding: 1rem 1rem 1rem 0rem;
min-height: 100px;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #D9D9D9;
background: #F6F6F6;
color: #000;
font-size: 15px;
}
.contact_form_wrapper .ninja-forms-req-symbol {
display: none;
}
.contact_form_wrapper .nf-form-fields-required {
display: none;
}
.contact_form_wrapper .submit-wrap  {
margin-top: 2rem;
}
.contact_form_wrapper .submit-wrap .nf-field-element {
display: flex;
}
.contact_form_wrapper .nf-row {
margin-bottom: 2rem;
}
.contact_form_wrapper .submit-wrap .nf-field-element input:hover  {
background: #162331;
}
.contact_form_wrapper .submit-wrap .nf-field-element input  {
color: #fff;
height: 51px;
min-width: 192px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease-in-out;
background: #9ECC3C;
font-size: 17px;
border: none;
cursor: pointer;
border-radius: 100px;
padding-left: 3rem;
padding-right: 3rem;
width: auto!important;
}
body .contact_form_wrapper .submit-wrap .nf-field-element input:hover  {
background: #162331!important; 
}
.contact_form_wrapper .nf-error-msg.nf-error-required-error {
padding: 1rem 1rem 1rem 0rem;
font-size: 14px;
color: #a92424;
}
.contact_form_wrapper ::-webkit-input-placeholder { 
color: #000;
font-size: 15px;
}
.contact_form_wrapper ::-moz-placeholder { 
color: #000;
font-size: 15px;
}
.contact_form_wrapper :-ms-input-placeholder { 
color: #000;
font-size: 15px;
}
.contact_form_wrapper :-moz-placeholder { 
color: #000;
font-size: 15px;
}
.contact_form_wrapper .nf-error-msg.nf-error-field-errors {
font-size: 15px;
color: #a92424;
}
@media (max-width: 1024px) {
.contact_form_wrapper .left_side {
padding: 5rem 5rem;
width: 50%;
} 
.contact_form_wrapper .right_side {
width: 50%;
}
.contact_form_wrapper h2.h_title {
font-size: 3rem;
}
}
@media (max-width: 767px) {
.contact_form_wrapper {
flex-direction: column;
}
.contact_form_wrapper .left_side {
padding: 5rem 5rem;
width: 100%;
} 
.contact_form_wrapper .right_side {
width: 100%;
}
.contact_form_wrapper h2.h_title {
font-size: 3rem;
}
.contact_form_wrapper .title_section {
text-align: center;
}
.contact_form_wrapper .content {
text-align: center;
}
.contact_form_wrapper .submit-wrap .nf-field-element {
justify-content: center;
}
.contact_form_wrapper .right_side .contact_us {
font-size: 3rem;
}
}
@media (max-width: 500px) {
section.global_contact_form {
margin-top: 60px!important;
margin-bottom: 60px!important;
}
.contact_form_wrapper .left_side {
padding: 3rem 3rem;
} 
.contact_form_wrapper .right_side {
padding: 3rem 3rem;
}
.contact_form_wrapper .right_side .contact_details a span {
max-width: 231px;
}
.contact_form_wrapper .nf-row {
margin-bottom: 0;
}
.nf-field-container {
margin-bottom: 10px!important;
}
}