@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/fontawesome.min.css);
:root{
    --green: #00CD00;
    --red: #ff3366;
    --blue: #006EFF;
    --navy: #253045;
    --charcoal:#3B3A39 ;
    --ice:#F1F1F1;
}
.dwt_question_1{
    background-color: #006EFF !important;
}
.back-btn{
    margin-top: -29px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.back-btn img{
    transform: rotate(180deg);
    filter: grayscale(1) contrast(5) invert(1);
}
.back-btn a{
    color: #fff;
    text-decoration: underline;
}
.what-learn-popup{
    position: fixed;
    width: 100%;
    background: #00000054;
    height: 100%;
    z-index: 1;
    display: none;
    padding-inline: 1rem;
}
.popup-outer{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}
.popup-outer .what-learn-popup-content{
    background-color: #253045;
    margin-top: 2rem;
    padding-inline: 2rem;
    padding-block: 2rem;
    max-width: 1220px;
    width: 100%;
}
.what-learn-popup .popup-outer .close{
    font-size: 26px;
    font-family: 'Font Awesome 5 Pro';
    color: white;
    left: 0;
    right: 0;
    width: 65.95px;
    height: 65.95px;
    background: #00cd00;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    top: -90px;
    transform: translate(0, 0);
}
.what-learn-popup .popup-outer .close:hover{
    opacity: 0.8;
}
.popup-outer .what-learn-popup-content h2{
    text-align: center;
    color: #fff;
}
.popup-outer .what-learn-popup-content p{
    text-align: center;
    color: #fff !important;
    max-width: 630px;
    margin: 0 auto;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content {
    margin-inline: auto;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 14px;
    justify-content: center;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a{
    width: 100%;
    overflow: hidden;
    display: flex;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a img{
    height: 100%;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.whatsapp{
    background-color: #58EA72;
    border-radius: 10px 0 0 10px  !important;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.whatsapp .icon img{
    margin-left: 2px;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a .icon{
   width: 38px;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.whatsapp .icon{
    background-color: #61FD7D ;
    padding: 6px;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.facebook .icon{
    background-color: #fff;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.email .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 6px;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.email .icon img{
    width: 21px;
    height: auto;
}
.im-share-popup.im-share-popup--dwt .im-share-popup-close{
    left: 0;
    right: 0;
    margin: auto;
    width: 65.95px;
    height: 65.95px;
    background: #00cd00;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    top: -90px;
    transform: translate(0, 0);
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.facebook{
    background-color: #1569D6 !important;
    border-radius: 10px 0 0 10px  !important;

}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.twitter{
    background-color: #000 !important;
    color: #fff;
    border-radius: 10px 0 0 10px  !important;

}
.im-share-popup.im-share-popup--dwt .im-share-inner{
    max-width: 1240px;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a.email{
    background-color: #fff !important;
    border: 1px solid #006eff;
    color: #006eff;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .h4{
    text-align: center;
    margin-bottom: 15px;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a .text{
    text-align: center;
    width: 100%;
}
.im-share-popup.im-share-popup--dwt .im-share-inner .im-share-popup-content .shares a .text span{
    font-weight: bold;
}
/* body.tool-started main .vc_row {
    display: none;
} */
.tool-started main .tool-image-right{
    display: none !important;
}
.tool-started .toolkit-wrap{
    padding-block: 0 !important;
}
/* .tool-started main.digital-tool{
    margin-top: -15px;
} */
.tool-started .breadcrumbs{
    display: none !important;
}
.tool-started .container{
    max-width: 1262px;
}
.tool-started main.digital-tool:not(.little-digital-help) .jumbo{
    position: fixed;
    min-height: 100vh !important;
    top: 0;
    left: 0;
    padding-top:  200px;
    max-height: 100%;
    width: 100%;
    overflow: auto;
}
.tool-started main.digital-tool.little-digital-help .jumbo{
    background-color: #253045;
}
@media(min-width:600px){
    /* .tool-started main.digital-tool{
        margin-top: 21px;
    } */
}
@media(min-width:768px){
    /* .tool-started main.digital-tool{
        margin-top: 25px;
    } */
}
.desktop-image-hero{
    display: none;
}
@media(min-width:992px){
    /* .tool-started main.digital-tool{
        margin-top: 45px;
    } */
    .desktop-image-hero{
        display: block;
    }
    .mobile-image-hero{
        display: none;
    }
}
.digital-tool.start-now .jumbo .question-info{
    margin-top: 10px;
}

@media(min-width:1024px){
    /* .tool-started main.digital-tool{
        margin-top: 121px;
    } */
    .digital-tool.start-now .jumbo .question-info{
        margin-top: 30px;
    }
    .tool-started main.digital-tool:not(.little-digital-help) .jumbo{
        padding-top:  195px;
    }
}
.tool-started #explore-further{display: none;}
.tool-started .inside-pack{display: none;}
.tool-started .mdtf_second_part{display: none;}
.tool-started main .tool-form-left{
    width: 100% !important;
}

.toolkit-wrap{
    max-width: 1240px;
    margin-inline: auto !important;
}
body.tool-started main .toolkit-wrap{
    max-width: 100%;
}
@media(min-width: 991px){

}
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 slider bar ------- */
.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:-0.4em;
    font-size: 1.2em;
    white-space: nowrap;
    -webkit-transform: translateX(-14%);
    -ms-transform: translateX(-14%);
    transform: translateX(-14%);
    opacity: .2;
}
.range_container .text.active {
    opacity: 1;
}
.digital-tool.start-now.little-digital-help .jumbo .wrap {
    padding-inline: 15px;
    width: 100%;
    gap: 0;
}
.digital-tool.start-now.little-digital-help .jumbo .wrap form{
    width: 100%;
}
.tool-started main.digital-tool.little-digital-help#questionSection .jumbo{

}
.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: bold;
    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: normal;
    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: normal;
    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: normal;
    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-outer-spin-button,
.digital-tool#questionSection .question.age-group .counter-value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.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: 50%;
    background: #ccc;
    align-items: flex-end;
    justify-content: center;
    color: white;
    font-size: 26px;
    display: flex;
    min-width: 31px !important;
    padding-inline: 0;
}
.digital-tool#questionSection .question.age-group .counter-decrease{
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #ccc;
    align-items: flex-end;
    justify-content: center;
    color: white;
    font-size: 26px;
    display: flex;
    min-width: 31px !important;
    padding-inline: 0;
}
.digital-tool#questionSection .question.age-group .counter-increase.active,
.digital-tool#questionSection .question.age-group .counter-decrease.active{
    background-color: #00cd00;
}

.digital-tool#questionSection .question.age-group .inner .choice .child-count span,
.digital-tool#questionSection .question.age-group .inner .choice .child-count b{
    font-family: Montserrat;
    font-weight: bold;
    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#questionSection .question.age-group .choice .little-dropdown-select .left{
    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;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    text-align: center;
}
.little-digital-help.digital-tool#questionSection .question{
    margin-top: 26px;
}
.little-digital-help.digital-tool#questionSection .question-title{
    margin-bottom: 9px;
}
.little-digital-help.digital-tool#questionSection .question .inner .title{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    color: #253045;
    margin-bottom: 0;
}
.little-digital-help.digital-tool#questionSection .question .inner .title.with-supporting{
    padding-bottom: 0 !important;
}
.little-digital-help.digital-tool#questionSection .question .inner .supporting_text{
    margin-left: 0 !important;
    padding-top: 0 !important;
}
.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: normal;
    font-size: 16px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
    padding: 6px  0 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{
    padding-inline:15px ;
    gap: 37px;
}
.little-digital-help.digital-tool#questionSection .q-footer .button.next{
    height: 43px;
    background: #00cd00;
    width: auto;
    min-width: auto;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
}

