.grid[_ngcontent-ng-c3219135925]{
    padding-top: 0px !important;
}
.active-choice-card {
  padding: 0px !important;
}
.bottom-label {
  float: left;
  width: 100%;
  margin: -18px 0 10px;
  font-size: 12px !important;
}
.card-nobg {
  border:1.5px solid #fff !important;
}
@media (max-width: 1279px) {
    .mdc-card {
      margin-bottom: 20px;
    }
    .removeshadow{
      box-shadow: none !important;
    }
}
.d-valign-texttop{
    font-weight:400 !important;
}
.mdc-button, .mdc-typography--button, .mat-focus-indicator {
  font-size: .875rem;
  letter-spacing: .08929em !important;
  text-transform: none;
}

.tab-scroller {
  z-index: 3;
  position: fixed;
  width: 100%;
  left: 0;
  position: fixed;
  width: 100%;
  left: 0;
  top: 85px;
  background: #f9f9f9;

}

.mat-tab-label {
  height: 34px !important;
}
.mat-tab-label-active{
    opacity: 1 !important;
}
.tab-scroller, .mat-tab-nav-bar {
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.2),0 3px 3px 0 rgba(0,0,0,.08),0 1px 1px 0 rgba(0,0,0,.08);
  transition: box-shadow .2s linear;
  border-bottom: 0px solid rgba(0,0,0,.12) !important;
}

.mat-autocomplete-panel {
  margin-top: -5%;
  margin-left: 4%;
}
#motion-main-content[_ngcontent-ng-c636083115],
#motion-main-content[_ngcontent-ng-c1302011102]{
    padding-bottom: 0px !important;
}
.chip-group[_ngcontent-ng-c3623250321]{
    margin-bottom: 16px !important;
}
.motion-spotlight-custom {
  background: #E0F2F6 !important;
}
.motion-chip {
    margin: 0px 3px 5px;
}
.mat-expansion-panel-body{
    padding: 0 16px 16px !important;
}
.mat-expansion-panel-body ul{
    padding-left: 10px !important;
}
.mat-expansion-panel-body > div {
    padding: 0px !important;
}
.checkbox-padding{
  padding: 0px !important;
  height: 30px;
}
.active-choice{
  height: 36px;
  margin-top: 7px;
}
.side-assist-drawer {
  padding: 43% 40px 16px 24px !important;
}
.mat-select-value-text {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#extender-option-card  .expandable_content{
  margin-top: -3.5px;
}
/* Safari only*/
@supports (font: -apple-system-body) {
    .mat-select-value-text {
        padding-top: 7px !important;
    }
    #mobile-dropdown .mat-select-arrow-wrapper {
         padding-top: 21px !important;
    }
    #mobile-dropdown .mat-select-value-text {
         padding-top: 12px !important;
    }
}
/* Chrome, Safari, Edge (WebKit/Blink) */
@supports (-webkit-appearance: none) {
    .mat-select-value-text.ng-tns-c3082329526-7{
      margin-top: -28px !important;
    }
 
    .mat-select-arrow-wrapper.ng-tns-c3082329526-7 {
      margin-top: -24px !important;
    }
    .mat-form-field-infix {
      margin-top: 0px;
      padding-top: 0px;
    }
   
    .mat-select-value-text {
        margin-top: -5px !important;
    }
    #mobile-dropdown .mat-select-value-text {
      margin-top: -15px !important;
    }
    #mobile-dropdown .mat-select-arrow-wrapper {
      margin-top: -10px !important;
    }
     .card_expand_incentive {
      margin-top: 11px !important;
    }

}


/* Firefox */
@-moz-document url-prefix() {
    .mat-select-value-text.ng-tns-c3082329526-7{
      margin-top: -16px !important;
    }
    .mat-select-arrow-wrapper.ng-tns-c3082329526-7 {
      margin-top: -10px !important;
    }
    .mat-form-field-infix {
      margin-top: 0px;
      padding-top:6px;
    }

    .mat-select-value-text {
        margin-top: 0px !important;
    }
     .card_expand_incentive {
      margin-top: 9px !important;
    }

    #mobile-dropdown .mat-select-value-text {
      margin-top: -2px !important;
    }
    #mobile-dropdown .mat-select-arrow-wrapper {
      margin-top: 2px !important;
    }
}

