.ccf7 {display: flex;flex-direction: column;gap: 20px 0;}
.cfrow {display: flex;gap: 20px;}
.cfrow.one {flex-direction: column;}
.cfrow.one .col {width: 100%;}
.cfrow.two .col {width: 50%;}
.cfrow.three .col {width: 33.33%;}
.cfrow.four .col {width: 25%;}
.cfrow.five .col {width: 20%;}
.ccf7 .col label {
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    text-transform: uppercase;
}

.ccf7 .cf-input {padding: 15px 25px !important;border: 0;box-shadow: none;}
.ccf7 .cf-input.text {}
.ccf7 .cf-input.textarea {}
.ccf7 .cf-input.submit {}
.ccf7 .cf-input.submit:focus {outline: 0;}
.cfrow.one.submit { margin-top: 40px;}


.cf-radio {display: flex; gap: 20px;flex-wrap: wrap;}
.cf-radio {display: flex;gap: 27px 15px;flex-wrap: wrap;}
.cf-radio > span {margin-left: 0;}
.cf-radio input:checked ~ span {color: #fff;background: #0b2154;}
.cf-radio input ~ span {}
.cf-radio input {position: absolute;visibility: hidden;}
.cf-radio label {position: relative;}
.cf-radio label > span {padding: 10px 25px;border: 1px solid #0b2154;cursor: pointer;}

.cfrow .col h5 small {display: block; line-height: 20px; font-size: 15px;color: #333;text-transform: none;letter-spacing: 0;}

.p-form .ccf7 .cf-input {
    box-shadow: none;
    border: 1px solid #999999;
    border-radius: 5px;
}

.p-form .ccf7 .cf-input.select {
    height: 50px;
}

.p-form .cfrow .col > p {margin-bottom: 0;}

.p-form .cfrow.one.submit {
    margin-top: 0;
}

.p-form .ccf7 {margin-bottom: 0 !important;}

@media only screen and (max-width:767px) {
  .cfrow {flex-direction: column;}
  .cfrow .col {width: 100% !important;}
}