.little-digital-help.digital-tool#questionSection .q-footer .button.mfdt-next {
    background: #253045!important;
    border:2px solid #253045!important;
    color: #fff!important;
    border-radius: 6px!important;
    font-weight:600;
}
.little-digital-help.digital-tool#questionSection .q-footer .button.next[disabled="disabled"]{
    opacity: 0.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: 0;
    background: #3B3A39;
    color: #fff;
    font-size: 14px;
    width: auto;
    min-width: auto;
    margin: 0;
}
.little-digital-help.digital-tool#questionSection .q-footer .button {
    font-size:14px!important;
    justify-content: center!important;
}
.little-digital-help.digital-tool#questionSection .q-footer .button.mfdt-prev {
    background: transparent!important;
    border:2px solid #00cc00!important;
    color: #253045!important;
    border-radius: 6px!important;
    font-weight:600;
    justify-content: center!important;
}
.little-digital-help.digital-tool#questionSection .q-footer .button.cancel:hover{
    color: #fff !important;
}
.little-digital-help.digital-tool#questionSection .q-footer .button.mfdt-prev:hover{
    color: #253045 !important;
}
.little-digital-help.digital-tool#questionSection .q-footer .button.cancel[disabled="disabled"]{
    /* border: 1px solid #bfbfbf; */
    /* color: #bfbfbf !important;
    background-color: transparent !important; */
}
.little-digital-help.digital-tool#questionSection .q-footer .button:before{
    background-color: transparent;
}
.little-digital-help.digital-tool#questionSection .question-title .text{
    padding: 12px 12px 8px 12px;
}

.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;
}
.thank-you-page {
    background-color: #fff;
}
.thank-you-page .gform_wrapper .gfield_label{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: #034a8b;
    margin-bottom: 15px;
    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: bold;
    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_heading{
    display: none;
}
.thank-you-page .gform_wrapper .gform_body {
    max-width: 792px;
    margin: 0 auto;
    padding-inline: 100px;
    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: #F4F5F5;
    margin-bottom: 30px;
    padding: 70px 5px 70px 5px;
}
.thank-you-page h2{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 32px;
    text-align: left;
    color: #034a8b;
}
.thank-you-page .top-banner .text h3{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px !important;
    letter-spacing: 0em;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
    padding-bottom: 8px;
    margin-top: 0 !important;
}

.thank-you-page .top-banner .text {
    margin-bottom: 10px;
    display: inline-block;
}
.thank-you-page .top-banner .text p{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0em;
    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;
}
.thank-you-page .top-banner h1 span{
    color: #EE1C2E;
    font-size: 50px !important;
    line-height: 0;
}
.thank-you-page p{
    font-weight: 400;
}

.share-btn{
    position: fixed;
    /* right: 34px; */
    bottom: 40px;
    left: auto;
    z-index: 9;
    left: calc(100vw - 23px) !important;
}
.share-btn .share-btn-link{
    transform: translate(-100%,-50%);
    width: 42px;
    height: 42px;
    background: #00cd00;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 10px;

}
.thank-you-page .top-banner .btns .button{
    text-transform: capitalize;
    text-align: center;
    font-size: 14px;
    background-color: #253045;
    border-radius: 0px;
}
.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: 2px solid #00cc00;
    color: #253045;
    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 .tabdata{
    display: none;
}
.thank-you-page .age-group .tabdata.active{
    display: block;
}
.thank-you-page .age-group .button:hover, .thank-you-page .age-group .button:focus{
    background-color: #00cd00;
}
.thank-you-page .age-group .btns{
    margin-bottom: 35px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}
.thank-you-page .age-group .btns .button{
    font-size: 14px;
    width: 100%;
    padding-inline: 5px;
    border-radius: 0px !important;
}
.thank-you-page .age-group .cards .card .buttons{
    display: flex;
    gap: 10px;
    width: 100%;
}
.thank-you-page .age-group .cards .card .what-learn-text{
    margin-top: 10px;
    display: none;
}
.thank-you-page .age-group .cards .card .button{
    display: flex;
    align-items: center;
    padding-inline: 14px 14px;
    font-family: Montserrat;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
    text-align: left;
    color: #fff;
    justify-content: space-between;
}
.thank-you-page .age-group .cards .card .button.secondary{
    background:#006EFF;
}
.thank-you-page .age-group .cards{
    height: 100%;
    /* display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    position: relative; */
}

.thank-you-page .age-group .cards .card .button img{
    max-width: 16px;
}
.thank-you-page .age-group .cards .card .button{
    max-width: 177px;
    width: 100%;
    font-family: Montserrat;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    color: #fff;
    border-radius: 0px;
}
.thank-you-page .age-group .cards-outer {
    margin-bottom: 50px;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 50px;
}
.thank-you-page .age-group .cards-outer .bx-controls{
    position: absolute;
    right: 0;
    top: -50px;
    /* display: flex;
    gap: 24px;
    flex-direction: column;
    min-width: 244px; */
}
.thank-you-page .age-group .cards-outer .bx-controls{
    font-size: 24px;
}
.thank-you-page .age-group .cards-outer .bx-controls .bx-next{
     margin-left: 13px;
     color: #1473FC;
}
.thank-you-page .age-group .cards-outer .bx-controls .disabled{
    opacity: 0.2;
}
.thank-you-page .age-group .cards-outer .bx-controls .bx-prev{
    color: #1473FC;
}
.thank-you-page .age-group .cards .card img{
    border: 1px solid #d8d8d8;
}
.thank-you-page .age-group .cards .card h4{
    font-family: Montserrat;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 16px !important;
    letter-spacing: 0em;
    line-height: 22.5px;
    text-align: left;
    color: #253045;
}
.thank-you-page .age-group .cards .card .text{
    min-height: 86px;
}
.thank-you-page .age-group .cards .card{
    padding-bottom: 50px;
    height: 100%;
}
.thank-you-page .age-group .cards .card p{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0em;
    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;
}


@media (max-width: 768px){
    .back-btn{
        margin-top: 0;
    }
    .tool-started main.digital-tool:not(.little-digital-help) .jumbo{
        padding-bottom: 120px;
    }
    .digital-tool .jumbo .buttons .button{
        min-width: 100%;
        justify-content: center;
    }
    .mdtf_second_part .buttons .button {
        text-align: center;
        min-width: 100%;
    }
    .digital-tool#questionSection .question.age-group .inner .choice .child-count span,
    .digital-tool#questionSection .question.age-group .inner .choice .select.text-underline{
        font-size: 14px;
    }
    .thank-you-page .top-banner .btns .button{
        width: 100%;
    }
    .little-digital-help.digital-tool#questionSection .question .inner .title{
        font-size: 18px !important;
        line-height: 29px;
    }
    .little-checkboxes-row .l-choices .l-choice label span{
        font-size: 14px;
    }
    .little-dropdown-row .l-dropdown .left .label{
        font-size: 14px;
    }
    .little-dropdown-row .l-dropdown .right .arrow .label{
        font-size: 14px;
    }
    .im-share-popup.im-share-popup--dwt .im-share-inner{
        top: auto;
        bottom:0;
        transform: none !important;
        left: 0;
    }
    .inside-pack .page--heading{
        text-align: center !important;
    }
    .thank-you-page .age-group .cards-outer {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .thank-you-page .age-group .cards-outer .bx-controls{
        display: none;
    }
    .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: 0;
    }
    .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;
    }
}
.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 .progress-steps .steps .step.current{
    background-color: white;
}
.little-digital-help.digital-tool#questionSection .question .inner .links-outer {
    display: flex;
    flex-direction: column !important;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}
