.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 .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;}

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


/* Logged in & out conditions */

.logged-in-condition .hide-logged-in {
	display: none!important;
}

.logged-out-condition .hide-logged-out {
	display: none!important;
}