@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/fontawesome.min.css);.thank-you-page .gform_wrapper .gfield_label,.thank-you-page h2 {
    line-height: 32px;
    color: #034a8b;
    margin-bottom: 15px;
    font-family: Montserrat
}

:root {
    --green: #00CD00;
    --red: #ff3366;
    --blue: #006EFF;
    --navy: #253045;
    --charcoal: #3B3A39;
    --ice: #F1F1F1
}

.dwt_question_1 {
    background-color: #006eff!important
}

.digital-tool .about-card .image.desktop,.digital-tool .about-card.hide,.digital-tool .question .inner .choice .dropdown-select.hide,.digital-tool .question .inner .choice .more.hide,.digital-tool .question .inner .choice .text_input_checkbox_wrap,.digital-tool#questionSection .jumbo.tool-top-part,.digital-tool.start-now.little-digital-help .jumbo .form .field label,.little-digital-help.digital-tool#questionSection .question-title .text .progress,.single-dwt_form_entry footer,.thank-you-page .age-group .tabdata,.thank-you-page .gform_wrapper .gfield_required,.thank-you-page .gform_wrapper .gform_heading,.thanks .feedback .text-area,.thanks .feedback .thumbs a img.selected,.thanks .feedback .thumbs a.active img,.thanks .for-children .i .active-img,.thanks .for-children .i.active img,.thanks .notification.email-success,.thanks .posts .post .desc,.thanks section.results-area,body.tool-started main .vc_row {
    display: none
}

.digital-tool .check-container input:checked~.checkmark:after,.digital-tool .question .inner .choice .text_input_checkbox_thing.selected+.text_input_checkbox_wrap,.digital-tool.start-now.little-digital-help .jumbo .form-bottom .checkboxes br,.thank-you-page .age-group .tabdata.active,.thanks .check-container input:checked~.checkmark:after,.thanks section.results-area.active,body.tool-started main .vc_row:first-child {
    display: block
}

.m-0 {
    margin: 0!important
}

.ui-progressbar {
    height: 7px;
    box-sizing: border-box
}

.slider_step {
    text-align: center;
    width: 100%
}

.slider_step p {
    text-align: left;
    padding: 20px
}

.range_container {
    width: 70%;
    margin: 0 auto;
    padding: 2em 0;
    position: relative
}

.range_container.feet .text,.range_container.inches .text {
    -webkit-transform: translateX(-32%);
    -ms-transform: translateX(-32%);
    transform: translateX(-32%)
}

.range_container .text {
    position: absolute;
    top: -.4em;
    font-size: 1.2em;
    white-space: nowrap;
    -webkit-transform: translateX(-14%);
    -ms-transform: translateX(-14%);
    transform: translateX(-14%);
    opacity: .2
}

.little-checkboxes-row .l-choices .l-choice.selected .checkbox img,.range_container .text.active,.thanks .patch .inner.active img {
    opacity: 1
}

.digital-tool.start-now.little-digital-help .jumbo .wrap {
    padding-inline:15px;width: 100%;
    gap: 0
}

.digital-tool .question .inner .choice .more.online-things .count-item,.digital-tool .question .inner .choice .more.online-things.sortable.has-count .thing:nth-child(-n+3),.digital-tool.start-now.little-digital-help .jumbo .form,.digital-tool.start-now.little-digital-help .jumbo .wrap form,.thanks .featured .cards img {
    width: 100%
}

.little-digital-help.digital-tool#questionSection .jumbo.tool-top-part {
    display: flex;
    background-color: #00539f;
    padding: 18px 10px 16px
}

.digital-tool#questionSection .question.age-group .inner .choice .child-count {
    border: 0;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    width: auto;
    background-color: transparent
}

.digital-tool#questionSection .question.age-group .inner .choice .nickname-field {
    display: none;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    border: 0
}

.digital-tool#questionSection .question.age-group .inner .choice .nickname-field::-webkit-input-placeholder {
    color: rgb(59 58 57 / 13%)
}

.digital-tool#questionSection .question.age-group .inner .choice .nickname-field:-ms-input-placeholder {
    color: rgb(59 58 57 / 13%)
}

.digital-tool#questionSection .question.age-group .inner .choice .nickname-field::placeholder {
    color: rgb(59 58 57 / 13%)
}

.digital-tool#questionSection .question.age-group .inner .choice .select.text-underline {
    font-family: Montserrat;
    font-weight: 400;
    text-decoration: underline;
    font-size: 15px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
    display: flex;
    align-items: center;
    margin-left: 10px
}

.digital-tool#questionSection .question.age-group .inner .choice .error {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 36px;
    text-align: left;
    color: #ee1c2e;
    display: none;
    margin-bottom: 10px
}

.digital-tool#questionSection .question.age-group .counter {
    display: flex;
    gap: 6px;
    justify-content: space-between
}

.digital-tool#questionSection .question.age-group .counter-value {
    width: 50px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 22.5px;
    text-align: center;
    color: #3b3a39;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    background-color: #f8f8f8;
    border: 0;
    padding: 0;
    max-height: 31px
}

.digital-tool#questionSection .question.age-group .counter-value::-webkit-inner-spin-button,.digital-tool#questionSection .question.age-group .counter-value::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.digital-tool.start-now.little-digital-help .jumbo .form .field,.little-digital-help.digital-tool#questionSection .question .inner .count {
    border-radius: 5px
}

.digital-tool#questionSection .question.age-group .counter-increase {
    width: 31px;
    height: 31px;
    border-radius: 15.5px;
    background: #ccc;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px;
    display: flex
}

.digital-tool#questionSection .question.age-group .counter-decrease {
    width: 31px;
    height: 31px;
    border-radius: 15.5px;
    background: #ccc;
    align-items: flex-end;
    justify-content: center;
    color: #fff;
    font-size: 28px;
    display: flex
}

.digital-tool#questionSection .question.age-group .counter-decrease.active,.digital-tool#questionSection .question.age-group .counter-increase.active,.thank-you-page .age-group .button:focus,.thank-you-page .age-group .button:hover {
    background-color: #00cd00
}

.digital-tool#questionSection .question.age-group .inner .choice .child-count b,.digital-tool#questionSection .question.age-group .inner .choice .child-count span,.little-checkboxes-row .l-choices .l-choice label span {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39
}

.digital-tool#questionSection .question.age-group .choice .little-dropdown-select {
    height: 52px;
    background: #fff;
    padding-inline:23px 17px;border: 1px solid #dedede;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px
}

.digital-tool .question .inner .choice .dropdown-select.type-child .left,.digital-tool#questionSection .question.age-group .choice .little-dropdown-select .left,.thanks .more-articles .posts .post {
    display: flex
}

.little-digital-help.digital-tool#questionSection .jumbo.tool-top-part .wrap {
    margin: 0!important;
    gap: 23px
}

.little-digital-help.digital-tool#questionSection .jumbo.tool-top-part .wrap h1 {
    color: #fff!important;
    font-family: Montserrat;
    font-weight: 600!important;
    font-size: 18px!important;
    line-height: 22.5px!important;
    text-align: left
}

.little-digital-help.digital-tool#questionSection .question {
    margin-top: 26px
}

.little-digital-help.digital-tool#questionSection .question-title {
    margin-bottom: 5px;
    box-shadow: none
}

.little-digital-help.digital-tool#questionSection .question .inner .title {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 24px!important;
    line-height: 36px;
    text-align: left;
    color: #253045;
    margin-bottom: 20px
}

.little-digital-help.digital-tool#questionSection .question .inner .title.has-list ul {
    margin-top: 18px
}

.little-digital-help.digital-tool#questionSection .question .inner .title.has-list ul li {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
    padding: 6px 0
}

.little-digital-help.digital-tool#questionSection .question .inner .title.has-list ul li:before {
    margin-right: 10px;
    margin-top: 10px;
    content: '';
    min-width: 5px;
    height: 5px;
    background: #00539f;
    border-radius: 4px
}

.little-digital-help.digital-tool#questionSection .q-footer .button.next {
    height: 43px;
    border-radius: 5px;
    background: #0364e2;
    width: 100%;
    box-shadow: 0 3px 3px rgba(0,0,0,.16);
    min-width: auto;
    margin: 0
}

.little-digital-help.digital-tool#questionSection .q-footer .button.next[disabled=disabled] {
    opacity: .6;
    pointer-events: none
}

.little-digital-help.digital-tool#questionSection .q-footer-outer {
    border-top: 1px solid #efebeb;
    background-color: #fff
}

.little-digital-help.digital-tool#questionSection .q-footer .button.cancel {
    height: 43px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #0364e2;
    color: #0364e2!important;
    font-size: 15px!important;
    width: 100%;
    min-width: auto;
    margin: 0
}

.digital-tool .about-card.dark p,.digital-tool .jumbo h3 p,.little-digital-help.digital-tool#questionSection .q-footer .button.cancel:hover {
    color: #fff!important
}

.little-digital-help.digital-tool#questionSection .q-footer .button.cancel[disabled=disabled] {
    border: 1px solid #bfbfbf;
    color: #bfbfbf!important;
    background-color: transparent!important
}

.digital-tool .check-container input:checked~.checkmark,.little-digital-help .button[disabled=disabled]:before,.little-digital-help.digital-tool#questionSection .q-footer .button:before,.thanks .check-container input:checked~.checkmark {
    background-color: transparent
}

.little-digital-help.digital-tool#questionSection .question-title .text {
    padding: 0 17px
}

.little-digital-help.digital-tool#questionSection .progress-steps {
    display: flex;
    width: 100%
}

.little-digital-help.digital-tool#questionSection .progress-steps .steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 8px
}

.little-digital-help.digital-tool#questionSection,.little-digital-help.digital-tool#questionSection .progress-steps .steps .step.current,.thank-you-page {
    background-color: #fff
}

.thank-you-page .gform_wrapper .gfield_label {
    font-weight: 600;
    font-size: 18px!important;
    width: 100%;
    text-align: center
}

.thank-you-page .gform_wrapper .ginput_container .gfield_radio {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8d9d9;
    border-radius: 5px;
    margin-top: 20px
}

.thank-you-page .gform_wrapper .ginput_container .gchoice {
    position: relative;
    cursor: pointer
}