.little-digital-help.digital-tool#questionSection .question .inner .links-outer .notification{
    margin-top: 0;
    margin-bottom: 0;
}
.little-digital-help.digital-tool#questionSection .question .inner .links-outer .form-error .error{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 14px;
    line-height: 22.5px;
    text-align: left;
    color: #ee1c2e;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
}
.digital-tool.start-now.little-digital-help .jumbo .form-bottom .checkboxes br{
    display: block;
}
@media(min-width:768px){

    /* .single-dwt_form_entry footer{
        display: none;
    } */
    .thank-you-page .age-group .heading .count{
        margin-block: 6px;
        display: block;
    }
    .little-digital-help.digital-tool#questionSection .jumbo.tool-top-part{
        display: none;
    }
    .digital-tool.start-now > section.home-page.digital-tool .jumbo
    {
        display:flex;
        background-image: url('https://www.internetmatters.org/wp-content/uploads/2023/02/FDT4-Desktop.png') !important;
    }
    .thank-you-page .age-group .btns .button{
        width: auto;
        width: 120px;
    }
    .thank-you-page .age-group .btns{
        display: flex;
        margin-bottom: 50px;
    }
    .little-digital-help.digital-tool#questionSection .question .inner .links-outer {
        flex-direction: row;
    }

}
.bx-wrapper{
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
}
@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: 0em;
        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: bold;
        font-size: 15px !important;
        text-align: center;
    }
}
.little-digital-help.digital-tool#questionSection .question .inner .ask-why{
    font-family: Montserrat;
    font-weight: normal;
    text-decoration: underline;
    font-size: 15px;
    line-height: 36px;
    text-align: left;
    color: #253045;
    display: block;
    line-height: 1;
}
.little-digital-help.digital-tool#questionSection .question .inner .ask-why:hover{
    font-weight: bold;
}
.home-page.digital-tool{
    min-height: auto;
}
#explore-further{
    visibility: visible;
    top: 0 !important;
}
@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;
    }
}
.digital-tool.start-now.little-digital-help .jumbo .form{
    width: 100%;
}
.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: 0px 3px 3px rgba(0, 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;
}
/* Chrome, Safari, Edge, Opera */
.little-digital-help input::-webkit-outer-spin-button,
.little-digital-help input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.little-digital-help input[type=number] {
    -moz-appearance: textfield;
}
.digital-tool.home-page.little-digital-help .jumbo .button.lined.blue:hover,.digital-tool.home-page.little-digital-help .jumbo .button.lined.blue:focus{
    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: bold;
}
.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;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #fff;
    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 .jumbo .question-info{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.digital-tool.start-now .question-info svg{
    transform: translateX(3px) rotate(-25deg) ;
}
.digital-tool.start-now .jumbo .question-info .text{
    font-family: Montserrat;
    padding-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: left;
}
.digital-tool.start-now .jumbo .question-info .text b{
    font-weight: 700;
}

.digital-tool.start-now .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-error .error{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 14px;
    line-height: 22.5px;
    text-align: left;
    color: #ee1c2e;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
}
.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{
    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{
    margin-top: 0;
}
.little-dropdown-row .l-dropdown{
    display: flex;
    height: 52px;
    background-color: white;
    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: bold;
    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: normal;
    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;
}
/*.digital-tool.little-digital-help .question .inner .choice .count.hide-small{
    display: none;
}
.digital-tool.little-digital-help .question .inner .choice .count.show-small{
    display: flex;
}

@media(min-width:1024px){
    .digital-tool.little-digital-help .question .inner .choice .count.hide-small{
        display: flex;
    }
   .digital-tool.little-digital-help .question .inner .choice .count.show-small{
        display: none;
    }
}*/
.little-checkboxes-row .l-choices .l-choice label span{
    font-family: Montserrat;
    font-weight: bold;
    font-size: 16px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
}

@media(min-width: 1440px){
    .little-checkboxes-row .l-choices .l-choice label span{
        font-size: 18px;
    }
    .thank-you-page .gform_wrapper .gfield_label{
        font-size: 24px;
    }
    .thank-you-page .gform_wrapper.gravity-theme .gfield_description{
         font-size: 18px;
    }
}

.little-checkboxes-row .l-choices .l-choice.selected{
    border: 1px solid #00cd00;
}
.little-checkboxes-row .l-choices .l-choice.selected label span{
    color: #00cd00;
}
.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-textbox input{
    font-family: Montserrat;
    font-weight: bold;
    font-size: 16px;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
    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 .checkbox{

}
.little-checkboxes-row .l-choices .l-choice .checkbox{
    min-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 .l-choice.selected .checkbox img{
    opacity: 1;
}
.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{
    width: 100%;
    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;
    display: none;
    margin-top: 20px;
}
.little-dropdown-row .l-dropdown-target .l-inner-dropdowns.selected .l-inner-dropdown img{
    transform: rotate(180deg);
}
.little-digital-help .digital-tool .accordion .accordion-title span{
    font-weight: 600;
}
.digital-tool .how-tool-work .accordion .accordion-title{
    margin-top: 0 !important;
}
.digital-tool .how-tool-work .accordion .accordion-title span{
    font-weight:  600 !important;
}

.page-id-40475 .circle-slider.square-slider li .title{
    text-align: center;
    font-size: 15px;
}

@media(min-width: 767px){
    .little-digital-help.digital-tool#questionSection .question{
        margin-top: 76px;
    }
}
@media(min-width: 768px){

    .page-id-40475 .circle-slider.square-slider li .title{
        /* font-size: 26px !important; */
    }

}
@media(max-width: 1024px){
    .page-id-40475 .circle-slider.square-slider li
    {
        min-height:200px;
    }
}
@media(min-width:1024px){
    .little-digital-help.digital-tool#questionSection .question{
        margin-top: 136px !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;
    }
    .little-dropdown-row .l-dropdown{
        height: 70px;
    }
    .digital-tool.start-now.little-digital-help .jumbo .form-top .how-data-use{
        display: flex;
        color: black;
        align-items: center;
        text-align: left;
        gap: 10px;
        width: 282px;
    }
    .digital-tool.start-now.little-digital-help .jumbo .form .how-data-use{
        display: none;
    }
}
@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: 48px;
        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;
    }
    .little-checkboxes-row .l-choices .l-textbox input{
        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;
        background-color: transparent;
        padding-bottom: 26px;
        justify-content: space-between;
    }

    .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;
    }
}
.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;
}
.digital-tool.start-now.little-digital-help .jumbo .wrap h3{
    margin-top: 0;
}
.digital-tool.start-now.little-digital-help .jumbo .wrap h3 p{
    color: #fff;;
    line-height: 25px;;
    font-weight: 600;
}
.digital-tool.start-now.little-digital-help .check-container{
    margin-top: 20px;
}
main.digital-tool.start-now.little-digital-help{
    padding-top: 11px;
}
/* .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  #fff;
}
.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: 0.9em;
    border-radius: 50%;
}
.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%;
    background-color: var(--green);
    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-header {
    background-color: var(--green);
}
.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: white !important;
    top: 1px;
    border-radius: 50%;
    font-size: 3.3em;
    color: white;
    display: flex;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.18));
    z-index: 11;
    cursor: pointer;
}
/* ------ date picker ------- */
.date_container {
    position:relative;
    width: 500px;
    margin: 0 auto;
}
.date_container input{
    position: relative;
    background: transparent;
    cursor: pointer;
    width:100%;
    height: 50px;
    padding: 0;
    margin: 0;
    line-height: 28px;
    padding-left: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    outline: none;
    border: 1px solid #000;
    background: #FFF;
    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: calc(100% - 4px);*/
    width:100%;
    border: 2px solid #000;
}
.ui-datepicker .ui-datepicker-header,
.ui-datepicker table{
    max-width: 320px;
    margin: 0 auto;
}

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

