@import "variables.css";
.footer {
    background-color: transparent !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0.2em 0 0.2em 0;
    color: var(--cFirst) !important;
    text-align: center !important;
    font-family: var(--fSecondary), sans-serif !important;
    text-transform: uppercase !important;
}

.d2c-root .form-group label[for*="r_accident"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_illness"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_unemployment"]~div .switch .switch-label,
.d2c-root .form-group label[for*="p_singlelife"]~div .switch .switch-label,
.d2c-root .form-group label[for*="p_jointlife"]~div .switch .switch-label,
.d2c-root .form-group label[for*="p_duallife"]~div .switch .switch-label {
    width: 50px;
    height: 50px;
    text-align: center;
}

.d2c-root .form-group label[for*="r_accident"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_illness"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_unemployment"]~div .switch .switch-label,
.d2c-root .form-group label[for*="p_singlelife"]~div .switch .switch-label,
.d2c-root .form-group label[for*="p_jointlife"]~div .switch .switch-label,
.d2c-root .form-group label[for*="p_duallife"]~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_accident"]~div .switch .switch-input~.switch-label {
    background-image: url(../assets/images/accident.png) !important;
}

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

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

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

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

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

.d2c-root .form-group label[for*="r_accident"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_illness"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_unemployment"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="p_singlelife"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="p_jointlife"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="p_duallife"]~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_accident"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_illness"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_unemployment"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="p_singlelife"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="p_jointlife"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="p_duallife"]~div .switch .switch-label:after {
    opacity: 100%;
    color: Black;
    left: 120%;
    font-size: 25px;
    color: #00B3CD;
    font-weight: lighter;
    display: none;
}

.d2c-root .form-group label[for*="r_accident"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_accident"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_illness"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_illness"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_unemployment"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_unemployment"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="p_singlelife"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="p_singlelife"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="p_jointlife"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="p_jointlife"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="p_duallife"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="p_duallife"]~div .switch .switch-label:before {
    display: none;
}


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

.about-your-cover .questions form.ng-valid.ng-star-inserted.ng-dirty,
.about-your-cover .questions form.ng-valid.ng-star-inserted.ng-dirty.ng-touched,
.about-your-cover .questions form.ng-untouched.ng-pristine.ng-valid.ng-star-inserted {
    display: flex !Important;
	flex-direction: column;
	    align-content: center;
    justify-content: center;
}


.initial-details .questions gc-question.lookup-select,
.about-your-cover .questions gc-question.lookup-select {
    width: 100%;
    padding-top: 20px;
    max-width: 100%;
    margin-left: 50px;
    margin-right: 50px;
}

.initial-details .questions gc-question,
.initial-details .questions gc-question {
    height: 150px;
    width: 150px;
}

.initial-details .questions .gc-question.lookup-select.ng-star-inserted.show,
.about-your-cover .questions .gc-question.lookup-select.ng-star-inserted.show {
    width: 100%;
}

d2c-root .form-group [for*="r_accident"]~*,
d2c-root .form-group [for*="r_illness"]~*,
d2c-root .form-group [for*="r_unemployment"]~*,
d2c-root .form-group [for*="p_singlelife"]~*,
d2c-root .form-group [for*="p_jointlife"]~*,
d2c-root .form-group [for*="p_duallife"]~* {
    width: 150px !Important;
    height: 150px !Important;
    justify-content: center;
}
.quote-result .questions label[for*="r_annualincome"]+div, 
.quote-result .questions label[for*="r_monthlyincome"]+div {
    pointer-events: none;
}
.questions label[for*="r_accident"].col-sm-10.col-form-label,
.questions label[for*="r_illness"].col-sm-10.col-form-label,
.questions label[for*="r_unemployment"].col-sm-10.col-form-label,
.questions label[for*="p_singlelife"].col-sm-10.col-form-label,
.questions label[for*="p_jointlife"].col-sm-10.col-form-label,
.questions label[for*="p_duallife"].col-sm-10.col-form-label {
    
}

.quote-result .questions label[for*="r_annualincome"]+div, .quote-result .questions label[for*="r_monthlyincome"]+div {
    pointer-events: none;
    /* background: aliceblue; */
}

.about-your-cover .questions{
	justify-content: center;
}
.about-your-cover .row {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.initial-details .questions {
    display: flex;
    justify-content: center;
}


label[for*="r_accident"],
label[for*="r_illness"],
label[for*="r_unemployment"],
label[for*="p_singlelife"],
label[for*="p_jointlife"],
label[for*="p_duallife"] {
    display: none;
}

.quote-result label[for*="r_annualincome"]~.input-group .form-control,
.quote-result [for*="r_annualincome"]~.input-group .input-group-prepend .currency,
.quote-result label[for*="r_monthlyincome"]~.input-group .form-control,
.quote-result [for*="r_monthlyincome"]~.input-group .input-group-prepend .currency {
    background-color: var(--cFirst) !Important;
    color: var(--cSecond) !Important;
    
}

.d2c-root .form-group [for*="levelcover_info"]+div:before {
    content: "Level Cover" !Important;
}

.d2c-root .form-group [for*="decreasecover_info"]+div:before {
    content: "Decrease Cover" !Important;
}

.d2c-root .form-group [for*="increasecover_info"]+div:before {
    content: "Increase Cover" !Important;
}

.d2c-root .form-group [for*="familycover_info"]+div:before {
    content: "Family Cover" !Important;
}

.d2c-root .form-group [for*="levelcover_info"]+div:before,
.d2c-root .form-group [for*="decreasecover_info"]+div:before,
.d2c-root .form-group [for*="increasecover_info"]+div:before,
.d2c-root .form-group [for*="familycover_info"]+div:before {
    left: -20%;
	font-family: var(--fSecondary);
	font-size: 70%;
}