.thank-you-page .gform_wrapper .ginput_container .gchoice input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0
}

.thank-you-page .gform_wrapper .ginput_container .gchoice input:checked~label {
    background-color: #00cd00;
    text-align: center;
    color: #fff
}

.thank-you-page .gform_wrapper .ginput_container .gchoice label {
    padding: 12px 0;
    text-align: center;
    margin-inline:5px;border-radius: 5px;
    font-weight: 700;
    width: 60px
}

.thank-you-page .gform_wrapper .gfield_description {
    line-height: 25px!important
}

.thank-you-page .gform_wrapper .ginput_container .gfield_radio:before {
    content: 'Poor';
    border-right: 1px solid #d8d9d9;
    display: flex;
    min-height: 50px;
    margin-right: 5px;
    align-items: center;
    padding-inline:10px}

.thank-you-page .gform_wrapper .ginput_container .gfield_radio:after {
    content: 'Great';
    border-left: 1px solid #d8d9d9;
    display: flex;
    min-height: 50px;
    align-items: center;
    margin-left: 5px;
    padding-inline:10px}

.thank-you-page .gform_wrapper .gform_body {
    max-width: 792px;
    margin: 0 auto;
    padding-inline:100px;border-top: 1px solid #d8d9d9;
    padding-top: 40px
}

.thank-you-page .gform_wrapper .gfield {
    text-align: center;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.thank-you-page .top-banner {
    background: #efebeb;
    margin-bottom: 30px;
    padding: 120px 5px 20px
}

.thank-you-page h2 {
    font-weight: 600;
    font-size: 24px!important;
    text-align: left
}

.thank-you-page .top-banner .text h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px!important;
    letter-spacing: 0;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39
}

.thank-you-page .top-banner .text {
    margin-bottom: 10px;
    display: inline-block
}

.thank-you-page .top-banner .text p {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22.5px;
    text-align: left;
    color: #000
}

.thank-you-page .top-banner h1 {
    color: #00539f;
    display: none;
    line-height: 45px!important;
    font-size: 36px!important
}

.digital-tool.little-digital-help .jumbo .wrap .jumbo-data h1 span,.thank-you-page .top-banner h1 span {
    color: #ee1c2e;
    font-size: 50px!important;
    line-height: 0
}

.thank-you-page p {
    font-weight: 400
}

.thank-you-page .top-banner .btns .button {
    text-transform: capitalize;
    text-align: center;
    height: 40px;
    font-size: 15px!important;
    background-color: #0364e2;
    box-shadow: 0 3px 3px rgb(0 0 0 / 16%)
}

.thank-you-page .top-banner .btns .button.button--big {
    padding-inline:30px!important;width: 100%;
    max-width: 360px
}

.thank-you-page .top-banner .btns {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.thank-you-page .top-banner .btns .button.lined {
    background-color: transparent;
    border-color: #0364e2;
    color: #0364e2!important;
    line-height: 12px
}

.thank-you-page .age-group {
    padding-inline:5px}

.thank-you-page .age-group p {
    color: #253045!important
}

.thank-you-page .age-group .description {
    margin-bottom: 25px
}

.thank-you-page .age-group .description p {
    margin-block:10px;line-height: 1.5!important
}

.thank-you-page .age-group .btns {
    margin-bottom: 35px;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3,1fr)
}

.thank-you-page .age-group .btns .button {
    font-size: 15px!important;
    width: 100%
}

.thank-you-page .age-group .cards .card .button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 177px;
    width: 100%;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 15px;
    text-align: left;
    color: #fff
}

.thank-you-page .age-group .cards {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    position: relative
}

.thank-you-page .age-group .cards-outer {
    overflow-x: auto;
    margin-bottom: 50px
}

.thank-you-page .age-group .cards .card .button img {
    max-width: 16px
}

.thank-you-page .age-group .cards .card {
    display: flex;
    gap: 24px;
    flex-direction: column;
    min-width: 244px
}

.thank-you-page .age-group .cards .card img {
    border: 1px solid #d8d8d8
}

.thank-you-page .age-group .cards .card h4 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 16px!important;
    letter-spacing: 0;
    line-height: 22.5px;
    text-align: left;
    color: #253045
}

.thank-you-page .age-group .cards .card .text {
    min-height: 50px
}

.thank-you-page .age-group .cards .card p {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22.5px;
    text-align: left;
    color: #253045;
    margin-bottom: 0
}

.thank-you-page .gform_wrapper .gform_footer {
    text-align: center;
    display: flex;
    justify-content: center
}

.little-digital-help.digital-tool#questionSection .progress-steps .steps .step {
    background: #2b6fad;
    min-height: 4px;
    width: 100%;
    border-radius: 2px
}

.little-digital-help.digital-tool#questionSection .question .inner .links-outer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-block:10px 24px;gap: 20px
}

.digital-tool.start-now.little-digital-help .jumbo .form-error .error,.little-digital-help.digital-tool#questionSection .question .inner .links-outer .form-error .error {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 22.5px;
    text-align: left;
    color: #ee1c2e;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px
}

@media(min-width: 960px) {
    .thank-you-page .age-group .cards {
        display:grid;
        grid-template-columns: repeat(3,1fr)
    }

    .thank-you-page .age-group p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 22.5px;
        text-align: left;
        color: #253045
    }

    .thank-you-page .age-group .tabdata p {
        font-size: 15px
    }

    .thank-you-page .age-group .button {
        height: 43px;
        width: 120px;
        font-family: Montserrat;
        font-weight: 700;
        font-size: 15px!important;
        text-align: center
    }
}

.little-digital-help.digital-tool#questionSection .question .inner .ask-why {
    font-family: Montserrat;
    font-weight: 400;
    text-decoration: underline;
    font-size: 15px;
    text-align: left;
    color: #253045;
    display: block;
    line-height: 1
}

.little-digital-help.digital-tool#questionSection .question .inner .ask-why:hover {
    font-weight: 700
}

.digital-tool.start-now.little-digital-help .jumbo .button {
    min-width: auto;
    width: 100%
}

.digital-tool.start-now.little-digital-help .jumbo .wrap {
    flex-direction: column;
    max-width: 840px
}

.digital-tool.start-now.little-digital-help .jumbo .button.lined {
    background: #efebeb;
    border: 2px solid #2a62da;
    box-shadow: 0 3px 3px rgba(0,0,0,.16);
    color: #2a62da!important
}

.digital-tool.start-now.little-digital-help .jumbo .button.lined:hover {
    background-color: #253045!important;
    color: #fff!important
}

.little-digital-help input::-webkit-inner-spin-button,.little-digital-help input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.little-digital-help input[type=number] {
    -moz-appearance: textfield
}

.digital-tool.home-page.little-digital-help .jumbo .button.lined.blue:focus,.digital-tool.home-page.little-digital-help .jumbo .button.lined.blue:hover {
    background-color: transparent!important;
    color: #253045!important;
    border-color: transparent!important
}

.digital-tool.home-page.little-digital-help .jumbo .button.lined.blue {
    gap: 7px;
    font-weight: 700
}

.digital-tool.home-page.little-digital-help .jumbo .button.lined.blue:hover svg path {
    fill: #253045!important
}

.digital-tool.start-now.little-digital-help .jumbo .form .field input {
    font-size: 16px!important;
    font-weight: 400
}

.digital-tool.start-now.little-digital-help .jumbo .form .how-data-use {
    display: flex;
    margin-top: 25px;
    gap: 10px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    color: #253045;
    margin-bottom: 20px;
    font-size: 12px
}

.digital-tool.start-now.little-digital-help .jumbo .wrap .start-btn {
    width: 100%;
    gap: 38px;
    margin-top: 20px;
    display: flex;
    flex-direction: row-reverse
}

.digital-tool.start-now.little-digital-help .jumbo .form-top {
    margin-bottom: 38px;
    margin-top: 8px
}