.ui-widget-content .ui-state-default:hover,
.ui-widget-content .ui-state-default:active,
.ui-widget-content .ui-state-active{
    background:#7586a7;
    color: #ffffff;
}
.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-prev span,
.ui-datepicker .ui-datepicker-next span{
    background-image:none;
    border-bottom: #000 2px solid;
    border-right: #000 2px solid;
    -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{
    left:8px;
}
.ui-datepicker .ui-datepicker-next {
    right: 8px;
}
.ui-datepicker .ui-datepicker-prev-hover{
    left:8px;
}
.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 18px;
    position: relative;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16);
    max-width: 636px;
}
.c-modal .c-modal-content p{
    font-weight: normal;
    font-size: 18px;
    line-height: 22.5px;
    text-align: center;
    color: #3b3a39;
    margin: 24px 0 36px 0;

}

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

    z-index: 99999999 !important;
}
.digital-tool  .c-modal.c-modal--ldht .close{
    background-color: transparent;
}
.digital-tool  .c-modal.c-modal--ldht .close img{
    filter: invert(0);
}

.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;
}
.digital-tool .c-modal.c-modal--ldht .c-modal-content{
    max-width: 636px !important;
}
.c-modal.c-modal--ldht .c-modal-content p{
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    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){
    .little-digital-help.digital-tool#questionSection .q-footer{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    header #Backtotop {
        z-index: 99999999;
    }
}
.digital-tool .button:disabled {
    position: relative;
    background: #c1c1c1 ;
    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: 0px 2px 8px rgba(0, 0, 0, 0.16);
}
.no-border:hover,
.c-modal .c-modal-content .button.lined.blue:hover{
    border-color: var(--blue);
    background-color: white;
    color: var(--blue) !important;
}
.c-modal .c-modal-content .button{
    margin-left: 6px;
    margin-right: 6px;
}
.c-modal .close {
    color: #aaaaaa;
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 28px;
    font-weight: bold;
}

.c-modal .close:hover,
.c-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.thanks .spacer{
    width: 100%;
    margin: 0 0;
    height: 10px;
}
.thanks .spacer-2x{
    width: 100%;
    margin: 0 0;
    height: 20px;
}
.thanks .seprater,
.digital-tool .seprater{
    width: 100%;
    margin: 18px 0;
    height: 2px;
    background:rgb(59 58 57 / 10%);
}
.thanks .check-container ,
.digital-tool .check-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
    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;
}
.thanks .check-container input,
.digital-tool .check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.thanks .check-container input:checked ~ .checkmark,
.digital-tool .check-container input:checked ~ .checkmark {
    background-color: transparent;
}
.thanks .checkmark:after,
.digital-tool .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.thanks .check-container input:checked ~ .checkmark:after,
.digital-tool .check-container input:checked ~ .checkmark:after {
    display: block;
}
.spacer{
    display: block;
    height: 20px;
}
.thanks .check-container .checkmark:after,
.digital-tool .check-container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid white;
    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;
}

.thanks .checkmark ,
.digital-tool .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 2px;
}
.thanks .radio-container ,
.digital-tool .radio-container {
    display: block;
    position: relative;
    padding-left: 70px;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    line-height: 50px;
    text-align: left;
    color: var(--charcoal);
    margin-bottom: 18px;
}
.thanks .radio-container input,
.digital-tool .radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.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 input:checked ~ .radiomark {
    background-color: var(--green);
}

.digital-tool .radio-container .radiomark:after {
    content: "";
    position: absolute;
    background: white;
}

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

.digital-tool .radio-container .radiomark:after {
    top: 0;
    left: 0;
    margin: auto;
    right: 0;
    width: 24px;
    bottom: 0;
    height: 24px;
    border-radius: 50%;
    box-shadow: 0 0 0 8px white;
}
.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: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #253045;
    padding: 14px 20px 14px 45px;
}
.thanks .checkmark{
    border: 2px solid var(--navy);
}
.thanks .checkmark{
    top: 13px;
    left: 16px;
}
.thanks .wrap,
.digital-tool .wrap{
    max-width: 1270px;
    margin: 20px auto;
    padding: 0 15px;
    width: 100%;
}
.digital-tool .wrap.mb-0{
    margin-bottom: 0;
}
.little-digital-help .digital-tool .accordion{
    margin-bottom: 40px;
}
.little-digital-help .digital-tool .accordion .accordion-title{
    font-size: 15px;
    padding: 2px 0;
    margin-top: 0;

}
.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 .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
    {
        margin-right: 0px !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;
    }
}
.inside-pack .mb-0{
    margin-bottom: 0;
}
/* .inside-pack:before {
    background: #fff;
    position: absolute;
    top: 0;
    height: 40%;
    content: '';
    width: 100%;
    left: 0;
} */
main.digital-tool{
    min-height: auto !important;
}
.page-id-40475 .vc_custom_1679570153813 main.digital-tool
{
    background:none;
}
.page-id-40475 .vc_custom_1679570153813 main.digital-tool h3
{
    line-height: 30px;
}
/* .cs-wrap .wpb_wrapper{
    max-width: 1085px;
    margin-inline: auto;
} */

@media(min-width: 1200px)
{
    .digital-tool#questionSection .question.age-group .counter-value{
        width: 35px;
    }
    .thank-you-page .top-banner h2{
        font-size: 36px !important;
    }
    .thank-you-page .top-banner .text h3{
        font-size: 24px !important;
    }
    .thank-you-page .top-banner .text p{
        font-size: 18px !important;
    }
}
@media(min-width: 1280px){
    .little-digital-help .digital-tool .accordion .accordion-title{
        padding: 10px 0 10px;
    }
    .digital-tool.start-now.little-digital-help .jumbo .wrap h1{
        font-weight: bold;
        font-size: 36px;
        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;
    }
}
@media(max-width:500px){
    .little-digital-help .how-tool-work .button{
        width: 100%;
        max-width: 100%;
    }

}
.little-digital-help .green-heading,
.digital-tool.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;
    text-align: center;
}

