body {
  overflow-x: hidden;
}
.ccf7 {display: flex;flex-direction: column;gap: 20px 0;}
.cfrow {display: flex;gap: 20px;}
.cfrow.one .col {width: 100%;}
.cfrow.two .col {width: 50%;}
.cfrow.three .col {width: 33.33%;}
.cfrow.four .col {width: 25%;}

.ccf7 .cf-input {padding: 12px 13px;
    background: #F6F8FA;
    border: 1.02435px solid #3B557C;
    font-size: 14px;
    border-radius: 12.3653px;}
.ccf7 .cf-input.text {}
.ccf7 .cf-input.textarea {}
.ccf7 .cf-input.submit, .ccf7 .cf-input.submit:hover {
    color: #008bcc;
    background-color: #fff;
    padding: 12px 25px;
    font-size: 17px;
    font-weight: 600;
    border: 0;
    border-radius: 6px;
    margin-top: 30px;
}
.ccf7 .cf-input.submit:focus {outline: 0;}

.cfrow.submit {
    text-align: center;
}

.cfrow .col span.label {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-bottom: 2px;
    display: inline-block;
    font-size: 15px;
    line-height: 32px;
}

.cfrow.one.submit span.wpcf7-spinner {
    display: block;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #00a0d2;
    color: #00a0d2;
    background-color: #ffffff;
}



@media only screen and (max-width:767px) {
  .cfrow {flex-direction: column;}
  .cfrow .col {width: 100% !important;}
  .cfrow {
    display: flex;
    gap: 6px;
  }
  .ccf7 .cf-input.submit, .ccf7 .cf-input.submit:hover {
    margin-top: 9px;
  }
}