#thank-you-message{
    margin-top: 120px !important;
}
.exitIcon {
  cursor: pointer;
}
.exitIcon:hover,
.exitIcon:focus,
.exitIcon:active{
  color:#de2329;
}
#step-info{
    font-weight: 600;
    padding-left: 8px !important;
    display: block;
}
.mat-expansion-panel-spacing {
    margin: 0px !important;
}
#most-suited{
    position: absolute;
}
.mdc-typography {
  letter-spacing: normal;
  text-transform: inherit;
  font-family: Whitney SSm A,Whitney SSm B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: rgba(0,0,0,.87);
}
@media (min-width: 1248px) {
  .mdc-typography--headline2, .motion-z-layout__headline {
    font-size: 2.9rem !important;
  }
}

body {
    letter-spacing: normal;
    text-transform: inherit;
    font-family: Whitney SSm A,Whitney SSm B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: rgba(0,0,0,.87);
  }
  .mat-step-header {
    overflow: hidden;
    outline: none;
    cursor: pointer;
    position: relative;
    box-sizing: content-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-step-header:focus .mat-focus-indicator::before {
    content: ""
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled=false] {
    background-color: var(--mat-stepper-header-hover-state-layer-color)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused {
    background-color: var(--mat-stepper-header-focus-state-layer-color)
}

@media(hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.cdk-high-contrast-active .mat-step-header {
    outline: solid 1px
}

.cdk-high-contrast-active .mat-step-header[aria-selected=true] .mat-step-label {
    text-decoration: underline
}

.cdk-high-contrast-active .mat-step-header[aria-disabled=true] {
    outline-color: GrayText
}

.cdk-high-contrast-active .mat-step-header[aria-disabled=true] .mat-step-label,
.cdk-high-contrast-active .mat-step-header[aria-disabled=true] .mat-step-icon,
.cdk-high-contrast-active .mat-step-header[aria-disabled=true] .mat-step-optional {
    color: GrayText
}

.mat-step-optional {
    font-size: 12px;
    color: var(--mat-stepper-header-optional-label-text-color)
}

.mat-step-sub-label-error {
    font-size: 12px;
    font-weight: normal
}

.mat-step-icon {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    flex-shrink: 0;
    position: relative;
    color: var(--mat-stepper-header-icon-foreground-color);
    background-color: var(--mat-stepper-header-icon-background-color)
}

.mat-step-icon-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex
}

.mat-step-icon .mat-icon {
    font-size: 16px;
    height: 16px;
    width: 16px
}

.mat-step-icon-state-error {
    background-color: var(--mat-stepper-header-error-state-icon-background-color);
    color: var(--mat-stepper-header-error-state-icon-foreground-color)
}

.mat-step-icon-state-error .mat-icon {
    font-size: 24px;
    height: 24px;
    width: 24px
}

.mat-step-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 50px;
    vertical-align: middle;
    font-family: Whitney SSm A,Whitney SSm B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    
}


.mat-step-text-label {
    text-overflow: ellipsis;
    overflow: hidden
}

.mat-step-header .mat-step-header-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}


.mat-option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 48px;
    height: 48px;
    padding: 0 16px;
    text-align: left;
    text-decoration: none;
    max-width: 100%;
    position: relative;
    cursor: pointer;
    outline: none;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    box-sizing: border-box;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-option[disabled] {
    cursor: default
}

[dir=rtl] .mat-option {
    text-align: right
}

.mat-option .mat-icon {
    margin-right: 16px;
    vertical-align: middle
}

.mat-option .mat-icon svg {
    vertical-align: top
}

[dir=rtl] .mat-option .mat-icon {
    margin-left: 16px;
    margin-right: 0
}

.mat-option[aria-disabled=true] {
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.mat-optgroup .mat-option:not(.mat-option-multiple) {
    padding-left: 32px
}

[dir=rtl] .mat-optgroup .mat-option:not(.mat-option-multiple) {
    padding-left: 16px;
    padding-right: 32px
}

.mat-option.mat-active::before {
    content: ""
}

.cdk-high-contrast-active .mat-option[aria-disabled=true] {
    opacity: .5
}

.cdk-high-contrast-active .mat-option.mat-selected:not(.mat-option-multiple)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 10px;
    height: 0;
    border-bottom: solid 10px;
    border-radius: 10px
}

[dir=rtl] .cdk-high-contrast-active .mat-option.mat-selected:not(.mat-option-multiple)::after {
    right: auto;
    left: 16px
}