.digital-tool .jumbo{
    background: transparent;
    text-align: center;
    /* padding: 70px 15px 20px 15px; */
}
.digital-tool.little-digital-help  .jumbo{
    background: #EFEBEB;
}
.digital-tool.little-digital-help  .jumbo h1{
    margin-bottom: 0;
    font-size: 36px;
}
.digital-tool.little-digital-help  .jumbo h3{
    margin-bottom: 0;
    font-size: 18px;
}

.digital-tool.little-digital-help  .jumbo .buttons{
    flex-direction: column;
    width: 100%;
}
.little-digital-help .c-modal .button{
    background-color: #00CD00;
    min-width: auto;
}
.little-digital-help .button{
    background-color: #0364E2;
    text-transform: capitalize;
    font-size: 14px;
    justify-content: center;
    height:inherit;
    font-family: Montserrat;
    border-radius: 0;
}
.little-digital-help .button:hover{
    background-color: #253045;
    border-color:#253045;
    color: #fff;
}
.little-digital-help .button:hover img{
    filter: grayscale(1) contrast(10) invert(1);
}
.little-digital-help .button[disabled="disabled"]{
    background-color: #BFBFBF;
    pointer-events: none;
    box-shadow: none;
}
.digital-tool.start-now.little-digital-help .button.lined[disabled="disabled"]{
    background-color: transparent;
    pointer-events: none;
    border-color: #BFBFBF;
    box-shadow: none;
    color: #BFBFBF;
}
.little-digital-help .button[disabled="disabled"]:before{
    background-color: transparent;
}
.digital-tool.little-digital-help  .jumbo .button{
    background-color: #0364E2;
    max-width: 400px;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 14px;
}
.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 .wrap .jumbo-data h1 span{
    color: #EE1C2E;
    font-size: 50px !important;
    line-height: 0;
}
.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: #000000;
    font-size: 36px;
}
.digital-tool .jumbo h3{
    font-size: 26px;
    color: #000000;
}
.digital-tool .jumbo h3 p{
    color: #fff !important;
}
.digital-tool .jumbo.full{
    min-height: 100vh;
}
.digital-tool .jumbo .buttons{
    display: flex;
    gap: 0;
    align-items: center;
    flex-direction: column;
}
.digital-tool .start-btn{
    margin-top:20px;
}
.thanks .feedback .text-area{
    display: none;
}
.thanks  .feedback  .buttons .button{
    margin-bottom: 24px;
    margin-top: 36px;
}
.thanks .button,
.digital-tool .button,
.page-id-40475 main .button {
    font-size: 14px;
    margin-bottom: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 0px;
}
.digital-tool .button{
    /* font-family: Montserrat;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #fff;
    border-radius: 0 !important; */
}

