.intro {
    background: url(/cisiweb2/image/wayfinder/what_bg2.jpg);
    background-size: cover;
    background-position: center center ;
}
.cfpBlock {
    background: #21b3e4;
    color: #fff !important;
    padding: 30px;
    border-left: 20px solid #0d6583;
}
.cfpBlock h2 {
    color: #fff !important;
    margin-top: 10px;
}
.cfpBlock p {
    color: #fff;
    text-align: center;
}
.afpfBlock {
    background: #d1ab5a;
    padding: 30px;
    border-left: 20px solid #a57a20;
}
.afpfBlock h2 {
    color: #ffffff;
    margin-top: 10px;
}
.afpfBlock p {
    color: #ffffff;
text-align: center;
}
.whatKindWrapper {
    background: url(/cisiweb2/image/wayfinder/whatkind5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    margin-top: 200px !important;
    display: none;
}
.whatKindWrapper .sfContentBlock {
    padding: 80px 0px 80px 50%;
}
.whatKindWrapper .sfContentBlock > div {
    padding: 30px 50px;
    backdrop-filter: blur(20px) saturate(150%);
}
.whatKindWrapper h2 {
    color: #444;
}
.whatKindWrapper p {
    color:#444;
}
.whatKindWrapper .container {
    width: 80%;
}

.whatKindWrapper ul {
    color: #444;
    font-size: 22px;
    line-height: 40px;
    margin-left: 40px;
}
.steps {
    margin-top: 30px !important;
}
.steps .sf_colsIn > div {
    align-items: center;
    text-align: center;
    padding: 40px 20px;
    margin-bottom: 20px;
}
.steps .step1 .sf_colsIn > div {
    background: #c1f1dd;
    border-left: 15px solid #6bc49e;
    color: #459170;
    font-size: 18px;
    line-height: 1.7em;
}
.steps .step1 h3 {
    margin-top: 0px;
    color: #459170;
}
.steps .step2 .sf_colsIn > div {
    background: #9ad5e9;
    border-left: 15px solid #21b3e4;
    color: #106f8f;
    font-size: 18px;
    line-height: 1.7em;
}
.steps .step2 h3 {
    margin-top: 0px;
    color: #106f8f;
}
.steps .step3 .sf_colsIn > div {
    background: #d4f5f7;
    border-left: 15px solid #5ec8d0;
    color: #387b81;
    font-size: 18px;
    line-height: 1.7em;
}
.steps .step3 h3 {
    margin-top: 0px;
    color: #387b81;
}
.steps .step4 .sf_colsIn > div {
    background: #e9b5ba;
    border-left: 15px solid #e15564;
    color: #9b2c38;
    font-size: 18px;
    line-height: 1.7em;
}
.steps .step4 h3 {
    margin-top: 0px;
    color: #9b2c38;
}
.steps .step5 .sf_colsIn > div {
    background: #ed9cc0;
    border-left: 15px solid #850f43;
    color: #5a092d;
    font-size: 18px;
    line-height: 1.7em;
}
.steps .step5 h3 {
    margin-top: 0px;
    color: #850f43;
}
.steps .step6 .sf_colsIn > div {
    background: #f5deb9;
    border-left: 15px solid #fec465;
    color: #856025;
    font-size: 18px;
    line-height: 1.7em;
}
.steps .step6 h3 {
    margin-top: 0px;
    color: #856025;
}
.whatKindList {
    font-size: 20px;
    line-height: 1.5em;
    margin-left: 40px;
}
.whatKindList li {
    margin-bottom: 20px;
}
.stepIcon span {
    font-size: 50px;
    margin-top: 15px;
}
.stepIcon {
    background: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 200px;
    height: 100px;
    width: 100px;
    margin-bottom: 20px;
}
.nextSteps .sfContentBlock {
    text-align: center;
}
.nextSteps .sfContentBlock .btn {
    margin: 0px 10px 0px 10px;
}
#whatIsPostcodeSearchFieldWrapper {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
#whatIsPostcodeSearch {
    display: inline-block;
    margin-left: 0px;
    width: 100%;
    position: relative;
    vertical-align: top;
}
#whatIsPostcodeSearchWrapper {
    position: relative;
}
#whatIsPostcodeSearchSubmit {
    margin: 0px;
    padding: 11px 30px;
    outline: none;
}
#whatIsPostcodeSearchSubmitWrapper {
    position: absolute;
    top: 3.5px;
    right: -1px;
}
#whatIsPostcodeSearchField {
    border-radius: 200px;
    font-size: 16px;
    padding: 26.5px 20px;
    border: 2px solid #c5c5c5;
}

@media (min-width: 768px) {
    #whatIsPostcodeSearchField {
        border-radius: 200px;
        font-size: 16px;
        padding: 25.5px 20px;
        border: 2px solid #c5c5c5;
    }
    #whatIsPostcodeSearchFieldWrapper {
        width: 500px;
        position: absolute;
        top: 0;
        right: 0;
    }
    #whatIsPostcodeSearch {
        display: inline-block;
        margin-left: 20px;
        width: 500px;
        position: relative;
        vertical-align: top;
    }

}
@media (min-width: 992px) {
    .steps .sf_colsIn > div {
        display: flex;
        align-items: center;
        min-height: 400px;
        text-align: center;
        padding: 40px 20px;
        margin-bottom: 20px;
    }
    #whatIsPostcodeSearchField {
        border-radius: 200px;
        font-size: 16px;
        padding: 26.5px 20px;
        border: 2px solid #c5c5c5;
    }
    .nextSteps .sfContentBlock .btn {
        margin: 10px 10px 0px 10px;
    }

}
@media (min-width: 1200px) {
    .steps .sf_colsIn > div {
        min-height: 360px;
    }
    #whatIsPostcodeSearchField {
        border-radius: 200px;
        font-size: 16px;
        padding: 27.5px 20px;
        border: 2px solid #c5c5c5;
    }
    #whatIsPostcodeSearchSubmitWrapper {
        position: absolute;
        top: 3.5px;
        right: 0px;
    }

}
@media (min-width: 1400px) {

}

@media (min-width: 1600px) {

}