.digital-tool.start-now.little-digital-help .jumbo .question-info {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

.digital-tool.start-now.little-digital-help .jumbo .question-info svg {
    transform: translateX(3px) rotate(-25deg)
}

.digital-tool.start-now.little-digital-help .jumbo .question-info .text {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    color: #253045
}

.digital-tool.start-now.little-digital-help .jumbo .question-info .text b {
    font-weight: 800
}

.digital-tool.start-now.little-digital-help .jumbo .form-bottom {
    display: flex;
    flex-direction: column;
    width: 100%
}

.digital-tool.start-now.little-digital-help .jumbo .form-error {
    width: 100%;
    display: none;
    margin-top: -20px
}

.digital-tool.start-now.little-digital-help .jumbo .form-top {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.digital-tool.start-now.little-digital-help .jumbo .form-top .how-data-use {
    display: none;
    margin-bottom: 0;
    font-size: 12px;
    justify-content: flex-end
}

.digital-tool.start-now.little-digital-help .jumbo .form-top .how-data-use span,.little-digital-help .digital-tool .accordion .accordion-title span {
    font-weight: 600
}

.digital-tool.start-now.little-digital-help .jumbo .wrap .how-data-use svg {
    height: auto;
    width: 15px
}

.digital-tool.start-now.little-digital-help .jumbo .wrap .how-data-use:hover,.digital-tool.start-now.little-digital-help .jumbo .wrap .how-data-use:hover svg path {
    fill: #0364E2;
    color: #0364e2;
    text-decoration: none
}

.little-dropdown-row .l-dropdown:first-child,.thanks .articles-guides .posts.only-title .post .buttons {
    margin-top: 0
}

.little-dropdown-row .l-dropdown {
    display: flex;
    height: 52px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    border: 1px solid #dedede
}

.little-dropdown-row .l-dropdown.selected .right .arrow .label {
    font-weight: 600;
    color: #00cd00
}

.little-dropdown-row .l-dropdown.active .right .arrow img {
    transform: rotate(-180deg)
}

.little-dropdown-row .l-dropdown .left {
    border-left: 5px solid #00cd00;
    height: 100%;
    align-items: center;
    display: flex
}

.little-dropdown-row .l-dropdown .left .label {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
    padding-left: 18px
}

.little-dropdown-row .l-dropdown-target {
    display: none;
    border-radius: 5px;
    background: #fff;
    padding: 22px 0
}

.little-dropdown-row .l-dropdown-target.no-inner-space {
    padding: 0;
    border: 0
}

.little-dropdown-row .l-dropdown .right .arrow {
    border-left: 1px solid #e2e2e2;
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 20px 0 15px;
    gap: 15px;
    min-width: 180px;
    justify-content: space-between
}

.little-dropdown-row .l-dropdown .right {
    height: 100%
}

.little-dropdown-row .l-dropdown .right .arrow .label {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39
}

.little-checkboxes-row .l-choices {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 22px
}

.little-checkboxes-row .l-choices .l-choice {
    height: 52px;
    border-radius: 5px;
    display: flex;
    background: #fff;
    border: 1px solid #dedede;
    padding: 7px;
    gap: 21px;
    position: relative
}

.little-checkboxes-row .l-choices .l-choice label .icon {
    margin-right: 12px;
    width: 38px
}

.little-checkboxes-row .l-choices .l-choice.selected {
    border: 1px solid #00cd00
}

.little-checkboxes-row .l-choices .l-choice.selected label span {
    color: #00cd00
}

.digital-tool .question .inner .choice .age,.little-checkboxes-row .l-choices .l-choice label {
    display: flex;
    align-items: center
}

.little-checkboxes-row .l-choices .l-choice label input {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0
}

.little-checkboxes-row .l-choices .l-choice .checkbox {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center
}

.little-checkboxes-row .l-choices .l-choice .checkbox img {
    opacity: 0
}

.little-checkboxes-row .l-choices .l-choice.selected .checkbox {
    background: #00cd00
}

.little-checkboxes-row .l-choices.double-col {
    display: grid;
    gap: 26px 75px
}

.little-dropdown-row .l-dropdown-target .l-inner-dropdowns {
    width: 100%;
    margin-top: 14px
}

.little-dropdown-row .l-dropdown-target .l-inner-dropdowns .l-inner-dropdown {
    height: 52px;
    background: #fff;
    border: 1px solid #dedede;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.little-dropdown-row .l-dropdown-target .l-inner-dropdowns .l-inner-dropdown-content {
    border-radius: 0 0 5px 5px;
    background: #fff;
    border: 1px solid #dedede;
    padding: 19px;
    display: none
}

.digital-tool .accordion .accordion-title.active .icon,.digital-tool .question .inner .choice .dropdown-select.active img,.little-dropdown-row .l-dropdown-target .l-inner-dropdowns.selected .l-inner-dropdown img {
    transform: rotate(180deg)
}

.digital-tool.start-now.little-digital-help .jumbo .question-info .text {
    text-align: left;
    margin: 0
}

.digital-tool.start-now.little-digital-help .jumbo .wrap h1 {
    line-height: 49px!important
}

.digital-tool.start-now.little-digital-help .jumbo .wrap h3 {
    margin-top: 0!important
}

.digital-tool.start-now.little-digital-help .jumbo .wrap h3 p {
    color: #253045!important;
    line-height: 25px!important;
    font-weight: 600
}

.digital-tool.start-now.little-digital-help .check-container {
    color: #253045
}

.digital-tool.start-now.little-digital-help .check-container .checkmark:after {
    border-color: #253045
}

.digital-tool.start-now.little-digital-help .checkmark {
    border: 2px solid #253045
}

.range_container .text span {
    visibility: hidden;
    background-color: #7586a7;
    color: #fff;
    width: 1.7em;
    height: 1.7em;
    line-height: 1.7em;
    display: inline-block;
    font-size: .9em;
    border-radius: 50%
}

.digital-tool .radio-container input:checked~.radiomark,.range_container .ruler span,.range_slider .ui-widget-header {
    background-color: var(--green)
}

.range_container .range_slider {
    position: relative;
    z-index: 10;
    font-size: 6px
}

.range_container .ruler {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin: 0 auto
}

.range_container .ruler span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 1.2em 0;
    margin-top: -6px!important;
    z-index: 9
}

.range_container.feet .ruler span {
    margin: 1.2em 0
}

.slider_step .range_slider .ui-state-default {
    border: 2px solid var(--green)!important
}

.range_slider.ui-widget-content {
    background-color: var(--ice);
    border: 0
}

.range_slider .ui-state-default,.range_slider .ui-widget-content .ui-state-default {
    padding: 0;
    width: 30px;
    height: 30px;
    margin: -.7em auto auto -.92em;
    visibility: visible;
    background-color: #fff!important;
    top: 1px;
    border-radius: 50%;
    font-size: 3.3em;
    color: #fff;
    display: flex;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .18));
    z-index: 11;
    cursor: pointer
}

.date_container {
    position: relative;
    width: 500px;
    margin: 0 auto
}

.date_container input {
    position: relative;
    background: #fff;
    cursor: pointer;
    width: 100%;
    height: 50px;
    padding: 0 0 0 10px;
    margin: 0;
    line-height: 28px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    outline: 0;
    border: 1px solid #000;
    box-sizing: border-box;
    font-size: 16px;
    color: #000
}

#ui-datepicker-div {
    position: absolute!important;
    border-radius: 0;
    padding: 1em 0;
    font-size: 16px;
    width: 50%
}

.date_container #ui-datepicker-div {
    top: 48px!important;
    left: 0!important;
    width: 100%;
    border: 2px solid #000
}

.ui-datepicker .ui-datepicker-header,.ui-datepicker table {
    max-width: 320px;
    margin: 0 auto
}

.ui-widget-header {
    background: 0 0;
    border: none
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: none;
    background: 0 0;
    text-align: center;
    padding: .4em .2em
}

.ui-widget-content .ui-state-active,.ui-widget-content .ui-state-default:active,.ui-widget-content .ui-state-default:hover {
    background: #7586a7;
    color: #fff
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border-bottom: 1px solid #7586a7
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .3
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
    background-image: none;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 10px;
    height: 10px;
    margin-left: -4px;
    margin-top: -6px
}

.ui-datepicker .ui-datepicker-next span {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -9px
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev-hover {
    left: 8px
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next-hover {
    right: 8px
}

.c-modal {
    display: none;
    position: fixed;
    z-index: 99;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--navy)
}

.c-modal .c-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 36px 18px 48px;
    position: relative;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
    max-width: 636px
}

.c-modal .c-modal-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22.5px;
    text-align: center;
    color: #3b3a39;
    margin: 24px 0 36px
}

.digital-tool.start-now.little-digital-help .jumbo .form .field.error {
    border: 1px solid #ee1c2e
}

.c-modal.c-modal--ldht {
    z-index: 99999999!important
}

.c-modal.c-modal--ldht .close {
    width: 36px;
    height: 36px;
    background: #0364e2;
    color: #fff;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    display: flex
}

.c-modal.c-modal--ldht .c-modal-content p {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #3b3a39
}

.c-modal.c-modal--ldht .close img {
    filter: invert(1) contrast(2);
    width: 28px;
    height: 28px
}

.c-modal.c-modal--ldht .c-modal-content {
    max-width: 890px!important;
    width: 100%
}

.c-modal.c-modal--ldht .c-modal-content .content {
    max-width: 459px;
    margin: 0 auto
}

.c-modal.c-modal--ldht .c-modal-content h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
    margin-bottom: 17px;
    margin-top: 40px
}

@media (max-width: 768px) {
    .thank-you-page .gform_wrapper .ginput_container .gchoice label {
        padding:12px 0;
        margin-inline:0px;width: 35px;
        max-width: 100%
    }

    .thank-you-page .gform_wrapper .gfield {
        text-align: left;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 15px
    }

    .thank-you-page .gform_wrapper .gfield_label {
        text-align: left
    }

    .thank-you-page .gform_wrapper .ginput_container {
        width: 100%
    }

    .little-digital-help.digital-tool#questionSection {
        padding-top: 66px
    }

    .thank-you-page .gform_wrapper .ginput_container .gfield_radio {
        justify-content: space-between;
        width: 100%
    }

    .thank-you-page .gform_wrapper .gform_body {
        padding-inline:0}

    header #Backtotop {
        z-index: 99999999
    }
}

.digital-tool .button:disabled {
    position: relative;
    background: #f1f1f1;
    z-index: 1
}

.digital-tool .button:disabled:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgb(0 205 0 / 24%)
}

.button.blue.lined.no-border,.c-modal .c-modal-content .button.lined {
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(0,0,0,.16)
}

.c-modal .c-modal-content .button.lined.blue:hover,.no-border:hover {
    border-color: var(--blue);
    background-color: #fff;
    color: var(--blue)!important
}

.c-modal .c-modal-content .button {
    margin-left: 6px;
    margin-right: 6px
}

.c-modal .close {
    color: #aaa;
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 28px;
    font-weight: 700
}

.c-modal .close:focus,.c-modal .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.thanks .spacer {
    width: 100%;
    margin: 0;
    height: 10px
}

.thanks .spacer-2x {
    width: 100%;
    margin: 0;
    height: 20px
}

.digital-tool .seprater,.thanks .seprater {
    width: 100%;
    margin: 18px 0;
    height: 2px;
    background: rgb(59 58 57 / 10%)
}

.digital-tool .check-container,.thanks .check-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.digital-tool .check-container input,.digital-tool .radio-container input,.thanks .check-container input,.thanks .radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.digital-tool .checkmark:after,.thanks .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.spacer {
    display: block;
    height: 20px
}

.digital-tool .check-container .checkmark:after,.thanks .check-container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #00cc00;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.thanks .check-container .checkmark:after {
    border-color: var(--navy)
}

.thanks .check-container {
    display: inline-flex
}

.digital-tool .checkmark,.thanks .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px
}

.digital-tool .radio-container,.thanks .radio-container {
    display: block;
    position: relative;
    padding-left: 70px;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    line-height: 50px;
    text-align: left;
    color: var(--charcoal);
    margin-bottom: 18px
}

.digital-tool .radiomark {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background-color: #eee;
    border-radius: 50%
}

.digital-tool .radio-container:hover input~.radiomark {
    background-color: #ccc
}

.digital-tool .radio-container .radiomark:after {
    content: "";
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    margin: auto;
    right: 0;
    width: 24px;
    bottom: 0;
    height: 24px;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #fff
}