.digital-tool .button .icon{
    margin-left: 8px;
    width: 20px;
}
.digital-tool .jumbo .buttons .button{
    /* justify-content: center;
    font-size: 12px;
    width: 100%;
    max-width: 380px;
    margin-bottom: 12px; */
}
.digital-tool .button.lined{
    background: #fff;
    border-color:1px solid #006eff;
    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{
    justify-content: center;
}
.digital-tool .what-is-it .image{ margin-bottom: 30px;}
.digital-tool .what-is-it .wrap{
    display:flex;
    flex-direction: column;
}

.digital-tool .how-tool-work .green-heading{
    text-align: center;
}
.digital-tool .accordion{
    margin-bottom: 10px;
    margin-top: 20px;
}
.digital-tool .accordion .accordion-title.active .icon{
    transform: rotate(180deg);
}
.digital-tool .accordion .accordion-title{
    cursor: pointer;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 15px;
    line-height: 22.5px;
    text-align: left;
    color: var(--dark);
    border-top: 1px solid #e4e4e4;
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.digital-tool .accordion-title .icon{
    flex-basis: 35px;
    flex-grow: 0;
    transition: all 0.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 .info-needed{
    display: flex;
    flex-direction: column;
}

.digital-tool .info-needed .wrap,
.digital-tool .how-tool-work .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;
}
.thanks .notification,
.digital-tool .notification {
    display: flex;
    width: 100%;
    background-color: #E4EFFF;
    align-items: center;
    height: 48px;
    padding: 0 14px;
    margin-top: 36px;
    cursor: pointer;
    margin-bottom: 28px;
}
.thanks .notification .icon,
.digital-tool .notification .icon{
    width: 20px;
    margin-right: 10px;
}
.thanks .notification{
    display: inline-flex;
    margin-top: 12px;
}
.thanks .notification span,
.digital-tool .notification span{
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    color: var(--blue);
}
.digital-tool .jumbo .form {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
}
.digital-tool.start-now .jumbo .form-error .error{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.digital-tool.start-now .jumbo .form-error .error span{
    color: #ee1c2e;
}
@media(min-width: 768px){
    .digital-tool .jumbo .form {
        grid-template-columns: repeat(2, 1fr);
    }
    .digital-tool .jumbo .form .full-field{
        grid-column-start: span 2;
    }
}
.digital-tool .jumbo .form .field.error{
    border: 2px solid  #ee1c2e;
}
.digital-tool .jumbo .form .field{
    padding: 8px 18px 5px 17px;
    /* text-align: left;
    background-color: white;
    padding: 10px 18px;
    margin-bottom: 12px; */
    /* width: 404px; */
    background: #fff;
    border: 4px solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 4px;
    align-items: flex-start;
}

.digital-tool .jumbo .form .field label{
    font-weight: normal;
    font-size: 11px;
    color: var(--charcoal);
    text-transform: uppercase;
    display:none;
}

.digital-tool .jumbo .form .field select.dftDropdown:focus-visible{
    border-color: transparent;
    outline: 0;
}
.digital-tool .jumbo .form .field input::-webkit-input-placeholder { /* Edge */
    color: #757575;
    font-weight:500!important;
}

.digital-tool .jumbo .form .field input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #757575;
font-weight:500!important;
}

.digital-tool .jumbo .form .field input::placeholder {
color: #757575;
font-weight:500!important;
}
.digital-tool .jumbo .form .field select.dftDropdown,
.digital-tool .jumbo .form .field input{
    border-color: transparent;
    padding-left: 0;
    padding: 0;
    margin-block:0;
    height: 22px;
    margin-left: -3px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
    font-family: 'Montserrat';
    /* 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 .form .field select.dftDropdown{
    margin-left: -6px;
}
.digital-tool .jumbo .wrap{
    max-width: 820px;
}
.digital-tool .jumbo .sub-text{
    color: #FFFFFF !important;
    width: 100%;
}
.digital-tool .about-card.hide {
    display: none;
}
.digital-tool .about-card.dark .inner{
    background-color: var(--navy);
    box-shadow: none;
    overflow: auto;
}
.digital-tool .about-card.dark h1{
    color: #fff;
}
.digital-tool .about-card.dark p{
    color: #fff!important;
}
.digital-tool .about-card.dark .sub-text{
    color: #fff;
}
.digital-tool .about-card.dark .text .small{
    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 .inner{
    max-width: 1312px;
}
.digital-tool .about-card .sub-text{
    background-color: white;
    width: 100%;
    max-width: 1312px;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    color: var(--charcoal);
    padding-bottom: 36px;
}
.digital-tool .about-card .inner{
    background: #fff;
    padding: 60px 15px 20px 15px;
    box-shadow: 0px 8px 24px rgba(0, 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: normal;
    font-size: 26px;
    line-height: 39px!important;
    text-align: left;
    color: var(--charcoal);
    margin-top: 35px;
}
.digital-tool .about-card .image{
    text-align: center;
}
.digital-tool .about-card .image img{
    width: 100%;
    max-width: 820px;
}
.digital-tool .about-card .sub-text{
    text-align: center;
    display: block;
}
.digital-tool .about-card .image.desktop{
    display: none;
}
.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: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.thank-you-page .age-group .heading{
    display: flex;
    margin-top: 20px;
    align-items: center;
    gap: 12px;
    margin-bottom: 40px;
    width: 100%;
}
.thank-you-page .age-group .heading .count{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    color: #00cd00;
}
.thank-you-page .age-group .heading p{
    padding-bottom: 0;
    line-height: 20px !important;
}
.thank-you-page .age-group .heading h2{
    padding-block: 0;
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px !important;
    line-height: 22.5px;
    text-align: left;
    color: #3b3a39;
}
.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 10px 12px;
}
.digital-tool .question-title .text .name{
    margin-bottom: 8px;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-top: 0 !important;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 22.5px;
    text-transform: uppercase;
    text-align: left;
    color: #3b3a39;
}
.digital-tool .question-title .text span{
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    color: #3b3a39;
    opacity: 0.48;
}
.digital-tool .question-title .text .progress{
    width: 100%;
    height: 12px;
    position: relative;
    background: #F1F1F1;
    margin-bottom: 0;
}
.digital-tool .question-title .text .progress .green{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--green);
    width: 100px;
}
.digital-tool .question .inner ul {
    padding-left: 0;
}
.digital-tool .question .inner ul li{
    font-family: Montserrat;
    font-weight: normal;
    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(https://www.internetmatters.org/wp-content/themes/internetmatters2/assets/img/arrow.jpg);
}

.digital-tool .question .inner .choice .age{
    display: flex;
    align-items: center;
}
.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 0;
}

.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{
    position: relative;
    cursor: pointer;
}
.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: bold;
    font-size: 18px;
    line-height: 22.5px;
    text-align: center;
    color: #3b3a39;
    margin-bottom: 18px;
    padding: 0 12px;
}
.digital-tool .question .inner .choice .count{
    height: 82px;
}
/* .digital-tool .question .inner .choice .count:hover{
    background: var(--green);
    color: #fff;
    border-color: transparent;
    opacity: 0.5;
} */
.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.type-child .left{
    display: flex;
}
.digital-tool .question .inner .choice .dropdown-select.hide{
    display: none;
}

.digital-tool .question .inner .choice .dropdown-select img{
    max-width: 30px;
}
.digital-tool .question .inner .choice .dropdown-select.active img{
    transform: rotate(180deg);
}

.digital-tool .question .inner .choice .more.hide{
    display:none;
}
.digital-tool .question .inner .choice .more.online-things .thing{
    position: relative;
}
.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.sortable.has-count .thing:nth-child(1):before{
    content: '1';
    font-weight: 900;
    font-size: 24px;
    line-height: 54px;
    text-align: center;
    color: #253045;
    width: 44px;

} */
.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{
    width: 100%;
}
.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.sortable.has-count .thing:nth-child(2):before{
    content: '2';
    font-weight: 900;
    font-size: 24px;
    line-height: 54px;
    text-align: center;
    color: #253045;
    width: 44px;
}
.digital-tool .question .inner .choice .more.online-things.sortable.has-count .thing:nth-child(3):before{
    content: '3';
    font-weight: 900;
    font-size: 24px;
    line-height: 54px;
    text-align: center;
    color: #253045;
    width: 44px;
} */
.digital-tool .question .inner .choice .more.online-things.sortable.has-count .thing:nth-child(-n+3){
    width: 100%;
}
.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 .yes-or-no .inner:hover,
.digital-tool .question .inner .choice .more.online-things .thing:hover{
    box-shadow:0 0 0 4px #bec1c7;
}
.digital-tool .question .yes-or-no .inner.selected,
.digital-tool .question .inner .choice .more.online-things .thing.selected{
    box-shadow:0 0 0 4px var(--green);
}
.digital-tool .question .yes-or-no .inner .img,
.digital-tool .question .inner .choice .more.online-things .thing .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 .yes-or-no,
.digital-tool .question .inner .choice .more.online-things{
    grid-template-columns: auto;
    grid-gap: 0;
}

.digital-tool .question .yes-or-no .inner .text,
.digital-tool .question .inner .choice .more.online-things .thing  .text{
    padding: 18px 26px;
}
.digital-tool .question .yes-or-no .inner .text span,
.digital-tool .question .inner .choice .more.online-things .thing  .text span{
    font-weight: bold;
    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.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 {
    display: none;
}
.digital-tool .question .inner .choice .text_input_checkbox_thing.selected + .text_input_checkbox_wrap {
    display: block;
}
.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 .question .inner .choice  .more .count{
    margin-bottom: 0;
}
.digital-tool .question .inner .choice  .more.full{
    grid-template-columns: auto;
}
.button.next{
    border-radius: 6px;
}
.digital-tool .question.hide{
    display: none !important;
}
.digital-tool .question .q-footer{
    /*background: var(--ice);*/
    padding: 26px 15px 22px 15px;
    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: bold;
    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: bold;
    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 .more-explore .tags .button:hover,
.thanks .more-explore .tags .button:focus{
    background-color: var(--blue);
}
.thanks .more-explore.web-link .tags .button{
    color: var(--red) !important;
}
.thanks .more-explore.web-link .tags .button:hover,
.thanks .more-explore.web-link .tags .button:focus{
    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 p {
    font-weight: 500;
    font-size: 15px;
    line-height: 22.5px;
    text-align: left;
    color: #253045;
}
.thanks .top .right{
    position: relative;
}
.thanks .patch{
    position: absolute;
    top: 0%;
    z-index: 999;
    width: 100%;
    display: flex;
    margin: 0 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);
}
.thanks .patch.show-all .inner img{
    opacity: 0;
}
.thanks  .patch .inner.active img{
    opacity: 1;
}


.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 .for-children .i .active-img{
    display: none;
}
.thanks .for-children .i.active img{
    display: none;
}
.thanks .for-children .i.active .active-img{
    display: inline-block;
}

.thanks .patch span{
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
    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 section.results-area {
    display: none;
}
.thanks section.results-area.active {
    display: block;
}
.thanks .more-articles .posts{
    display: flex;
    flex-direction: column;
}
.thanks .more-articles .posts .post{
    display: flex;
}
.thanks .more-articles .posts .post .button{
    height: 35px;
    margin-right: 12px;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}
.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 .more-articles .posts .post .button{
    margin-bottom: 0;
}
.thanks .featured .cards{
    margin-bottom: 36px;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 20px;

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

.thanks .featured .cards img{
    width: 100%;
}
.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 a img.selected{
    display: none;
}
.thanks .feedback .thumbs a.active img{
    display: none;
}
.thanks .feedback .thumbs a.active img.selected{
    display: inline-block;
}
.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: normal;
    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 0;
}

.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;
}
.thanks .cs-tooltip, .digital-tool .cs-tooltip{
    display: none;
    position: absolute;
    top: -67px;
    left: calc(-145px + 51px);
    right: 0;
    background: black;
    border-radius: 4px;
    padding: 8px;
    font-weight: normal;
    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);
}

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

.thanks .button.has-tooltip[disabled]:hover .cs-tooltip,
.digital-tool .button.has-tooltip[disabled]:hover .cs-tooltip{
    display: inline-block;
}
.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{
    display: none;
}
.thanks .posts .post .desc p{
    font-weight: normal;
    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: normal;
    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.only-title .post .buttons{
    margin-top: 0;
}
.thanks .articles-guides .posts .post .button.lined{
    background-color: #fff;
    margin-right: 8px;
}
.thanks .articles-guides .posts .post .buttons .button.lined:hover,
.thanks .articles-guides .posts .post .buttons .button.lined:focus{
    background-color: var(--blue) ;
}
.thanks .articles-guides .posts .post .button{
    height: 35px;
    margin-bottom: 0;
    padding: 10px 6px;
    font-weight: bold;
    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: 0.48;
}
.thanks .more-explore,
.thanks .videos,
.thanks .featured{
    padding-top: 30px;
}

.thanks .featured .sub-title{
    margin-bottom: 15px;
}
.thanks .videos .lists{
    display: grid;
    grid-gap: 12px;
}
.digital-tool .question .q-footer{
    /*position: fixed;*/
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width:1240px;
}
.little-digital-help.digital-tool#questionSection{
    background-color: #fff;
}
.little-digital-help.digital-tool#questionSection .q-footer-outer{
    max-width: 1240px;
    background-color: #F1F1F1;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
}
@media(min-width:1280px){
    .thank-you-page .age-group .heading h2{
        font-size: 18px !important;
    }
    .little-digital-help.digital-tool#questionSection .q-footer-outer{
        position: fixed;
    }
}
.little-digital-help.digital-tool#questionSection .q-footer{
    position: static;
    width: 100%;
}
.digital-tool#questionSection .jumbo {
    margin-bottom: 0;
}
.digital-tool#questionSection .jumbo.tool-top-part{
    display: none;
}
.digital-tool#questionSection  .question{
    margin-top: 103px;
}
.page-id-40475 .digital-tool.home-page .jumbo h1
{
    font-weight: 700;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    color: #253045;
}

