.contact-page {
padding: 120px 0;
background-color: var(--primary-light-color);
}
.contact-form {
display: flex;
align-items: center;
justify-content: space-between;
}
.contact-form .left-blk {
width: 552px;
}
.contact-form .left-blk span {
font-weight: 500;
}
.contact-form .left-blk h3 {
margin: 18px 0;
}
.contact-info {
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.contact-info-blk {
padding: 24px 0;
width: 100%;
display: flex;
align-items: center;
position: relative;
}
.contact-info-blk .ph-txt {
width: 100%;
font-weight: 500;
}
.contact-form .right-blk {
margin: 60px 0px 0 30px;
width: 600px;
padding: 20px;
background-color: var(--secondary-color);
}
.nf-form-fields-required {
display: none;
}
.contact-icon {
margin-right: 9px;
}
.us {
font-size: 14px;
}
.data {
font-size: 16px;
line-height: 1.6;
}
.nf-form-content .label-above .nf-field-label {
margin-bottom: 5px !important;
}
.nf-form-content input:not([type=button]), .nf-form-content textarea  {
background: var(--txt-color) !important;
border: 1px solid var(--sch-bd-color) !important;
color: var(--txt-primary-color) !important;
transition: all .5s;
}
.nf-form-content input:not([type=button])::placeholder, .nf-form-content textarea::placeholder {
color: var(--txt-place-color);
}
.nf-form-content input:not([type=button]):hover, .nf-form-content textarea:hover {
background: var(--bg-color) !important;
}
.nf-field-container {
margin-bottom: 30px !important;
}
.nf-form-content .ninja-forms-field {
font-family: 'Helvetica', sans-serif ;
font-size: 14px !important;
padding: 6px 12px !important;
}
.nf-form-content input.ninja-forms-field {
height: 40px !important;
}
.nf-form-content textarea.ninja-forms-field {
height: 141px !important;
resize: none;
}
.contact-form .form-container .nf-form-content input[type=submit] {
width: 100%;
background: var(--primary-color) !important;
font-size: 18px !important;
font-weight: 600 !important;
color: var(--secondary-color) !important;
margin-top: 19px;
letter-spacing: -0.5px;
padding: 18px 0 35px !important;
cursor: pointer;
}
.contact-form .form-container .nf-form-content input[type=submit]:hover {
background: var(--bg-secondary-color) !important;
}
.contact-form .form-container .nf-form-content label {
font-size: 14px;
font-weight: 600;
}
.nf-error.field-wrap .nf-field-element:after {
display: none;
} @media only screen and (min-width: 768px) and (max-width: 1280px) {
.contact-page {
padding: 9.375vw 0;
}
.contact-form .left-blk {
width: 43.125vw;
}
.contact-form .left-blk h3 {
margin: 1.406vw 0;
}
.contact-info {
margin-top: 1.563vw;
}
.contact-info-blk {
padding: 1.875vw 0;
}
.contact-form .right-blk {
margin: 4.688vw 0vw 0 2.344vw;
width: 46.875vw;
padding: 1.563vw;
}
.contact-icon {
margin-right: 0.703vw;
}
.us {
font-size: 1.094vw;
}
.data {
font-size: 1.25vw;
}
.nf-form-content .label-above .nf-field-label {
margin-bottom: 0.391vw !important;
}
.nf-field-container {
margin-bottom: 2.344vw !important;
}
.nf-form-content .ninja-forms-field {
font-size: 1.094vw !important;
padding: 0.469vw 0.938vw !important;
}
.nf-form-content input.ninja-forms-field {
height: 3.125vw !important;
}
.nf-form-content textarea.ninja-forms-field {
height: 11.016vw !important;
}
.contact-form .form-container .nf-form-content input[type=submit] {
font-size: 1.406vw !important;
margin-top: 1.484vw;
letter-spacing: -0.039vw;
padding: 1.406vw 0 2.734vw !important;
}
.contact-form .form-container .nf-form-content label {
font-size: 1.094vw;
}
} @media only screen and (max-width:767.9px) {
.contact-page {
padding: 40vw 0 20vw;
}
.contact-form {
flex-wrap: wrap;
}
.contact-form .left-blk {
width: 100%;
}
.contact-form .left-blk .contact-title-txt {
text-align: center;
}
.contact-form .left-blk h3 {
margin: 2.667vw 0;
}
.contact-info {
margin-top: 5.333vw;
padding: 2.933vw 5.333vw;
flex-direction: column;
}
.contact-info-blk {
padding: 4.4vw 0;
}
.contact-form .form-container .nf-form-content input[type=submit] {
font-size: 3.733vw !important;
margin-top: 4.267vw;
letter-spacing: -0.133vw;
padding: 2.667vw 0 8vw !important;
}
.contact-icon {
margin-right: 2.4vw;
}
.us {
font-size: 3.2vw;
}
.data {
font-size: 3.733vw;
}
.contact-form .right-blk {
margin: 8vw 0 0 0;
width: 100%;
padding: 5.333vw;
}
.nf-form-content .ninja-forms-field {
font-size: 3.733vw !important;
padding: 1.6vw 3.2vw !important;
}
.contact-form .form-container .nf-form-content label {
font-size: 3.733vw;
}
.nf-form-content .label-above .nf-field-label {
margin-bottom: 1.333vw !important;
}
.nf-form-content input:not([type=button]) {
color: var(--txt-color2) !important;
}
.nf-field-container {
margin-bottom: 2.4vw !important;
}
.nf-form-content input.ninja-forms-field {
height: 10.667vw !important;
}
.nf-form-content textarea.ninja-forms-field {
height: 60.8vw !important;
}
}