.digital-tool .radio-container input:checked~.radiomark:after {
    background: var(--green);
    display: block
}

.thanks .articles-guides .posts .post .button.lined {
    border-color: #bec1c7
}

.thanks .top .wrap .left .check-container {
    width: 100%;
    max-width: 300px;
    background: rgb(0 110 255 / 10%);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #253045;
    padding: 14px 20px 14px 45px
}

.thanks .checkmark {
    border: 2px solid var(--navy);
    top: 13px;
    left: 16px
}

.digital-tool .wrap,.thanks .wrap {
    max-width: 1270px;
    margin: 20px auto;
    padding: 0 15px;
    width: 100%
}

.little-digital-help .digital-tool .accordion {
    margin-bottom: 40px
}

.little-digital-help .digital-tool .accordion .accordion-title {
    font-size: 15px!important;
    padding: 2px 0;
    margin-top: 0!important
}

.page-id-40475 main .vc_row-fluid:has(.digital-tool.home-page),.page-id-40475 main .vc_row-fluid:has(.digital-tool.home-page) .vc_column-inner {
    padding: 0
}

@media(max-width: 600px) {
    .page-id-40475 #explore-further h2,.page-id-40475 .vc_custom_1679573072111 p {
        text-align:center;
        max-width: 350px;
        margin: auto
    }

    .page-id-40475 .vc_custom_1679573072111 p {
        margin-top: 60px
    }

    .page-id-40475 .digital-tool .how-tool-work .green-heading {
        margin-top: -120px
    }

    .page-id-40475 .digital-tool .how-tool-work {
        margin-right: 0!important
    }

    .page-id-40475 .digital-tool.home-page>section {
        background-position: center calc(20vw - -130px)!important;
        background-repeat: no-repeat
    }

    .page-id-40475 .digital-tool.home-page section .wrap:nth-child(2) {
        margin-bottom: 0!important;
        margin-top: -80px!important
    }
}

@media(min-width: 600px) and (max-width:992px) {
    .page-id-40475 .digital-tool.home-page>section {
        background-position:center calc(-30vw - -250px)!important;
        background-repeat: no-repeat
    }
}

.page-id-40475 .vc_custom_1679570153813 main.digital-tool {
    background: 0 0;
    min-height: auto!important
}

.page-id-40475 .vc_custom_1679570153813 main.digital-tool h3 {
    line-height: 30px
}

@media(min-width: 992px) {
    .page-id-40475 .vc_custom_1679570153813 .wpb_wrapper .vc_row-fluid {
        display:flex;
        align-items: center
    }

    .page-id-40475 #explore-further {
        margin: 100px 0!important
    }

    div:has(>select.dftDropdown) {
        text-align: left;
    }

    .page-id-40475 .what-is-it h2 {
        margin-top: -80px
    }

    .page-id-40475 .what-is-it {
        width: 40%;
        margin: 0 5%
    }

    .page-id-40475 .digital-tool.home-page section {
        background-position: 20vw 0!important;
        background-repeat: no-repeat;
        margin-top: 75px;
        padding-top: 75px!important
    }

    .page-id-40475 .digital-tool.home-page section .wrap:has(h1) {
        max-width: 60%
    }

    .page-id-40475 .digital-tool.home-page section .wrap:nth-child(2) {
        margin-top: -40px
    }
}

@media(min-width: 1200px) {
    .page-id-40475 .digital-tool.home-page section {
        background-position:400px!important
    }
}

@media(max-width: 500px) {
    .little-digital-help .how-tool-work .button {
        width:100%;
        max-width: 100%
    }

    .page-id-40475 .digital-tool.home-page>section .wrap:first-of-type {
        zoom:0.7}
}

.digital-tool.little-digital-help .green-heading,.little-digital-help .green-heading,.little-digital-help .how-tool-work .green-heading,.little-digital-help .how-tool-work .info-needed h2 {
    text-align: left!important;
    font-size: 29px!important
}

.digital-tool .green-heading,.info-needed h2 {
    color: var(--green);
    font-weight: 600;
    font-size: 29px;
    line-height: 42px
}

.digital-tool.little-digital-help .jumbo .button,.little-digital-help .button {
    text-transform: capitalize;
    box-shadow: 0 3px 3px rgba(0,0,0,.16);
    font-size: 15px!important
}

.digital-tool .jumbo {
    background: 0 0;
    text-align: center;
    margin-bottom: 10px;
    padding: 120px 15px 20px
}

.digital-tool.little-digital-help .jumbo {
    background: #efebeb
}

.digital-tool.little-digital-help .jumbo h1 {
    margin-bottom: 0;
    font-size: 36px!important
}

.digital-tool.little-digital-help .jumbo h3 {
    margin-bottom: 0;
    font-size: 18px!important
}

.digital-tool.little-digital-help .jumbo h1,.digital-tool.little-digital-help .jumbo h3 {
    color: #00539f!important
}

.digital-tool.little-digital-help .jumbo .buttons {
    flex-direction: column;
    width: 100%
}

.little-digital-help .button {
    background-color: #0364e2;
    min-width: 200px;
    justify-content: center!important;
    height: 43px!important;
    font-family: Montserrat
}

.little-digital-help .button:hover {
    background-color: #253045!important;
    border-color: #253045!important;
    color: #fff!important
}

.little-digital-help .button:hover img {
    filter: grayscale(1) contrast(10) invert(1)
}

.little-digital-help .button[disabled=disabled] {
    background-color: #bfbfbf!important;
    pointer-events: none;
    box-shadow: none!important
}

.digital-tool.start-now.little-digital-help .button.lined[disabled=disabled] {
    background-color: transparent!important;
    pointer-events: none;
    border-color: #bfbfbf!important;
    box-shadow: none!important;
    color: #bfbfbf!important
}

.digital-tool.little-digital-help .jumbo .button {
    background-color: #0364e2;
    max-width: 400px;
    width: 100%;
    text-align: center!important;
    align-items: center;
    display: flex;
    justify-content: center
}

.digital-tool.little-digital-help .jumbo .wrap {
    max-width: 1270px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    padding-inline:0}

.digital-tool.little-digital-help .jumbo .wrap .jumbo-data {
    display: flex;
    flex-direction: column;
    align-items: center
}

.digital-tool.little-digital-help .jumbo .wrap .jumbo-data h1 {
    line-height: 45px!important
}

.digital-tool.little-digital-help .jumbo .wrap .jumbo-data h3 {
    font-size: 18px!important;
    line-height: 25px;
    font-weight: 600
}

.digital-tool.little-digital-help .jumbo .button.lined {
    background-color: transparent;
    box-shadow: none
}

.digital-tool.little-digital-help .jumbo .buttons .button.lined:hover {
    background-color: #0364e2
}

.digital-tool .jumbo h1 {
    color: #000;
    margin-bottom: 36px;
    font-size: 36px
}

.digital-tool .jumbo h3 {
    font-size: 26px;
    color: #000
}

.digital-tool .jumbo.full {
    min-height: 100vh
}

.digital-tool .jumbo .buttons {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 45px;
    padding-bottom: 45px
}

.digital-tool .start-btn {
    margin-top: 50px;
}

.thanks .feedback .buttons .button {
    margin-bottom: 24px;
    margin-top: 36px
}

.digital-tool .button,.thanks .button {
    height: 35px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
}

.digital-tool .button .icon {
    margin-left: 8px;
    width: 20px
}

.digital-tool .jumbo .buttons .button {
    font-size: 12px;
    margin-bottom: 18px
}

.digital-tool .button.lined {
    background: #fff;
    border-color: 1px solid #006eff!important;
    font-weight: 600
}

.digital-tool .jumbo .buttons .button.lined:hover {
    background-color: transparent;
    border-color: var(--blue);
    color: var(--blue)!important
}

.digital-tool .jumbo .buttons {
    flex-direction: row;
    justify-content: center;
    gap: 12px
}

.digital-tool .what-is-it .image {
    margin-bottom: 30px
}

.digital-tool .info-needed,.digital-tool .what-is-it .wrap,.thanks .more-articles .posts {
    display: flex;
    flex-direction: column
}

#gform_wrapper_8 .gform_footer,.digital-tool .about-card .image,.digital-tool .how-tool-work .green-heading,ul#input_8_1 {
    text-align: center
}

.digital-tool .accordion {
    margin-bottom: 10px;
    margin-top: 20px
}

.digital-tool .accordion .accordion-title {
    color: var(--dark);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.digital-tool .accordion-title .icon {
    flex-basis: 35px;
    flex-grow: 0;
    transition: .2s;
    flex-shrink: 0
}

.digital-tool .accordion-title .icon img {
    width: 40px
}

.digital-tool .accordion .accordion-content {
    display: none;
    line-height: 30px;
    padding-bottom: 10px
}

.digital-tool .how-tool-work .wrap,.digital-tool .info-needed .wrap,.digital-tool .jumbo .wrap {
    max-width: 820px
}

.digital-tool .info-needed .button {
    align-self: center;
    justify-self: center;
    margin-top: 20px
}

.digital-tool .how-tool-work {
    background-color: transparent!important;
    padding: 0!important;
    margin-top: -30px!important;
    margin-right: 40px!important
}

.digital-tool .info-needed p {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 15px;
    line-height: 22.5px;
    text-align: left;
    color: var(--navy);
    margin: 0
}

.digital-tool .notification,.thanks .notification {
    display: flex;
    background-color: #e4efff;
    align-items: center;
    height: 48px;
    padding: 0;
    margin-top: 36px;
    cursor: pointer;
    margin-bottom: 24px
}

.digital-tool .notification .icon,.thanks .notification .icon {
    width: 24px;
    margin-right: 10px
}

.thanks .notification {
    display: inline-flex;
    margin-top: 12px
}

.digital-tool .notification span,.thanks .notification span {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    color: var(--blue)
}

.digital-tool .jumbo .form .field {
    text-align: left;
    background-color: #fff;
    padding: 10px 18px;
    max-width: 80%;
}

.digital-tool .jumbo .form .field label {
    font-weight: 400;
    font-size: 11px;
    color: var(--charcoal)
}

.digital-tool .jumbo .form .field input {
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
    border: 0;
    height: 30px;
    padding: 0;
    color: var(--charcoal)
}

.digital-tool .jumbo .sub-text {
    color: #fff!important;
    width: 100%
}

.digital-tool .about-card.dark .inner {
    background-color: var(--navy);
    box-shadow: none;
    overflow: auto
}

.digital-tool .about-card.dark .sub-text,.digital-tool .about-card.dark .text .small,.digital-tool .about-card.dark h1 {
    color: #fff
}

.digital-tool .about-card {
    background-color: var(--navy);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

.digital-tool .about-card .sub-text {
    background-color: #fff;
    width: 100%;
    max-width: 1312px;
    font-weight: 400;
    font-size: 15px;
    color: var(--charcoal);
    padding-bottom: 36px;
    text-align: center;
    display: block
}

.digital-tool .about-card .inner {
    max-width: 1312px;
    background: #fff;
    padding: 60px 15px 20px;
    box-shadow: 0 8px 24px rgba(0,0,0,.16)
}

.digital-tool .about-card .small {
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    text-align: center;
    color: var(--dark);
    display: block;
    margin-bottom: 20px
}

.digital-tool .about-card h1 {
    font-weight: 900;
    font-size: 36px;
    margin-bottom: 24px;
    line-height: 54px;
    text-align: center;
    color: var(--dark)
}

.digital-tool .about-card p {
    font-weight: 400;
    font-size: 26px;
    line-height: 39px!important;
    text-align: left;
    color: var(--charcoal);
    margin-top: 35px
}

.digital-tool .about-card .image img {
    width: 100%;
    max-width: 820px
}

.digital-tool .about-card .button-row {
    align-items: center;
    justify-content: center;
    display: flex
}

.digital-tool .question {
    max-width: 820px;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    padding-bottom: 100px
}

.digital-tool .question>.inner {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px
}

.digital-tool .question .inner .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: #253045
}

.digital-tool .question-title {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08)
}

