.boat-type .col-sm-2 {
    max-width: 100%;
}

.boat-type .questions .gc-question.lookup-select.ng-star-inserted.show {
    width: 100%;
}

.boat-type .questions {
    display: flex;
}

.d2c-root .form-group label[for*="r_mboat"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_nboat"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_sboat"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_ribsib"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_spboat"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_jetski"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_somboat"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_dingy"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_sportcraft"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_notsure"]~div .switch .switch-label {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    width: 150px;
    height: 150px;
    border-radius: 5px;
    box-shadow: none;
    border: none;
    z-index: 5;
    box-sizing: border-box;
    padding: 5px;
    background-origin: content-box;
}

.d2c-root .form-group label[for*="r_mboat"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_nboat"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_sboat"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_ribsib"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_spboat"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_jetski"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_somboat"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_dingy"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_sportcraft"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_notsure"]~div .switch .switch-input:checked~.switch-label {
    background: var(--cSixth);
    background-size: contain;
    border-radius: 10%;
    background-repeat: no-repeat;
    background-position: center;
}

.d2c-root .form-group label[for*="r_mboat"]~div .switch .switch-label {
    background-image: url(../assets/images/Motorboat_Black.png) !Important;
}

.d2c-root .form-group label[for*="r_nboat"]~div .switch .switch-label {
    background-image: url(../assets/images/Narrowboat_Black.png) !Important;
}

.d2c-root .form-group label[for*="r_sboat"]~div .switch .switch-label {
    background-image: url(../assets/images/Sailboat_Black.png)!Important;
}

.d2c-root .form-group label[for*="r_ribsib"]~div .switch .switch-label {
    background-image: url(../assets/images/RibSib_black.png)!Important;
    padding: 20px;
}

.d2c-root .form-group label[for*="r_spboat"]~div .switch .switch-label {
    background-image: url(../assets/images/Speedboat_Black.png)!Important;
}

.d2c-root .form-group label[for*="r_jetski"]~div .switch .switch-label {
    background-image: url(../assets/images/Jetski_Black.png)!Important;
}

.d2c-root .form-group label[for*="r_somboat"]~div .switch .switch-label {
    background-image: url(../assets/images/SmallOpenBoat_Black.png)!Important;
    padding: 20px;
}

.d2c-root .form-group label[for*="r_dingy"]~div .switch .switch-label {
    background-image: url(../assets/images/Dinghy_Black.png)!Important;
    padding: 30px;
}

.d2c-root .form-group label[for*="r_sportcraft"]~div .switch .switch-label {
    background-image: url(../assets/images/SportCraft_Black.png) !Important;
    padding: 20px;
}

.d2c-root .form-group label[for*="r_notsure"]~div .switch .switch-label {
    background-image: url(../assets/images/DontKnow.png) !Important;
}

.boat-type .questions {
    display: flex;
    justify-content: center;
    padding-left: 50px;
    padding-right: 50px;
}

.boat-type .questions form.ng-valid.ng-star-inserted.ng-dirty,
.boat-type .questions form.ng-valid.ng-star-inserted.ng-dirty.ng-touched,
.boat-type .questions form.ng-untouched.ng-pristine.ng-valid.ng-star-inserted {
    display: flex !Important;
    flex-wrap: wrap;
    justify-content: center;
}

.boat-type .questions gc-question {
    height: 150px;
    width: 150px;
}

.boat-type .questions gc-question.lookup-select {
    width: 100%;
    padding-top: 20px;
    max-width: 100%;
    margin-left: 50px;
    margin-right: 50px;
	margin-top: 2em;
}

.d2c-root .form-group label[for*="r_ribsib"],
.d2c-root .form-group label[for*="r_mboat"],
.d2c-root .form-group label[for*="r_somboat"],
.d2c-root .form-group label[for*="r_sboat"],
.d2c-root .form-group label[for*="r_jetski"],
.d2c-root .form-group label[for*="r_sportcraft"],
.d2c-root .form-group label[for*="r_spboat"],
.d2c-root .form-group label[for*="r_nboat"],
.d2c-root .form-group label[for*="r_dingy"],
.d2c-root .form-group label[for*="r_notsure"] {
    height: 150px !Important;
    display: none;
}

.d2c-root .form-group label[for*="r_ribsib"]~div label,
.d2c-root .form-group label[for*="r_mboat"]~div label,
.d2c-root .form-group label[for*="r_somboat"]~div label,
.d2c-root .form-group label[for*="r_sboat"]~div label,
.d2c-root .form-group label[for*="r_jetski"]~div label,
.d2c-root .form-group label[for*="r_sportcraft"]~div label,
.d2c-root .form-group label[for*="r_spboat"]~div label,
.d2c-root .form-group label[for*="r_nboat"]~div label,
.d2c-root .form-group label[for*="r_dingy"]~div label,
.d2c-root .form-group label[for*="r_notsure"]~div label {
    height: 100px !Important;
}