@media(max-width: 768px){

    .page-id-40475 main, .page-id-40475 main  .vc_row-fluid:has(.digital-tool.home-page)
    {
        background:white;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .thanks .results-area{
        max-height: calc(100vh - 504px);
        /*  overflow: auto;*/
    }
    .thanks .top .wrap .left .check-container {
        max-width: 100%;
    }

}
@media(min-width:769px){
    .little-digital-help.digital-tool#questionSection .question .q-footer .button{
        max-width: 200px;
        width: auto;
    }
    .little-digital-help.digital-tool#questionSection .q-footer{
        background-color: transparent;
        justify-content: space-between;
    }

}
@media(max-width: 1280px){
    .digital-tool .question .q-footer .button{
        margin-left: 10px;
        margin-right: 10px;
    }
}
.page-id-40475 .vc_custom_1679570153813 main.digital-tool
{
    min-height: auto !important;
}
/* .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{
        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{
        text-align: left;
    }
    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data h3{
        text-align: left;
    }
    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data .buttons{
        flex-direction: row;
    }
    .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){
    .thank-you-page .container{
        max-width: 1240px;
    }
    .thank-you-page .top-banner{
        padding: 160px 5px 20px 5px;
    }

    .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 15px;
    }
    .digital-tool.little-digital-help .jumbo .wrap img{
        max-width: 300px ;
    }
}
@media(min-width: 1024px){
    .thank-you-page .top-banner{
        padding: 240px 5px 90px 5px;
    }
    .thank-you-page .top-banner h1{
        display: block;
        font-weight: bold !important;
        font-size: 42px !important;
        line-height: 45px !important;
        text-align: left;
        margin-bottom: 50px;
    }

    .thank-you-page .top-banner .btns .button{
        padding: 18px 35px !important;
    }
    .digital-tool.little-digital-help .jumbo .wrap {
        gap: 40px;
    }
    .digital-tool#questionSection .question.age-group .choice .little-dropdown-select{
        height: 70px;
    }
    .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-weight: normal;
        font-size: 11px;
        line-height: 22.5px;
        text-align: left;
        color: #253045;
        opacity: 0.48;
        text-transform: uppercase;
    }

    .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{
        color:#fff;
        font-weight: 700;
        font-size: 36px;
        line-height: 130%;
        text-align: center;
    }
    .digital-tool.little-digital-help .jumbo .wrap img{
        max-width: 350px;
    }
    .digital-tool.start-now.little-digital-help .jumbo.full{
        padding: 200px 15px 20px 15px;
    }
    .digital-tool.little-digital-help .jumbo .wrap .jumbo-data .buttons{
        flex-direction: row;
    }

}
@media(min-width:992px) and (max-width: 1280px){
    .toolkit-wrap{
        padding-block: 10rem 0 !important;
    }
}
@media(min-width:992px){
    .page-id-40475 .digital-tool.home-page .jumbo p{
        text-align: left;
    }
    .page-id-40475 .digital-tool.home-page .jumbo h1{
        text-align: left;
    }
    .page-id-40475 .digital-tool.home-page .jumbo h3{
        text-align: left;
    }
    .page-id-40475 .digital-tool.home-page .jumbo .buttons {
        justify-content: left;
        flex-direction: row;
        gap: 12px;
    }

    .page-id-40475 .what-is-it {
        width: 40%;
        margin: 0 5%;
    }
    .digital-tool.home-page .wrap {
        padding-inline: 70px;
    }
	.page-id-40475 .digital-tool.home-page .wrap {
        padding-inline: 0;
    }
    .page-id-40475 .digital-tool.home-page .jumbo h1{
        font-size: 24px;
    }
    .page-id-40475 .vc_custom_1679570153813 .wpb_wrapper .vc_row-fluid
    {
        display: flex;
        align-items: center;
    }

    select.dftDropdown
    {
        width:50%;
    }
    .digital-tool .jumbo .form .field select.dftDropdown{
        width: 100%;
    }
    div:has(>select.dftDropdown)
    {
        text-align: right;
    }
    .page-id-40475 .what-is-it h2
    {
        margin-top:-80px;
    }

}
@media(min-width: 1280px){
    .page-id-40475 .digital-tool.home-page .jumbo h1{
        font-size: 30px;
    }
    .toolkit-wrap{
        padding-block: 144px 65px !important;

    }
    .little-digital-help.digital-tool .green-heading{
        font-size: 29px !important;
    }
    .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{
        padding: 200px 15px 50px 15px;
    }
    .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 .support-child .articles-guides,
    .thanks .explore-further .articles-guides,
    .thanks .more-explore,
    .thanks .videos,
    .thanks .featured{
        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;
    }
    .thanks .for-children .i img{
        height: 130px;
        object-fit: cover;
    }
    .thanks{
        padding-top: 140px;
    }
    .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 .for-children .i span{
        margin: 18px 0;
    }
    .thanks section.get-in-touch,
    .thanks section.feedback,
    .thanks .articles-guides,
    .thanks .featured,
    .thanks .videos,
    .thanks .more-explore,
    .thanks .more-articles{
        background-color: #F4F5F5;
    }
    .thanks .articles-guides .posts{
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: auto;
    }
    .thanks .sub-title{
        font-weight: bold;
        font-size: 24px;
        line-height: 38px;
        text-align: left;
        color: #224a8b;
    }
    .thanks section{
        /* padding-top: 60px; */
    }
    .digital-tool .question .inner .choice .more.platforms{
        grid-template-columns: auto auto auto auto auto auto;
    }
    .digital-tool#questionSection .jumbo {
        padding: 128px 15px 48px 15px;
    }
    .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{
        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{
        text-align: left;
    }
    .digital-tool .about-card .inner .text h1{
        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: #000000 !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: 0px 3px 3px rgba(0, 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 br{
        display: none;
    }
    .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;
    }
    .digital-tool .how-tool-work .green-heading{
        text-align: left;
    }

    .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;
    }
}