.digital-tool .question .notification {
    margin-top: 24px
}

.digital-tool .question-title .img {
    flex-basis: 80px;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex
}

.digital-tool .question-title .img img {
    height: 84px;
    object-fit: cover
}

.digital-tool .question-title .text {
    width: 100%;
    padding: 10px 12px
}

.digital-tool .question-title .text .name {
    margin-bottom: 8px;
    margin-top: 0;
    padding-top: 0!important;
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    text-transform: uppercase;
    text-align: left;
    color: #3b3a39
}

.digital-tool .question-title .text span {
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    color: #3b3a39;
    opacity: .48
}

.digital-tool .question-title .text .progress {
    width: 100%;
    height: 12px;
    position: relative;
    background: #f1f1f1;
    margin-bottom: 4px
}

.digital-tool .question-title .text .progress .green {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--green);
    width: 100px
}

.digital-tool .question .inner .choice .count,.digital-tool .question .inner .choice .more.online-things .thing,.thanks .top .right,li.gchoice_8_1_0 {
    position: relative
}

.digital-tool .question .inner ul {
    padding-left: 0
}

.digital-tool .question .inner ul li {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
    display: flex;
    align-items: flex-start;
    padding: 10px 0 10px 5px
}

.digital-tool .question .inner ul li img {
    margin-right: 22px;
    transform: rotate(180deg)
}

.digital-tool .question .inner ul li:before {
    margin-right: 10px;
    margin-top: 3px;
    content: url(../img/arrow.jpg)
}

.digital-tool .question .inner .choice .age.full {
    flex-direction: column;
    align-items: flex-start
}

.digital-tool .question .inner .choice .age.full .radio-container {
    margin: 10px 0 5px
}

.digital-tool .question .inner .choice .age .child-count {
    margin-right: 15px
}

.digital-tool .question .inner .choice .age .radio-container {
    margin-bottom: 0;
    margin-right: 15px;
    margin-left: 15px
}

.digital-tool .question .inner .choice .count input {
    width: 100%;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute
}

.digital-tool .question .inner .choice .count,.digital-tool .question .inner .choice .dropdown-select {
    border: 1px solid #bec1c7;
    min-height: 58px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 22.5px;
    text-align: center;
    color: #3b3a39;
    margin-bottom: 18px;
    padding: 0 12px
}

.digital-tool .question .inner .choice .count.selected {
    background: var(--green);
    color: #fff;
    border-color: transparent
}

.digital-tool .question .inner .choice .dropdown-select {
    display: flex;
    align-items: center;
    font-weight: 600;
    justify-content: space-between
}

.digital-tool .question .inner .choice .dropdown-select.type-child {
    padding: 0;
    border: 0;
    background: #f4f5f5
}

.digital-tool .question .inner .choice .child-count {
    background: #e4e4e4;
    border-left: 5px solid var(--green);
    min-height: 58px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 55px
}

.digital-tool .question .inner .choice .child-count span {
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #3b3a39
}

.digital-tool .question .inner .choice .dropdown-select.type-child .select {
    padding: 18px 24px
}

.digital-tool .question .inner .choice .child-count b {
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    text-align: center;
    color: #3b3a39
}

.digital-tool .question .inner .choice .dropdown-select.type-child img.arrow {
    margin-right: 10px
}

.digital-tool .question .inner .choice .dropdown-select img {
    max-width: 30px
}

.digital-tool .question .inner .choice .more.online-things.has-count .thing {
    width: 100%;
    justify-self: flex-end
}

.digital-tool .question .inner .choice .more.online-things.has-count.no-border .thing {
    box-shadow: none
}

.digital-tool .question .inner .choice .more.online-things.has-count.no-border .thing .inner {
    box-shadow: 0 0 0 1px #bec1c7;
    width: calc(100%);
    display: flex;
    justify-self: flex-end;
    background-color: #fff
}

.digital-tool .question .inner .choice .more.online-things.has-count {
    grid-template-columns: 45px calc(100% - 45px);
    grid-gap: 0
}

.digital-tool .question .inner .choice .more.online-things .count-list .list {
    font-weight: 900;
    font-size: 24px;
    text-align: center;
    color: #253045;
    width: 44px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px
}

.digital-tool .question .inner .choice .more.online-things .count-list {
    width: 45px
}

.digital-tool .question .inner .choice .more.online-things .count-item .thing.selected {
    box-shadow: 0 0 0 1px #bec1c7
}

.digital-tool .question .inner .choice .more.online-things .thing .handle {
    position: absolute;
    right: 19px;
    top: 17px
}

.digital-tool .question .inner .choice .more.online-things .thing input[type=checkbox] {
    display: flex;
    flex-basis: 30px;
    margin: 5px
}

.digital-tool .question .inner .choice .more.online-things .thing,.digital-tool .question .yes-or-no .inner {
    box-shadow: 0 0 0 1px #bec1c7;
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 18px;
    display: flex
}

.digital-tool .question .yes-or-no .inner {
    margin-bottom: 0;
    position: relative
}

.digital-tool .question .yes-or-no .inner input[type=radio] {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute
}

.digital-tool .question .inner .choice .more.online-things .thing:hover,.digital-tool .question .yes-or-no .inner:hover {
    box-shadow: 0 0 0 4px #bec1c7
}

.digital-tool .question .inner .choice .more.online-things .thing.selected,.digital-tool .question .yes-or-no .inner.selected {
    box-shadow: 0 0 0 4px var(--green)
}

.digital-tool .question .inner .choice .more.online-things .thing .img,.digital-tool .question .yes-or-no .inner .img {
    height: 58px;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 58px;
    flex-shrink: 0;
    flex-grow: 0
}

.digital-tool .question .inner .choice .more.online-things,.digital-tool .question .yes-or-no {
    grid-template-columns: auto;
    grid-gap: 0
}

.digital-tool .question .inner .choice .more.online-things .thing .text,.digital-tool .question .yes-or-no .inner .text {
    padding: 18px 26px
}

.digital-tool .question .inner .choice .more.online-things .thing .text span,.digital-tool .question .yes-or-no .inner .text span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39
}

.digital-tool .question .inner .choice .more.platforms {
    grid-template-columns: auto auto auto
}

.digital-tool .question .inner .choice .more.full,.thanks .featured .cards {
    grid-template-columns: auto
}

.digital-tool .question .inner .choice .more.platforms .thing .img {
    box-shadow: inset 0 0 0 1px #bec1c7;
    cursor: pointer;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px
}

.digital-tool .question .inner .choice .more.platforms .thing .text span {
    font-weight: 600;
    font-size: 15px;
    line-height: 22.5px;
    text-align: center;
    color: var(--charcoal)
}

.digital-tool .question .inner .choice .more.platforms .thing:hover .img {
    box-shadow: inset 0 0 0 4px #bec1c7
}

.digital-tool .question .inner .choice .more.platforms .thing.selected .img {
    box-shadow: inset 0 0 0 4px var(--green)
}

.digital-tool .question .inner .choice .text_input_checkbox_wrap .text_input_checkbox {
    height: 50px;
    font-size: 20px;
    margin-bottom: 20px
}

.digital-tool .question .inner .choice .more {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 12px
}

.digital-tool .button.has-tooltip[disabled]:hover .cs-tooltip,.thanks .button.has-tooltip[disabled]:hover .cs-tooltip,.thanks .feedback .thumbs a.active img.selected,.thanks .for-children .i.active .active-img,ul#input_8_1 li {
    display: inline-block
}

.digital-tool .question .inner .choice .more .count,.digital-tool#questionSection .jumbo {
    margin-bottom: 0
}

.button.next {
    border-radius: 6px
}

.digital-tool .question.hide {
    display: none!important
}

.digital-tool .question .q-footer {
    padding: 26px 15px 22px;
    display: flex;
    justify-content: space-between
}

.digital-tool .question .q-footer .button.cancel {
    background: var(--charcoal)
}

.digital-tool .question .q-footer .button {
    margin-bottom: 0;
    margin-left: 20px
}

.digital-tool .question .choice .more.choice.full .other-input label {
    font-weight: 600;
    font-size: 15px;
    line-height: 22.5px;
    text-align: left;
    color: var(--charcoal)
}

.digital-tool .question .choice .more.choice.full .other-input input {
    background: #fff;
    font-weight: 700;
    font-size: 18px;
    margin-top: 12px;
    height: 58px;
    border: 1px solid #bec1c7;
    padding-left: 24px
}