.d2c-root .form-group label[for*="r_mboat"]~div .switch,
.widget-root .form-group label[for*="r_mboat"]~div .switch,
.d2c-root .form-group label[for*="r_nboat"]~div .switch,
.widget-root .form-group label[for*="r_nboat"]~div .switch,
.d2c-root .form-group label[for*="r_sboat"]~div .switch,
.widget-root .form-group label[for*="r_sboat"]~div .switch,
.d2c-root .form-group label[for*="r_ribsib"]~div .switch,
.widget-root .form-group label[for*="r_ribsib"]~div .switch,
.d2c-root .form-group label[for*="r_spboat"]~div .switch,
.widget-root .form-group label[for*="r_spboat"]~div .switch,
.d2c-root .form-group label[for*="r_jetski"]~div .switch,
.widget-root .form-group label[for*="r_jetski"]~div .switch,
.d2c-root .form-group label[for*="r_somboat"]~div .switch,
.widget-root .form-group label[for*="r_somboat"]~div .switch,
.d2c-root .form-group label[for*="r_dingy"]~div .switch,
.widget-root .form-group label[for*="r_dingy"]~div .switch,
,
.d2c-root .form-group label[for*="r_sportcraft"]~div .switch,
.widget-root .form-group label[for*="r_sportcraft"]~div .switch {
    height: 15px;
}

.d2c-root .form-group label[for*="r_mboat"]~div .switch .switch-label:after {
    content: 'Motorboat' !Important;
}

.d2c-root .form-group label[for*="r_nboat"]~div .switch .switch-label:after {
    content: 'Narrowboat' !Important;
}

.d2c-root .form-group label[for*="r_sboat"]~div .switch .switch-label:after {
    content: 'Sailboat' !Important;
}

.d2c-root .form-group label[for*="r_ribsib"]~div .switch .switch-label:after {
    content: 'RIB/SIB' !Important;
}

.d2c-root .form-group label[for*="r_spboat"]~div .switch .switch-label:after {
    content: 'Speedboat' !Important;
}

.d2c-root .form-group label[for*="r_jetski"]~div .switch .switch-label:after {
    content: 'Jetski' !Important;
}

.d2c-root .form-group label[for*="r_somboat"]~div .switch .switch-label:after {
    content: 'Small Open Boat' !Important;
}

.d2c-root .form-group label[for*="r_dingy"]~div .switch .switch-label:after {
    content: 'Dinghy' !Important;
}

.d2c-root .form-group label[for*="r_sportcraft"]~div .switch .switch-label:after {
    content: 'Sportcraft' !Important;
}

.d2c-root .form-group label[for*="r_notsure"]~div .switch .switch-label:after {
    content: 'Not sure' !Important;
}

.d2c-root .form-group label[for*="r_mboat"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_nboat"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_sboat"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_ribsib"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_spboat"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_jetski"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_somboat"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_dingy"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_sportcraft"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_notsure"]~div .switch .switch-label:after {
    display: none;
}

.d2c-root .form-group label[for*="r_mboat"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_mboat"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_nboat"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_nboat"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_sboat"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_sboat"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_ribsib"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_ribsib"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_spboat"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_spboat"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_jetski"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_jetski"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_somboat"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_somboat"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_dingy"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_dingy"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_sportcraft"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_sportcraft"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_notsure"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_notsure"]~div .switch .switch-label:before {
    display: none;
}

.boat-type .gc-question .lookup-select.ng-star-inserted.show {
    width: 800px;
}

.boat-type .questions .form-group [for*="r_boattype"]+div>select:disabled {
    text-align: -webkit-center !important;
	background-color: var(--cBackground);
	color: var(--cSixth) !important;
}

.boat-type .header {
    font-size: 30px;
    font-weight: 300;
    color: #343839;
}

.boat-type .questions .form-group [for*="r_boattype"],
.boat-type .questions .form-group [for*="r_boattype"]+div,
.boat-type .questions .form-group [for*="r_boattype"]+div>input:disabled {
    text-align: center;
}

.boat-type .questions .form-group [for*="r_boattype"],
.boat-type .questions .form-group [for*="r_boattype"]+div,
.boat-type .questions .form-group [for*="r_boattype"]+div>input:disabled,
.boat-type .questions .form-group [for*="r_boattype"]+div>select:disabled {
    background-color: transparent;
    color: var(--cFirst);
    border: none;
    font-size: 20px !important;
    width: max-content;
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

.boat-type .form-group [for*="r_boattype"] {
    max-width: 100% !Important;
}

@media all and (max-width: 1024px) {
    .d2c-root .form-group label[for*="r_mboat"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_nboat"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_sboat"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_ribsib"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_spboat"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_jetski"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_somboat"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_dingy"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_sportcraft"]~div .switch .switch-label,
    .d2c-root .form-group label[for*="r_notsure"]~div .switch .switch-label {
        width: 80px;
        height: 80px;
        padding: 5px;
    }
    .boat-type .questions gc-question {
        height: 80px;
        width: 80px;
    }
    .boat-type .questions .form-group [for*="r_boattype"] {
        width: 100%;
    }
    .boat-type .questions .form-group [for*="r_boattype"]+div>select:disabled {
        text-align: center !Important;
    }
}