/* Work with us */
.contact-form-block .work-with-us {
display: grid;
  grid-template-columns: max-content auto;
  gap: clamp(80px, 7vw, 100px);
}
.contact-form-block .work-with-us {
    padding-right: 150px;
}
.contact-form-block .work-with-us .fluentform {
    max-width: 775px;
    margin-left: auto;
}
.contact-form-block .work-with-us .fluentform .ff-el-form-control {
    color: #fff;
}
.contact-form-block .work-with-us .fluentform .ff-el-form-control:focus {
    background-color: #19262f;
    border-color: #34ccb5;
}
.contact-form-block .work-with-us .ff_submit_btn_wrapper {
 margin-bottom: 0;
}

/* Contact details */
.contact-form-block .contact-details {
    display: grid;
    grid-template-columns: max-content auto;
    gap: clamp(75px, 8vw, 110px);
}
.fluentform.ff-default .ff-el-form-control {
  border: 1px solid #ddf6f2;
}
.contact-form-block .contact-details .fluentform .ff-el-form-control {
    color: #92989c;
    background: #ddf6f2;
}
.contact-form-block .contact-details .fluentform .ff-el-form-control:focus {
    background-color: #ddf6f2;
    border-color: #34ccb5;
}
.contact-form-block .contact-details .fluentform .frm-fluent-form .ff-el-form-control::placeholder {
  color: #92989c;
  opacity: 1; 
}
.contact-form-block .contact-details .get-social {
    margin-bottom: 11px;
}
.contact-details .contact-details-item p {
    margin-bottom: 1.5em;
}
.contact-form-block .contact-details textarea {
  min-height: 243px;
}
.contact-form-block .contact-details .ff_submit_btn_wrapper {
 margin-bottom: 0;
}
.contact-form-block .contact-details .ff_submit_btn_wrapper button {
margin-left: auto;
  margin-right: 0;
}
@media all and (max-width: 1366px) {
.contact-form-block .work-with-us {
    padding-right: 125px;
}
}
@media all and (max-width: 1280px) {
.contact-form-block .work-with-us {
    padding-right: 100px;
}
}
@media all and (max-width: 1024px) {
.contact-form-block .contact-details {
    gap: 60px;
}
.contact-form-block .work-with-us {
    padding-right: 0;
}
@media all and (max-width: 1023px) {
.contact-form-block .work-with-us .ff-t-container.ff_columns_total_2 {
display: grid;
gap: 0;
}
}
@media all and (max-width: 767px) {
.contact-form-block .contact-details {
    grid-template-columns: 1fr;
    gap: 50px;
}
.contact-form-block .contact-details, .contact-form-block .work-with-us {
    grid-template-columns: 1fr;
    gap: 24px;
}
}