.mat-option-text {
    display: inline-block;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-option .mat-option-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-option-pseudo-checkbox {
    margin-right: 8px
}

[dir=rtl] .mat-option-pseudo-checkbox {
    margin-left: 8px;
    margin-right: 0
}

.mat-datepicker-toggle {
    pointer-events: auto;
    color: var(--mat-datepicker-toggle-icon-color)
}

.mat-datepicker-toggle-active {
    color: var(--mat-datepicker-toggle-active-state-icon-color)
}

.cdk-high-contrast-active .mat-datepicker-toggle-default-icon {
    color: CanvasText
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
    display: block;
    font-family: Whitney SSm A,Whitney SSm B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    background: var(--mat-stepper-container-color)
}

.mat-horizontal-stepper-header-container {
    white-space: nowrap;
    display: flex;
    align-items: center
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container {
    align-items: flex-start
}

.mat-stepper-header-position-bottom .mat-horizontal-stepper-header-container {
    order: 1
}

.mat-stepper-horizontal-line {
    border-top-width: 1px;
    border-top-style: solid;
    flex: auto;
    height: 0;
    margin: 0 -16px;
    min-width: 32px;
    border-top-color: var(--mat-stepper-line-color)
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    margin: 0;
    min-width: 0;
    position: relative;
    top: calc(calc((var(--mat-stepper-header-height) - 24px) / 2) + 12px)
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,
[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,
[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after {
    border-top-width: 1px;
    border-top-style: solid;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    width: calc(50% - 20px)
}

.mat-horizontal-stepper-header {
    display: flex;
    height: 72px;
    overflow: hidden;
    align-items: center;
    padding: 0 24px;
    height: var(--mat-stepper-header-height)
}

.mat-horizontal-stepper-header .mat-step-icon {
    margin-right: 8px;
    flex: none
}

[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon {
    margin-right: 0;
    margin-left: 8px
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after {
    border-top-color: var(--mat-stepper-line-color)
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header {
    padding: calc((var(--mat-stepper-header-height) - 24px) / 2) 24px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after {
    top: calc(calc((var(--mat-stepper-header-height) - 24px) / 2) + 12px)
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header {
    box-sizing: border-box;
    flex-direction: column;
    height: auto
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,
[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after {
    right: 0
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,
[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before {
    left: 0
}

[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,
[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after {
    display: none
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon {
    margin-right: 0;
    margin-left: 0
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label {
    padding: 16px 0 0 0;
    text-align: center;
    width: 100%
}

.mat-vertical-stepper-header {
    display: flex;
    align-items: center;
    height: 24px;
    padding: calc((var(--mat-stepper-header-height) - 24px) / 2) 24px
}

.mat-vertical-stepper-header .mat-step-icon {
    margin-right: 12px
}

[dir=rtl] .mat-vertical-stepper-header .mat-step-icon {
    margin-right: 0;
    margin-left: 12px
}

.mat-horizontal-stepper-wrapper {
    display: flex;
    flex-direction: column
}

.mat-horizontal-stepper-content {
    outline: 0
}

.mat-horizontal-stepper-content.mat-horizontal-stepper-content-inactive {
    height: 0;
    overflow: hidden
}

.mat-horizontal-stepper-content:not(.mat-horizontal-stepper-content-inactive) {
    visibility: inherit !important
}

.mat-horizontal-content-container {
    overflow: hidden;
    padding: 0 24px 24px 24px
}

.cdk-high-contrast-active .mat-horizontal-content-container {
    outline: solid 1px
}

.mat-stepper-header-position-bottom .mat-horizontal-content-container {
    padding: 24px 24px 0 24px
}

.mat-vertical-content-container {
    margin-left: 36px;
    border: 0;
    position: relative
}

.cdk-high-contrast-active .mat-vertical-content-container {
    outline: solid 1px
}

[dir=rtl] .mat-vertical-content-container {
    margin-left: 0;
    margin-right: 36px
}

.mat-stepper-vertical-line::before {
    content: "";
    position: absolute;
    left: 0;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--mat-stepper-line-color);
    top: calc(8px - calc((var(--mat-stepper-header-height) - 24px) / 2));
    bottom: calc(8px - calc((var(--mat-stepper-header-height) - 24px) / 2))
}

[dir=rtl] .mat-stepper-vertical-line::before {
    left: auto;
    right: 0
}

.mat-vertical-stepper-content {
    overflow: hidden;
    outline: 0
}

.mat-vertical-stepper-content:not(.mat-vertical-stepper-content-inactive) {
    visibility: inherit !important
}

.mat-vertical-content {
    padding: 0 24px 24px 24px
}

.mat-step:last-child .mat-vertical-content-container {
    border: none
}
@media (min-width: 1280px) {
.cards-top-spacer {
    margin-top: 47px !important;
}
}
@media (min-width: 786px) {
    .Cover-that-ensures-y {
        width: 400px
    }
    .intro-headings {
        width: 343px;
        height: 28px
    }
    .mdc-card,
    .active-choice-card{
        min-height: 935px;
    }
    .desktop-no-tabs{
      padding: 0% 10%;
    }
}

.grey-sec-text {
  font-family: inherit !important;
}

.Cover-that-ensures-y {
    height: auto;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: .25px;
    text-align: center;
    color: #000000de;
    padding-bottom: 22px;
    padding-top: 8px
}

.Cover-that-ensures-y .text-style-1 {
    font-weight: 600;
    text-decoration: underline
}

.intro-headings {
    margin: 0 0 7px;
    font-size: 15.9px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    letter-spacing: .5px;
    text-align: center;
    color: #000000de
}

.grid.mat-grid {
    padding-top: 0 !important;
    text-align: center
}

.multiple-button--container {
    margin: 0 auto 28px !important
}

.overlay[_ngcontent-ng-c127862468] {
    position: fixed;
    z-index: 9999;
    display: flex;
    top: 0;
    left: 0;
    height: 100vh;
    justify-content: center;
    align-content: center;
    background-color: #ffffffe8;
    overflow-x: hidden
}

@keyframes mat-checkbox-fade-in-background {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@keyframes mat-checkbox-fade-out-background {
    0%,
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes mat-checkbox-unchecked-checked-checkmark-path {
    0%,
    50% {
        stroke-dashoffset: 22.910259
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1)
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes mat-checkbox-unchecked-indeterminate-mixedmark {
    0%,
    68.2% {
        transform: scaleX(0)
    }
    68.2% {
        animation-timing-function: cubic-bezier(0, 0, 0, 1)
    }
    100% {
        transform: scaleX(1)
    }
}

@keyframes mat-checkbox-checked-unchecked-checkmark-path {
    from {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
        stroke-dashoffset: 0
    }
    to {
        stroke-dashoffset: -22.910259
    }
}

@keyframes mat-checkbox-checked-indeterminate-checkmark {
    from {
        animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
        opacity: 1;
        transform: rotate(0deg)
    }
    to {
        opacity: 0;
        transform: rotate(45deg)
    }
}

@keyframes mat-checkbox-indeterminate-checked-checkmark {
    from {
        animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
        opacity: 0;
        transform: rotate(45deg)
    }
    to {
        opacity: 1;
        transform: rotate(360deg)
    }
}

@keyframes mat-checkbox-checked-indeterminate-mixedmark {
    from {
        animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
        opacity: 0;
        transform: rotate(-45deg)
    }
    to {
        opacity: 1;
        transform: rotate(0deg)
    }
}

@keyframes mat-checkbox-indeterminate-checked-mixedmark {
    from {
        animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
        opacity: 1;
        transform: rotate(0deg)
    }
    to {
        opacity: 0;
        transform: rotate(315deg)
    }
}

@keyframes mat-checkbox-indeterminate-unchecked-mixedmark {
    0% {
        animation-timing-function: linear;
        opacity: 1;
        transform: scaleX(1)
    }
    32.8%,
    100% {
        opacity: 0;
        transform: scaleX(0)
    }
}

.mat-checkbox-background,
.mat-checkbox-frame {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 2px;
    box-sizing: border-box;
    pointer-events: none
}

.mat-checkbox {
    display: inline-block;
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative
}

.mat-checkbox._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-checkbox .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
    opacity: .16
}

.mat-checkbox .mat-checkbox-ripple {
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    height: 40px;
    width: 40px;
    z-index: 1;
    pointer-events: none
}

.mat-checkbox-layout {
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    align-items: baseline;
    vertical-align: middle;
    display: inline-flex;
    white-space: nowrap
}

.mat-checkbox-label {
    -webkit-user-select: auto;
    user-select: auto
}

.mat-checkbox-inner-container {
    display: inline-block;
    height: 16px;
    line-height: 0;
    margin: auto;
    margin-right: 8px;
    order: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 16px;
    flex-shrink: 0
}

[dir=rtl] .mat-checkbox-inner-container {
    margin-left: 8px;
    margin-right: auto
}

.mat-checkbox-inner-container-no-side-margin {
    margin-left: 0;
    margin-right: 0
}

.mat-checkbox-frame {
    background-color: rgba(0, 0, 0, 0);
    transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
    border-width: 2px;
    border-style: solid
}

._mat-animation-noopable .mat-checkbox-frame {
    transition: none
}

.mat-checkbox-background {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    transition: background-color 90ms cubic-bezier(0, 0, 0.2, 0.1), opacity 90ms cubic-bezier(0, 0, 0.2, 0.1);
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

._mat-animation-noopable .mat-checkbox-background {
    transition: none
}

.cdk-high-contrast-active .mat-checkbox .mat-checkbox-background {
    background: none
}

.mat-checkbox-persistent-ripple {
    display: block;
    width: 100%;
    height: 100%;
    transform: none
}

.mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    opacity: .04
}

.mat-checkbox.cdk-keyboard-focused .mat-checkbox-persistent-ripple {
    opacity: .12
}

.mat-checkbox-persistent-ripple,
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    opacity: 0
}

@media(hover: none) {
    .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
        display: none
    }
}

.mat-checkbox-checkmark {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%
}

.mat-checkbox-checkmark-path {
    stroke-dashoffset: 22.910259;
    stroke-dasharray: 22.910259;
    stroke-width: 2.1333333333px
}

.cdk-high-contrast-black-on-white .mat-checkbox-checkmark-path {
    stroke: #000 !important
}

.mat-checkbox-mixedmark {
    width: calc(100% - 6px);
    height: 2px;
    opacity: 0;
    transform: scaleX(0) rotate(0deg);
    border-radius: 2px
}

.cdk-high-contrast-active .mat-checkbox-mixedmark {
    height: 0;
    border-top: solid 2px;
    margin-top: 2px
}

.mat-checkbox-label-before .mat-checkbox-inner-container {
    order: 1;
    margin-left: 8px;
    margin-right: auto
}

[dir=rtl] .mat-checkbox-label-before .mat-checkbox-inner-container {
    margin-left: auto;
    margin-right: 8px
}

.mat-checkbox-checked .mat-checkbox-checkmark {
    opacity: 1
}

.mat-checkbox-checked .mat-checkbox-checkmark-path {
    stroke-dashoffset: 0
}

.mat-checkbox-checked .mat-checkbox-mixedmark {
    transform: scaleX(1) rotate(-45deg)
}

.mat-checkbox-indeterminate .mat-checkbox-checkmark {
    opacity: 0;
    transform: rotate(45deg)
}

.mat-checkbox-indeterminate .mat-checkbox-checkmark-path {
    stroke-dashoffset: 0
}

.mat-checkbox-indeterminate .mat-checkbox-mixedmark {
    opacity: 1;
    transform: scaleX(1) rotate(0deg)
}

.mat-checkbox-unchecked .mat-checkbox-background {
    background-color: rgba(0, 0, 0, 0)
}

.mat-checkbox-disabled {
    cursor: default
}

.cdk-high-contrast-active .mat-checkbox-disabled {
    opacity: .5
}

.mat-checkbox-anim-unchecked-checked .mat-checkbox-background {
    animation: 180ms linear 0ms mat-checkbox-fade-in-background
}

.mat-checkbox-anim-unchecked-checked .mat-checkbox-checkmark-path {
    animation: 180ms linear 0ms mat-checkbox-unchecked-checked-checkmark-path
}

.mat-checkbox-anim-unchecked-indeterminate .mat-checkbox-background {
    animation: 180ms linear 0ms mat-checkbox-fade-in-background
}

.mat-checkbox-anim-unchecked-indeterminate .mat-checkbox-mixedmark {
    animation: 90ms linear 0ms mat-checkbox-unchecked-indeterminate-mixedmark
}

.mat-checkbox-anim-checked-unchecked .mat-checkbox-background {
    animation: 180ms linear 0ms mat-checkbox-fade-out-background
}

.mat-checkbox-anim-checked-unchecked .mat-checkbox-checkmark-path {
    animation: 90ms linear 0ms mat-checkbox-checked-unchecked-checkmark-path
}

.mat-checkbox-anim-checked-indeterminate .mat-checkbox-checkmark {
    animation: 90ms linear 0ms mat-checkbox-checked-indeterminate-checkmark
}

.mat-checkbox-anim-checked-indeterminate .mat-checkbox-mixedmark {
    animation: 90ms linear 0ms mat-checkbox-checked-indeterminate-mixedmark
}

.mat-checkbox-anim-indeterminate-checked .mat-checkbox-checkmark {
    animation: 500ms linear 0ms mat-checkbox-indeterminate-checked-checkmark
}

.mat-checkbox-anim-indeterminate-checked .mat-checkbox-mixedmark {
    animation: 500ms linear 0ms mat-checkbox-indeterminate-checked-mixedmark
}

.mat-checkbox-anim-indeterminate-unchecked .mat-checkbox-background {
    animation: 180ms linear 0ms mat-checkbox-fade-out-background
}

.mat-checkbox-anim-indeterminate-unchecked .mat-checkbox-mixedmark {
    animation: 300ms linear 0ms mat-checkbox-indeterminate-unchecked-mixedmark
}

.mat-checkbox-input {
    bottom: 0;
    left: 50%
}

.mat-checkbox-input:focus~.mat-focus-indicator::before {
    content: ""
}



.overlay {
    width: 100%
}

label.mat-checkbox-layout {
    white-space: normal;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.content-with-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

label.mat-checkbox-layout .mat-checkbox-inner-container {
    margin: 0 8px 0 0
}

#termsBlock .mat-checkbox-inner-container {
    margin-top: 0;
    margin-right: 16px
}

.section-spacing--tier-4 {
    margin-top: 32px
}

#errorMsg {
    color: #ff3b30;
    display: none
}

.error-msg-false {
    margin-top: 32px
}

.error-font-size {
    font-size: 75%
}

.infoIcon {
    cursor: pointer;
    margin-left: 8px;
    font-size: 22px !important;
    color: #737373
}

#formSideNav {
    max-width: 384px !important
}

.cardlike-checker__checkbox .mat-checkbox-background,
.cardlike-checker__checkbox .mat-checkbox-frame {
    border: 1px solid #9e9e9e !important
}

@media (max-width: 768px) {
    br{
      display: none;
    }
    .option-caption div {
        margin-top:32px;
    }
    .CampaignPages-copy span {
        display: block;
    }
    .stepper__width {
        width: 100% !important;
        padding: 0 !important
    }
    .mat-step-header .mat-step-label,
    \a0.mat-step-header .mat-step-optional\a0 {
        display: none
    }
    .mat-step-header {
        overflow: hidden;
        outline: 0;
        cursor: pointer;
        box-sizing: content-box;
        -webkit-tap-highlight-color: transparent;
        position: initial !important
    }
    .mat-step-label-selected {
        font-size: .875rem;
        font-weight: 400;
        display: block !important;
        position: absolute !important;
        left: 0;
        right: 0;
        width: 100%;
        box-sizing: content-box;
        text-align: center;
        top: 110px
    }
    .mat-step-label.mat-step-label-active.mat-step-label-selected .mdc-typography--caption.ng-star-inserted {
        position: relative !important;
        width: 100%;
        font-size: 15.9px;
        display: block;
        left: 0;
        right: 0;
        box-sizing: content-box;
        text-align: center
    }
    .grid.mat-grid {
        padding-top: 48px !important
    }
    .mat-step-label.mat-step-label-active.mat-step-label-selected .mdc-typography--caption.ng-star-inserted {
        font-weight: 400
    }
    .multiple-button--container .mat-button {
        margin: 8px 0 !important
    }
}

.motion-minimum--info {
    border-radius: 0 !important;
    background-color: #f3f3f3 !important
}

.mat-raised-button.mat-accent[disabled].active {
    background-color: #ff3a30 !important
}

.mat-slide-toggle-thumb {
    box-shadow: -1px -1px 1px -1px #0003, 0 1px 2px #00000069, 0 2px 5px #0000001f !important
}

.mat-slide-toggle-content {
    white-space: normal !important
}

:is() .mat-slide-toggle-content {
    white-space: normal !important
}

.mat-progress-spinner circle {
    stroke: #fff !important
}

.mat-raised-button.mat-button-disabled {
    cursor: not-allowed !important
}

.spinner-container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    stroke: #fff !important
}

.spinner-overlay {
    display: block
}

.mat-raised-button:disabled {
    background-color: #ff3a30 !important;
    color: #ff3a30 !important
}

.Please-select-your-level-of-cover {
    flex-grow: 0;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.25px;
    text-align: center;
    color: #a30000;
}

.modal.right .modal-dialog {
    position: fixed;
    right: 0;
    top: 0;
    margin: 0;
    width: 400px;
    height: 100%;
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
    padding: 3% 40px 16px 24px;
    text-align: left;
    font-size: 16px;
    line-height: 1.3;
    box-shadow: 0 0 0 0;
    max-width: 384px !important;
    background-color: #ffffff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.cardlike-checker__checkbox .mat-checkbox-layout {
  min-width: 380px;
}
@media (min-width: 1248px) {
  .mdc-typography--headline2, .motion-z-layout__headline {
    font-size: 2.9rem !important;
  }
}
.modal.right.show .modal-dialog {
    transform: translateX(0);
}

.modal-dialog-slideout {
    margin: 0;
    height: 100%;
    max-width: 100%;
}

.side-infoModal-close {
    float: right;
    margin-top: -30px;
}
.peach-info-card,
.peach-info-card[_ngcontent-ng-c1755912215]{
    padding: 14px 8px 14px 16px !important;
}
.CampaignPages-copy,
.CampaignPages-copy[_ngcontent-ng-c1755912215]{
  font-family: inherit !important;
  font-size: 14px !important;
}

.mat-horizontal-stepper-header-container {
  width: 100% !important;
}
.mat-stepper-horizontal[_ngcontent-ng-c340366838],
.mat-stepper-horizontal{
  font-family: inherit !important;
  font-size: 13px !important;
}
@media (min-width: 1248px) {
  .stepper__width {
    padding-top: 0px !important;
  }
}
@media (min-width: 804px) {
    .mat-checkbox-inner-container {
      margin: inherit !important;
    }
}
@media (max-width: 803px) {
    .mat-checkbox-inner-container {
      margin: auto !important;
    }
    label.mat-checkbox-layout {
      width: 350px;
      margin: auto;
    }
}
@media (max-width: 500px) {
    label.mat-checkbox-layout {
      width: 100%;
      margin: auto;
    }
}
@media (min-width: 601px) {
  .cardlike-checker__checkbox .mat-checkbox-layout {
    min-width: 380px !important;
  }

}
@media (min-width: 549px) {
  .cardlike-checker__checkbox .mat-checkbox-layout {
    min-width: 380px !important;
  }
.landing-buttons[_ngcontent-ng-c1075999656],
.landing-buttons[_ngcontent-ng-c2874329556],
.landing-buttons{
       width: 60% !important;
    margin-left: 0px !important;
    }
}
@media (min-width:371px) and (max-width: 600px) {
  .cardlike-checker__checkbox .mat-checkbox-layout {
   min-width: 300px !important;
  }
  .gray-inpage-card {
      height: auto !important;
      margin: 0px !important;
    }
 .amount-col > .w-50 {
    width: 100% !important;
    display: block ruby;
  }
     #existing-client {
  padding-left: 0px !important;
  padding-bottom: 24px !important;
}
.pl-r32 {
  padding: 0px !important;
}

}
@media (max-width: 370px) {
  .cardlike-checker__checkbox .mat-checkbox-layout {
   min-width: 180px !important;
  }
  .peach-info-card[_ngcontent-ng-c1856225053] {
    width: 87% !important;
  }
  .suggested-options{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
   .mobile-tab {
    width: 95% !important;
   }
   .motion-spotlight-custom {
  width: 195px !important;
  height: 195px !important;
   }
   #existing-client {
  padding-left: 0px !important;
  padding-bottom: 24px !important;
}
  .landing-buttons {
    width: 95% !important;
  }
  .mat-horizontal-stepper-header-container {
  margin-left: -5px !important;
}
.pl-r32 {
  padding: 0px !important;
}
.gray-inpage-card {
  height: auto !important;
  margin: 0px !important;
}
.plane-w-auto {
  width: auto !important;
  min-width: 194px !important;
  line-height: 0.9;
}
.mat-select-panel {
  max-width: 120px !important;
}
.mat-expansion-panel-header {
  padding: 0 10px !important;
}
    .amount-col > .w-50 {
    width: 100% !important;
    display: block ruby;
  }
}
html, body {
  scroll-padding-top: 0; 
  scroll-behavior: smooth;
  scroll-behavior: smooth;
}