.digital-tool .question .choice .more.choice.full .other-input input::placeholder {
    font-weight: 700;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
    color: var(--charcoal)
}

.thanks {
    padding-top: 120px
}

.thanks .more-explore .tags {
    display: flex;
    margin-top: 24px;
    flex-direction: column;
    align-items: flex-start
}

.thanks .more-explore .tags .button {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 12px;
    background-color: #fff;
    text-align: left;
    margin-bottom: 10px
}

.thanks .articles-guides .posts .post .buttons .button.lined:focus,.thanks .articles-guides .posts .post .buttons .button.lined:hover,.thanks .more-explore .tags .button:focus,.thanks .more-explore .tags .button:hover {
    background-color: var(--blue)
}

.thanks .more-explore.web-link .tags .button {
    color: var(--red)!important
}

.thanks .more-explore.web-link .tags .button:focus,.thanks .more-explore.web-link .tags .button:hover {
    background-color: var(--red);
    color: #fff!important
}

.thanks .more-explore .tags .button img {
    width: 17px;
    margin-left: 10px
}

.thanks .more-explore .tags .button:hover img {
    filter: brightness(11.5)
}

.thanks h2.title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    color: #224a8b
}

.thanks .patch span,.thanks p {
    line-height: 22.5px;
    text-align: left
}

.thanks p {
    font-weight: 500;
    font-size: 15px;
    color: #253045
}

.thanks .patch {
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
    display: flex;
    margin: 0;
    align-items: center;
    left: 0;
    justify-content: space-between;
    flex-direction: column
}

.thanks .patch.show-all .inner {
    border-left: 5px solid transparent;
    display: flex
}

.thanks .patch .inner.active {
    display: flex;
    border-left: 5px solid var(--green)
}

.thanks .patch.show-all .inner img {
    transform: rotate(180deg);
    opacity: 0
}

.thanks .patch .inner {
    cursor: pointer;
    background: #f4f5f5;
    padding: 10px 24px;
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.thanks .for-children {
    padding-top: 67px;
    display: none;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: auto;
    grid-gap: 12px;
    margin-bottom: 20px
}

.thanks .for-children.active {
    display: grid
}

.thanks .patch span {
    font-weight: 600;
    font-size: 18px;
    color: #3b3a39
}

.thanks .patch img {
    width: 35px
}

.thanks .for-children .i {
    cursor: pointer;
    border-bottom: 5px solid #e4e4e4;
    text-align: center
}

.thanks .for-children .i.active {
    border-bottom: 5px solid var(--green)
}

.thanks .for-children .i span {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #253045;
    text-align: center;
    margin: 12px 0;
    display: flex
}

.thanks .more-articles .posts .post .button {
    height: 35px;
    margin-right: 12px;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    margin-bottom: 0
}

.thanks .more-articles .posts .post img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    flex-basis: 120px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 24px
}

.thanks .videos .lists .list {
    margin-bottom: 12px
}

.thanks .videos .lists .list iframe {
    height: 210px
}

.thanks .featured .cards {
    margin-bottom: 36px;
    display: grid;
    grid-gap: 20px
}

.thanks .featured .card {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.16)
}

.thanks .featured .cards .text {
    padding: 24px 20px
}

.thanks .featured .cards h2 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #00cd00
}

.thanks .feedback h2 {
    font-size: 24px;
    line-height: 36px;
    text-align: left
}

.thanks .feedback .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.thanks .feedback .buttons .link {
    color: var(--blue)
}

.thanks .feedback p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 22.5px;
    color: #253045
}

.thanks .feedback .thumbs {
    margin: 36px auto;
    display: flex;
    width: 168px;
    align-items: center;
    justify-content: space-between
}

.thanks .feedback textarea {
    height: 111px;
    background: #f4f5f5;
    border: 1px solid #e6e7e8;
    font-weight: 400;
    font-size: 15px;
    line-height: 22.5px;
    text-align: left;
    color: #253045
}

.thanks .more-articles .posts .post h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
    color: #253045
}

.thanks .more-articles .posts .post .time {
    display: block;
    margin: 12px 0 18px
}

.thanks .big-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    text-align: left;
    color: #224a8b
}

.thanks .sub-title {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    color: #224a8b
}

.thanks .articles-guides .posts {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: auto
}

.thanks .articles-guides .posts .post {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.thanks .articles-guides .posts .post iframe {
    height: 195px
}

.digital-tool .cs-tooltip,.thanks .cs-tooltip {
    display: none;
    position: absolute;
    top: -67px;
    left: calc(-145px + 51px);
    right: 0;
    background: #000;
    border-radius: 4px;
    padding: 8px;
    font-weight: 400;
    width: 290px;
    margin: auto;
    text-align: center;
    line-height: 19px;
    text-transform: capitalize
}

.digital-tool .question .q-footer .button .cs-tooltip {
    left: calc(-145px + 27px)
}

.digital-tool .triangle-bottom,.thanks .triangle-bottom {
    width: 0;
    height: 0;
    margin: 30px auto;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px
}

.thanks .posts .post img {
    width: 100%;
    height: 196px;
    object-fit: cover
}

.thanks .posts .post .text {
    width: 100%;
    height: 82px;
    overflow: hidden
}

.thanks .posts .post .desc p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22.5px;
    text-align: left;
    color: #253045
}

.thanks .articles-guides .posts .post h2 {
    font-weight: 600;
    font-size: 18px!important;
    line-height: 22.5px;
    text-align: left;
    color: #253045
}

.thanks .articles-guides .posts .post p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22.5px;
    text-align: left;
    color: #253045;
    margin-bottom: 0
}

.thanks .articles-guides .posts .post .buttons {
    display: flex;
    margin-top: 15px
}

.thanks .articles-guides .posts .post .button.lined {
    background-color: #fff;
    margin-right: 8px
}

.thanks .articles-guides .posts .post .button {
    height: 35px;
    margin-bottom: 0;
    padding: 10px 6px;
    font-weight: 700;
    font-size: 12px;
    text-align: left
}

.thanks .posts .post .time {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #3b3a39;
    opacity: .48
}

.thanks .featured,.thanks .more-explore,.thanks .videos {
    padding-top: 30px
}

.thanks .featured .sub-title {
    margin-bottom: 15px
}

.thanks .videos .lists {
    display: grid;
    grid-gap: 12px
}

.digital-tool .question .q-footer {
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1240px
}

.little-digital-help.digital-tool#questionSection .q-footer-outer {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    justify-content: center
}

.little-digital-help.digital-tool#questionSection .q-footer {
    padding-inline:17px;gap: 37px;
    position: static;
    width: 100%
}

.digital-tool#questionSection .question {
    margin-top: 103px
}

@media(max-width: 768px) {
    .home-page.digital-tool .jumbo .wrap>img {
        max-width:70vw
    }

    .digital-tool.start-now.little-digital-help .jumbo.full {
        padding: 0
    }

    .digital-tool.start-now.little-digital-help .jumbo .wrap {
        margin-top: 0!important;
        padding-top: 50px
    }

    .page-id-40475 main,.page-id-40475 main .vc_row-fluid:has(.digital-tool.home-page) {
        background: #fff;
        padding-right: 0!important;
        padding-left: 0!important
    }

    .thanks .results-area {
        max-height: calc(100vh - 504px)
    }

    .thanks .top .wrap .left .check-container {
        max-width: 100%
    }
}

.page-id-40475 .digital-tool.home-page section,.page-id-40475 .digital-tool.start-now>section {
    display: flex;
    background-image: url(/wp-content/uploads/2023/02/FDT4-Desktop.png)!important;
    background-size: cover
}

@media(min-width: 769px) {
    .little-digital-help.digital-tool#questionSection .question .q-footer .button {
        max-width:200px
    }

    .little-digital-help.digital-tool#questionSection .q-footer {
        background-color: transparent;
        max-width: 790px;
        justify-content: space-between;
        padding-inline:0}
}

@media(max-width: 1280px) {
    .digital-tool .question .q-footer {
        display:flex;
        justify-content: center
    }

    .digital-tool .question .q-footer .button {
        margin-left: 10px;
        margin-right: 10px
    }
}

.page-id-40475 main .bx-viewport {
    min-height: 250px
}

@media(min-width: 660px) {
    .digital-tool.little-digital-help .jumbo .wrap img {
        max-width:250px
    }

    .digital-tool.little-digital-help .jumbo .wrap,.digital-tool.little-digital-help .jumbo .wrap .jumbo-data .buttons {
        flex-direction: row
    }

    .little-digital-help.digital-tool#questionSection .jumbo.tool-top-part .wrap {
        flex-direction: column
    }

    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data {
        align-items: flex-start
    }

    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data h1,.digital-tool.little-digital-help .jumbo .wrap .jumbo-data h3 {
        text-align: left
    }

    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data .buttons .button {
        max-width: 200px
    }

    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data .buttons .button.lined {
        max-width: inherit;
        width: auto
    }
}

@media(min-width: 768px) {
    .digital-tool.start-now>section.home-page.digital-tool .jumbo {
        display:flex;
        background-image: url('/wp-content/uploads/2023/02/FDT4-Desktop.png')!important
    }

    .thank-you-page .age-group .btns .button {
        width: 120px
    }

    .thank-you-page .age-group .btns {
        gap: 29px;
        display: flex
    }

    .little-digital-help.digital-tool#questionSection .question .inner .links-outer {
        flex-direction: row
    }

    .thank-you-page .container {
        max-width: 812px
    }

    .thank-you-page .top-banner {
        padding: 160px 5px 20px
    }

    .little-digital-help.digital-tool#questionSection .jumbo.tool-top-part {
        padding-top: 150px;
        justify-content: center
    }

    .little-digital-help.digital-tool#questionSection .jumbo.tool-top-part .wrap {
        max-width: 807px
    }

    .digital-tool#questionSection .jumbo.tool-top-part {
        display: flex
    }

    .digital-tool#questionSection .question {
        margin-top: 0
    }

    .thanks .articles-guides .posts,.thanks .featured .cards,.thanks .videos .lists {
        grid-template-columns: repeat(2,1fr)
    }

    .digital-tool.little-digital-help .jumbo {
        padding: 160px 15px 20px
    }

    .digital-tool.little-digital-help .jumbo .wrap img {
        max-width: 300px
    }
}