#gform_wrapper_8 .gform_footer {
    text-align: center;
}

label#label_8_1_0, label#label_8_1_1 {
    font-size: 0px;
    display: block;
}
label#label_8_1_0:before {
    background-image: url(https://www.internetmatters.org/wp-content/themes/internetmatters2/assets/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(https://www.internetmatters.org/wp-content/themes/internetmatters2/assets/img/positive.svg);
}
label#label_8_1_1:before {
    background-image: url(https://www.internetmatters.org/wp-content/themes/internetmatters2/assets/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(https://www.internetmatters.org/wp-content/themes/internetmatters2/assets/img/negative.svg);
}

li.gchoice_8_1_0 {
    position: relative;
    width: 72px
}

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

ul#input_8_1 li {
    display: inline-block;
    margin-right: 28px;
}

ul#input_8_1 {text-align: center;}

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

.thanks .notification.email-success {
    display: none;
}

.thank-you-page .gform_wrapper .gfield_required {
    display: none;
}
.digital-tool .accordion .accordion-title {
    cursor: pointer;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 15px;
    line-height: 12px;
    text-align: left;
    color: var(--dark);
    border-top: 1px solid #E4E4E4;
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.digital-tool .green-heading, .info-needed h2 {
    text-align: left;
    margin-bottom: -24px;
}
.page-id-40475 .digital-tool.start-now > section
{
    display:flex;
    background-color: #253045;
    background-size: cover;
    flex-direction: column;
    background-position: top;
}

.page-id-40475 .digital-tool.home-page .jumbo h3
{
    margin-top: 0 !important;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 22px !important;
    line-height: 30px;
    text-align: center;
    color: #253045;
}
.page-id-40475 .digital-tool.home-page .jumbo .buttons
{
    justify-content: left;
}


.page-id-40475 .digital-tool .jumbo h3 p
{
    color: black !important;
}
.digital-tool.start-now > section .field
{
    /* border-radius: 15px; */
    /* margin: 30px 0; */
}
/* .digital-tool.start-now > section .field input
{
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    text-align: left;
} */
.digital-tool.start-now > section .dwt-checkbox .checkmark
{
    right:auto;
    right:0;
}
.dwt-checkbox label.check-container
{
    margin-bottom: 5px;
    padding-left: 40px;
}
.digital-tool.start-now .br{
    height: 10px;
}
.digital-tool.start-now .start-btn{
    display: flex;
    justify-content: space-between;
}
.digital-tool.start-now h1 span
{
    color: #fff !important;
}
.digital-tool.start-now h1
{
    font-weight: 900 !important;
    font-size: 28px !important;
    line-height: 46px !important;
    text-align: center;
    color: #fff;
}
@media(min-width: 768px){
    .digital-tool.start-now .notification{
        margin-bottom: 0 !important;
    }
    .digital-tool.start-now h1
    {
        font-size: 52px !important;
        line-height: 88.4px !important;
    }
}
.digital-tool.start-now h3 p{
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}
.digital-tool.start-now .notification
{
    background-color: initial;
    margin-top: 20px;
}
.digital-tool.start-now .notification.notification--primary{
    background: #e4efff;
}
.digital-tool.start-now .notification.notification--primary span{
    color: #006eff;

}

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

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

    .page-id-40475 .digital-tool.home-page section *
    {
        text-align: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.start-now > section, .page-id-40475 .digital-tool.home-page> 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{
        background-image: none !important;
    }
    .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(https://www.internetmatters.org/wp-content/uploads/2023/02/FDT4-Desktop-rotated.png) !important;
        display: block !important;
        background-size: cover !important;
    }
    .page-id-40475 .digital-tool.start-now > section{
        background-image: none !important;
    }
    .page-id-40475 .digital-tool.start-now section > div .notification
    {
        margin: 0 0 24px 0px;

    }
    .page-id-40475 .digital-tool.start-now > section
    {
        background-position: center center;
    }
    .page-id-40475 .digital-tool.start-now .start-btn
    {
        text-align:center;
    }
}
.page-id-40475 .digital-tool.start-now > section .wrap:first-of-type
{
    /* min-height: 550px; */
}
.page-id-40475 .digital-tool.home-page > section .wrap:first-of-type
{
    /*  min-height: 750px;*/
}
.page-id-40475 .what-is-it h2
{
    color:black;
}
@media (min-width: 1290px){
    .page-id-40475 .circle-slider.square-slider li {
        height: 200px;
        margin-inline: 1% !important;
    }
    .page-id-40475 main .im-vc-circle-slider .bx-wrapper .bx-controls
    {
        top:calc(33% + 20px) !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:calc(33% + 0px);
}
.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 .wrap{
    padding-inline: 0;
}
.page-id-40475 .digital-tool .how-tool-work .green-heading span
{
    font-size: 18px;
    color:#006eff;
}
.page-id-40475 .digital-tool .how-tool-work .green-heading
{
    font-size: 18px;
    font-weight: 600;
    text-align:center;
    color:#3b3a39;
}
.little-digital-help.digital-tool .jumbo h1{font-weight:700 !important;}
.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}


ul.count-list{
    counter-reset: section;
    list-style-type: none;
}
ul.count-list li:before {
    counter-increment: section;
    content: counters(section,".") " ";
    background: #006EFF;
    min-width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    font-family: Montserrat;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 25px;
    text-align: center;
    color: #fff;
}
ul.count-list li{
    margin-bottom: 10px !important;
    display: flex;
    padding-left: 0 !important;
}
ul.count-list li:after{
    display: none !important;
}
h2.page--heading{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 26px;
    text-align: left;
    color: #253045;
}
h2.page--heading .blue--text{
    font-size: 18px !important;
    color: #006EFF;
}
.mdtf_second_part .buttons{
    margin-top: 20px;
}
.gform_wrapper.gravity-theme .field_description_above .gfield_description .button.blue{ min-width: 300px; border-radius: 0 !important; margin-bottom: 30px;}
.single-dwt_form_entry .gform_wrapper.gravity-theme .gform_footer input {
    border-radius: 0px;
}
.mdtf_second_part .buttons { display: flex ; flex-wrap: wrap; gap: 10px; margin-bottom: 20px;}
#emailToolkit .jumbo{
    background-color: #253045;
}
@media (max-width:992px){
    .page-id-40475 .digital-tool.start-now .jumbo .wrap:has(.form){
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
}

@media (max-width:400px){
    .digital-tool.little-digital-help section.age-group .choice.little-choice {
        zoom: 1;
    }
}

.hide-controls .bx-controls.bx-has-controls-direction {
    display: none;
}