div:has(.dwt-checkbox input[name=RECIEVEGUI]:checked) #i_am_a_, div:has(.dwt-checkbox input[name=RECIEVEADV]:checked) #i_am_a_
{
    display:initial;
}

.digital-tool  #i_am_a_
{
    display:none;
}

@media (max-width: 1024px)
{
    .digital-tool .jumbo .form .field, select.dftDropdown
    {
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .page-id-40475 .digital-tool.start-now>section
    {
        background-position: -380px 10px !important;
        margin-top: 40px !important;
    }
    .digital-tool.start-now h1
    {
        margin-top: 155px !important;
    }
}

@media(min-width: 1024px) {

    .digital-tool.start-now .wrap
    {
        max-height: 650px;
        min-height: 650px !important;
    }

    .page-id-40475 .circle-slider.square-slider li {
        min-height:200px
    }

    .page-id-40475 .circle-slider.square-slider li img {
        max-height: 120px
    }

    .page-id-40475 .circle-slider.square-slider li div {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .little-dropdown-row .l-dropdown .left .label {
        font-size: 18px
    }

    .digital-tool#questionSection .question.age-group .choice .little-dropdown-select,.little-dropdown-row .l-dropdown {
        height: 70px
    }

    .digital-tool.start-now.little-digital-help .jumbo .form-top .how-data-use {
        display: flex;
        color: #000;
        align-items: center;
        text-align: left;
        gap: 10px;
        width: 282px
    }

    .digital-tool.start-now.little-digital-help .jumbo .form .how-data-use {
        display: none
    }

    .page-id-40475 .digital-tool.home-page section {
        background-position: 240px 0!important;
        margin-top: 145px;
        padding-top: 145px!important
    }

    .page-id-40475 .digital-tool.start-now>section {
        margin-top: 0px;
        background-position: -300px 100px;
    }

    .thank-you-page .top-banner {
        padding: 240px 5px 130px
    }

    .thank-you-page .top-banner h1 {
        display: block;
        font-weight: 700!important;
        font-size: 42px!important;
        line-height: 45px!important;
        text-align: left;
        margin-bottom: 50px
    }

    .thank-you-page .top-banner .btns .button {
        padding: 13px 10px!important
    }

    .digital-tool.little-digital-help .jumbo .wrap {
        gap: 40px
    }

    .little-digital-help.digital-tool#questionSection .jumbo.tool-top-part {
        padding-top: 200px;
        padding-bottom: 30px
    }

    .little-digital-help.digital-tool#questionSection .progress-steps .steps {
        gap: 16px
    }

    .digital-tool#questionSection .question .inner .little-choice.choice {
        grid-template-columns: repeat(1,1fr);
        gap: 0
    }

    .digital-tool.little-digital-help#questionSection .question.age-group .inner {
        padding-inline:0}

    .digital-tool#questionSection .question.age-group .choice .little-dropdown-select:first-child {
        margin-top: 0
    }

    .digital-tool#questionSection .question .inner .little-choice.choice .error {
        line-height: 1;
        margin-top: 10px
    }

    .little-digital-help.digital-tool#questionSection .question .inner .choice {
        display: grid;
        gap: 41px 53px;
        grid-template-columns: repeat(5,1fr)
    }

    .little-digital-help.digital-tool#questionSection .question .inner .choice.little-choice {
        display: block
    }

    .little-digital-help.digital-tool#questionSection .question-title .text span {
        font-family: Montserrat;
        font-weight: 400;
        font-size: 15px;
        line-height: 22.5px;
        text-align: left;
        color: #253045;
        opacity: .48
    }

    .little-digital-help.digital-tool#questionSection .question .inner .links-outer {
        margin-block:24px 31px}

    .little-digital-help.digital-tool#questionSection .jumbo.tool-top-part .wrap h1 {
        font-family: Montserrat;
        font-weight: 600;
        font-size: 29px!important;
        line-height: 42px!important;
        text-align: left;
        color: #fff
    }

    .digital-tool.little-digital-help .jumbo .wrap img {
        max-width: 350px
    }

    .digital-tool.start-now.little-digital-help .jumbo.full {
        padding: 200px 15px 20px
    }

    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data .buttons {
        flex-direction: row
    }
}

@media(min-width: 1280px) {
    .digital-tool.start-now.little-digital-help .jumbo .wrap .start-btn {
        gap:18px
    }

    .little-digital-help.digital-tool#questionSection .question-title {
        margin-top: 0
    }

    .little-digital-help.digital-tool#questionSection .question {
        margin-top: 41px;
        padding-bottom: 160px
    }

    .little-checkboxes-row .l-choices .l-choice label .icon {
        margin-right: 17px
    }

    .little-checkboxes-row .l-choices.double-col {
        grid-template-columns: repeat(2,1fr)
    }

    .little-checkboxes-row .l-choices .l-choice {
        height: 70px;
        padding: 16px 19px
    }

    .digital-tool.start-now.little-digital-help .jumbo .form-bottom {
        padding-top: 20px;
        flex-direction: row;
        justify-content: space-between
    }

    .little-digital-help.digital-tool#questionSection .jumbo.tool-top-part .wrap {
        gap: 33px
    }

    .little-digital-help.digital-tool#questionSection .question .q-footer {
        border-top: #efebeb;
        max-width: 807px;
        background-color: transparent;
        padding-bottom: 80px;
        justify-content: space-between;
        padding-inline:0}

    .digital-tool.start-now.little-digital-help .jumbo .form-bottom .checkboxes {
        width: 100%
    }

    .digital-tool.start-now.little-digital-help .jumbo .button {
        max-width: 200px
    }

    .page-id-40475 .digital-tool.home-page section {
        padding-right: 120px;
        padding-left: 60px
    }

    .little-digital-help .digital-tool .accordion .accordion-title {
        padding: 10px 0
    }

    .digital-tool.start-now.little-digital-help .jumbo .wrap h1 {
        font-weight: 700;
        font-size: 40px!important;
        line-height: 50px;
        text-align: center
    }

    .digital-tool.start-now.little-digital-help .jumbo .wrap h3 p {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        max-width: 400px;
        text-align: center;
        margin-bottom: 40px
    }

    .little-digital-help.digital-tool#questionSection .q-footer-outer {
        position: fixed
    }

    .little-digital-help.digital-tool#questionSection .question-title .text {
        padding-inline:0}

    .little-digital-help.digital-tool .green-heading {
        font-size: 29px!important
    }

    .digital-tool.little-digital-help .jumbo {
        margin-bottom: 50px;
        padding: 200px 15px 50px
    }

    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data .buttons {
        justify-content: flex-start;
        gap: 20px
    }

    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data h1 {
        font-size: 42px!important;
        margin-bottom: 28px
    }

    .digital-tool.little-digital-help .jumbo .wrap {
        gap: 70px
    }

    .digital-tool.little-digital-help .jumbo .wrap img {
        max-width: inherit
    }

    .thanks .static-text {
        padding-bottom: 20px;
        clear: both;
        overflow: hidden
    }

    .thanks .static-text .wrap p {
        max-width: 49%;
        float: right
    }

    .thanks .get-in-touch {
        padding-top: 0
    }

    .thanks .top .left {
        padding-right: 20px
    }

    .thanks .explore-further .articles-guides,.thanks .featured,.thanks .more-explore,.thanks .support-child .articles-guides,.thanks .videos {
        padding-top: 30px
    }

    .thanks .videos .lists {
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: auto
    }

    .thanks .videos .lists .list iframe {
        height: 320px
    }

    .thanks .for-children .i span {
        font-size: 18px;
        line-height: 25.2px;
        margin: 18px 0
    }

    .thanks .for-children .i img {
        height: 130px;
        object-fit: cover
    }

    .thanks {
        padding-top: 140px
    }

    .thanks .articles-guides .posts,.thanks .featured .cards {
        grid-template-columns: repeat(4,1fr);
        grid-auto-rows: auto
    }

    .thanks .featured .cards .card img {
        height: 195px;
        object-fit: cover;
        width: 100%
    }

    .thanks h2.title {
        font-weight: 600;
        font-size: 36px;
        line-height: 60px;
        text-align: left;
        color: #224a8b
    }

    .thanks .top .wrap {
        display: flex;
        flex-direction: row;
        margin: 20px auto
    }

    .thanks .top p {
        font-family: Montserrat;
        font-weight: 500;
        font-size: 15px;
        line-height: 22.5px;
        text-align: left;
        color: #253045
    }

    .thanks .top .right {
        flex-basis: 610px;
        flex-shrink: 0;
        flex-grow: 0
    }

    .thanks .articles-guides,.thanks .featured,.thanks .more-articles,.thanks .more-explore,.thanks .videos,.thanks section.feedback,.thanks section.get-in-touch {
        background-color: #f4f5f5
    }

    .thanks .sub-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 38px;
        text-align: left;
        color: #224a8b
    }

    .digital-tool .question .inner .choice .more.platforms {
        grid-template-columns: auto auto auto auto auto auto
    }

    .digital-tool#questionSection .jumbo {
        padding: 128px 15px 48px
    }

    .digital-tool#questionSection .jumbo h1 {
        margin-bottom: 0;
        font-weight: 900;
        font-size: 36px;
        line-height: 44.4px;
        text-align: center;
        color: #fff
    }

    .digital-tool .question .question-title {
        margin-top: 48px
    }

    .digital-tool .question .inner {
        padding: 0
    }

    .digital-tool .question .inner .choice {
        cursor: pointer;
        margin-bottom: 20px
    }

    .digital-tool .question .inner .choice .more {
        grid-template-columns: auto auto auto auto auto auto auto auto
    }

    .digital-tool .about-card {
        display: flex;
        height: 100vh;
        flex-direction: column
    }

    .digital-tool .about-card.dark .sub-text {
        background-color: var(--navy)
    }

    .digital-tool .about-card .inner {
        display: flex;
        padding: 36px;
        flex-direction: row;
        align-items: center
    }

    .digital-tool .about-card .inner .image.mobile,.digital-tool .jumbo br {
        display: none
    }

    .digital-tool .about-card .inner .image.desktop {
        display: inline;
        flex-basis: 600px;
        flex-grow: 0;
        flex-shrink: 0
    }

    .digital-tool .about-card .inner .text {
        padding-left: 40px
    }

    .digital-tool .about-card .inner .text .small,.digital-tool .about-card .inner .text h1,.digital-tool .how-tool-work .green-heading {
        text-align: left
    }

    .digital-tool .about-card .inner .text p {
        margin-bottom: 35px;
        text-align: left
    }

    .digital-tool .about-card .button-row {
        justify-content: flex-start
    }

    .digital-tool .jumbo h1 {
        font-weight: 900;
        font-size: 52px;
        line-height: 88.4px
    }

    .little-digital-help.digital-tool .jumbo h1 {
        font-size: 42px;
        line-height: 45px;
        margin-bottom: 0
    }

    .digital-tool .jumbo h3,.digital-tool .jumbo h3 p {
        font-weight: 600;
        font-size: 26px;
        line-height: 39px;
        text-align: center;
        color: #000!important
    }

    .little-digital-help.digital-tool .jumbo h3 {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        text-align: left;
        color: #00539f
    }

    .little-digital-help.digital-tool .jumbo .buttons .button {
        text-transform: capitalize;
        text-align: center;
        height: 40px;
        font-size: 15px!important;
        background-color: #0364e2;
        box-shadow: 0 3px 3px rgba(0,0,0,.16);
        padding-inline:25px!important}

    .little-digital-help.digital-tool .jumbo .buttons .button.lined {
        text-align: center;
        color: #0364e2;
        background-color: transparent;
        box-shadow: none
    }

    .little-digital-help.digital-tool .jumbo .buttons .button.lined:hover {
        background-color: #0364e2
    }

    .digital-tool [data-modal] {
        cursor: pointer
    }

    .digital-tool .green-heading,.info-needed h2 {
        text-align: left;
        margin-bottom: 24px
    }

    .digital-tool .jumbo {
        padding: 180px 15px 70px;
    }

    .what-is-it {
        padding: 50px 0
    }

    .what-is-it h2 {
        color: var(--green);
        font-weight: 600;
        font-size: 29px;
        line-height: 42px;
        margin-top: auto
    }

    .what-is-it .wrap .text {
        padding-right: 25px
    }

    .what-is-it .wrap {
        flex-direction: row
    }

    .what-is-it .wrap .image {
        flex-basis: 600px;
        flex-grow: 0;
        flex-shrink: 0
    }

    .digital-tool .how-tool-work {
        background-color: #f4f5f5;
        padding: 60px 0
    }

    .digital-tool .info-needed .button {
        align-self: flex-start;
        justify-self: center;
        margin-top: 36px
    }
}

label#label_8_1_0,label#label_8_1_1 {
    font-size: 0px;
    display: block
}

label#label_8_1_0:before {
    background-image: url(../img/RATING_thumbs-up.svg);
    content: "";
    width: 78px;
    height: 68px;
    display: block;
    background-size: 68px
}

#choice_8_1_0:checked+label#label_8_1_0:before {
    background-image: url(../img/positive.svg)
}

label#label_8_1_1:before {
    background-image: url(../img/RATING_thumbs-down.svg);
    content: "";
    width: 68px;
    height: 68px;
    display: block;
    background-size: 68px
}

#choice_8_1_1:checked+label#label_8_1_1:before {
    background-image: url(../img/negative.svg)
}

li.gchoice_8_1_0 {
    width: 72px
}

input#choice_8_1_0,input#choice_8_1_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 100%;
    margin-top: 0;
    opacity: 0;
    cursor: pointer;
    display: inline-block
}

ul#input_8_1 li {
    margin-right: 28px
}

.gform_confirmation_wrapper .gform_confirmation_message {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px
}

.digital-tool .accordion .accordion-title {
    cursor: pointer;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    color: var(--dark);
    border-top: 1px solid #e4e4e4;
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px!important
}

.digital-tool .green-heading,.info-needed h2 {
    text-align: left;
    margin-bottom: -24px
}

.page-id-40475 .digital-tool.start-now>section {
}

.page-id-40475 .digital-tool.home-page .jumbo h1 {
    font-size: 30px!important;
    text-align: left;
    margin-bottom: 0
}

.page-id-40475 .digital-tool.home-page .jumbo h1 span {
    font-size: 30px!important
}

.page-id-40475 .digital-tool.home-page .jumbo h3 {
    text-align: left;
    max-width: 75%;
    font-weight: 400
}

.page-id-40475 .digital-tool.home-page .jumbo .buttons {
    justify-content: left
}

.page-id-40475 .digital-tool .jumbo h3 p {
    color: #000!important
}

.digital-tool.start-now>section .field {
    /* border-radius:15px; */
    margin-top: 30px;
}
.digital-tool.start-now .field:has(input[name=EMAIL])
{
    margin-bottom:30px;
}
.field.orgNameField:not(.hidden) ~ .helper_text
{
    display:block !important;
}

.digital-tool.start-now>section .field input {
    height: 20px!important;
    font-size: 15px!important;
    font-weight: 500!important
}

.digital-tool.start-now>section .dwt-checkbox .checkmark {
    right: auto;
    left: 0;
    background: white;
}

.dwt-checkbox label.check-container {
    text-align: left;
    padding-right: 40px
}

.digital-tool.start-now .start-btn {
    text-align: left;
}

.digital-tool.start-now h1 span,.page-id-40475 .digital-tool .how-tool-work .green-heading span {
    color: #006eff
}

.digital-tool.start-now h1 {
    font-size: 27px;
    text-align: left;
    margin-bottom: 0;
    padding-top: 0px;
    font-weight: 600 !important;
}

.digital-tool.start-now h3 p {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    max-width: 75%
}

.digital-tool.start-now .notification {
    background-color: initial
}

.digital-tool.start-now .notification span {
    color: #535251;
    font-weight: 700;
}

@media (max-width: 992px) {
    .page-id-40475 .digital-tool.home-page>section {
        background-position:center calc(30% - -260px)!important;
        padding-top: 40px
    }

    .page-id-40475 .digital-tool.home-page .jumbo h1 span {
        display: block
    }

    .page-id-40475 .digital-tool.home-page .buttons a {
        height: 50px;
        min-width: 40vw;
        justify-content: space-around
    }

    .page-id-40475 .digital-tool.home-page .buttons a img {
        display: none
    }

    .page-id-40475 .digital-tool.home-page section * {
        text-align: center!important;
        margin: auto
    }

    .page-id-40475 .digital-tool.start-now section>div .notification {
        justify-content: center!important
    }

    .page-id-40475 .digital-tool.home-page section {
        background-image: initial!important;
        display: block
    }

    .page-id-40475 .digital-tool.home-page section div>img {
        max-width: 50vw
    }

    .page-id-40475 .digital-tool.home-page>section,.page-id-40475 .digital-tool.start-now>section {
        background-image: url(/wp-content/uploads/2023/02/FDT4-Desktop-rotated.png)!important;
        display: block;
        background-position: center center
    }

    .page-id-40475 .digital-tool.start-now section>div h1,.page-id-40475 .digital-tool.start-now section>div h3 p {
        text-align: center;
        max-width: 100%
    }

    .page-id-40475 .digital-tool.start-now section>div h1 {
        padding-top: 0
    }
}

@media (max-width: 425px) {
    .page-id-40475 .digital-tool.start-now>section {
        background-image:url(/wp-content/uploads/2023/02/FDT4-Desktop-rotated.png)!important;
        display: block!important;
        background-size: cover!important;
        background-position: center center
    }

    .page-id-40475 .digital-tool.start-now section>div .notification {
        margin: 0 0 100px!important;
        justify-content: center!important
    }

    .page-id-40475 .digital-tool.start-now .start-btn {
        text-align: center!important
    }
}

.page-id-40475 .digital-tool.start-now>section .wrap:first-of-type {
    min-height: 550px
}

.page-id-40475 .what-is-it h2 {
    color: #000
}

@media (min-width: 1290px) {
    .page-id-40475 .circle-slider.square-slider li {
        width:12%!important
    }
}

@media (min-width: 768px) and (max-width:1290px) {
    .page-id-40475 .circle-slider.square-slider li {
        width:6%!important
    }
}

.page-id-40475 main .im-vc-circle-slider .bx-wrapper .bx-controls {
    top: 20%
}

.page-id-40475 main .im-vc-circle-slider .bx-wrapper .bx-controls .bx-controls-direction a {
    border: none!important;
    font-size: 30px
}

.page-id-40475 .digital-tool .how-tool-work .green-heading {
    font-weight: 600;
    text-align: center;
    color: #3b3a39
}

.inner:has([data-modal='do-you-have-any-specific-concerns-when-it-comes-to-the-online-safety-of-your-children']) .l-dropdown-target:not(.cloned-item) {
    display: block
}

.little-digital-help.digital-tool .jumbo h1 {
    font-weight: 700 !important;
}
.helper_text
{
    color: white;
    display: block;
    font-size: 12px;
    padding-top: 5px;
    text-align: left;
    width:80%;
}
.digital-tool.start-now:has(input[name=RECIEVEGUI]:checked) #i_am_a_ ~ .helper_text, .digital-tool.start-now:has(input[name=RECIEVEADV]:checked) #i_am_a_ ~ .helper_text
{
    display: block !important;
}
.digital-tool.start-now:has(input:required:placeholder-shown) .start-btn button
{
    background: #f1f1f1 !important;
}
.digital-tool.start-now:has(input[name=checkbox_1]:not(:checked)) .orgNameField, .digital-tool.start-now:has(input[name=checkbox_1]:not(:checked)) .orgNameField ~ .hidden, .digital-tool.start-now:has(input[name=checkbox_1]:not(:checked)) .jobTitleField
{
    display:none !important;
}
main .adviceAndGuidanceSection > div:first-child
{
    display:none;
}
.digital-tool:has(input[name=checkbox_1]:checked) .start-btn .button
{
    pointer-events: initial !important;
    background: #00cc00 !important;
}
.digital-tool:has(input[name=checkbox_1]:not(:checked)) .start-btn .button
{
    pointer-events:none  !important;
}