.img-fluid{max-width:100%;height:auto}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.d-flex{display:flex!important}
.col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-md-10{position:relative;width:100%;padding-right:15px;padding-left:15px}
.d-none{display:none!important}
.col-6{flex:0 0 auto;width:50%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-sm-4{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-12{flex:0 0 auto;width:100%}
.col-xl-7{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-xl-9{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-md-7{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-md-5{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-sm-11{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-sm-10{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-lg-10{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-lg-12{position:relative;width:100%;padding-right:15px;padding-left:15px}
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.w-100{width:100%!important}
.h-100{height:100%!important}
.text-center{text-align:center!important}
.align-items-center{align-items:center!important}
.mx-auto{margin-right:auto!important}
.mx-auto{margin-left:auto!important}
.visible{visibility:visible!important}
.d-block{display:block!important}
.position-relative{position:relative!important}
.d-inline{display:inline!important}


.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control{transition:none}}
.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}
.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}

@media (min-width:1200px){
    .col-xl-4,.col-xl-6{position:relative;width:100%;padding-right:15px;padding-left:15px}
    .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}

.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}


}

@media (min-width:992px){
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

@media (min-width:768px){
    .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .d-md-flex{display:-ms-flexbox!important;display:flex!important}
    .d-md-block{display:block!important}
    .d-md-none{display:none!important}
    .d-md-inline{display:inline!important}
}

@media (min-width:576px){
    .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}
    .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .form-control{display:inline-block;width:auto;vertical-align:middle}
    .form-inline .form-control-plaintext{display:inline-block}
    .d-sm-block{display:block!important}
    .d-sm-none{display:none!important}
}

[class^=icon-],[class*=" icon-"]{font-family:allergiecheck!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-size-8{font-size:8px}.icon-size-10{font-size:10px}.icon-size-12{font-size:12px}.icon-size-14{font-size:14px}.icon-size-16{font-size:16px}.icon-size-18{font-size:18px}.icon-size-20{font-size:20px}.icon-size-22{font-size:22px}.icon-size-24{font-size:24px}.icon-size-26{font-size:26px}.icon-size-28{font-size:28px}.icon-size-30{font-size:30px}.icon-close-3:before{content:"i"}.icon-arrow-right-2:before{content:"q"}.icon-rounde-arrow:before{content:"\e900"}.icon-search-solid:before{content:"\e901"}.icon-minus:before{content:"\e902"}.icon-plus:before{content:"\e903"}.icon-arrow-right:before{content:"\e904"}.icon-close:before{content:"\e905"}.icon-arrow-next:before{content:"\e906"}.icon-close-4:before{content:"\e907"}.icon-arrow-prev:before{content:"\e908"}.icon-email:before{content:"\e909"}.icon-twitter:before{content:"\e90a"}.icon-linkedin:before{content:"\e90b"}.icon-facebook:before{content:"\e90c"}.icon-search:before{content:"\e90d"}.icon-fad-icon:before{content:"\e90e"}.icon-direction:before{content:"\e90f"}.icon-website:before{content:"\e910"}.icon-email-1:before{content:"\e911"}.icon-phone:before{content:"\e912"}.icon-location:before{content:"\e913"}.icon-check:before{content:"\e914"}.icon-description:before{content:"\e915"}.icon-medical-kit:before{content:"\e916"}.icon-close-bold:before{content:"\e917"}.icon-location-2:before{content:"\e918"}.icon-food:before{content:"\e919";color:#b7b7b7}.icon-bug:before{content:"\e91a";color:#b7b7b7}.icon-pollen:before{content:"\e91b";color:#b7b7b7}.icon-cat-1:before{content:"\e91c";color:#b7b7b7}.icon-tree:before{content:"\e91d";color:#b7b7b7}.icon-bees:before{content:"\e91e";color:#b7b7b7}.icon-close1:before{content:"\e91f"}.icon-arrow-left-4:before{content:"\e920"}.icon-arrow-right-4:before{content:"\e921"}.icon-DT_full_raport_icon_white:before{content:"\e93c"}.icon-DT_your_summery_icon_white:before{content:"\e93d"}.icon-Group-7501-1:before{content:"\e93e"}.icon-arrow-right-3:before{content:"\ea3c"}.icon-DT_results_tiredness_icon_grey:before{content:"\e922"}.icon-DT_triggers_animals_grey:before{content:"\e923"}.icon-DT_triggers_hdm_grey:before{content:"\e924"}.icon-DT_triggers_pollen_grey:before{content:"\e925"}.icon-DT_triggers_dont_know_grey:before{content:"\e926"}.icon-DT_results_nose_icon_grey:before{content:"\e927"}.icon-DT_results_eye_icon_grey:before{content:"\e928"}.icon-DT_results_breathing_icon_grey:before{content:"\e929"}.icon-Group-3429-2:before{content:"\e92a";}.icon-Group-3397:before{content:"\e92b";}.icon-zz:before{content:"\e92c";color:#002559;}.icon-nose:before{content:"\e92d";}.icon-lungs:before{content:"\e92e";}.icon-eye:before{content:"\e92f";}.icon-Component-13--1:before{content: "\e930";}.icon-Component-12--1:before{content:"\e931";color:#ec7059;}
/*# sourceMappingURL=/cdn/shop/t/251/assets/global-icon.css.map?v=4531474334932461881728574467 */


/* Force white body background on quiz page (intro, slides, result) */
body:has(.quick-check-template) {
    background-color: #fff !important;
}

.quick-check-template {
    font-family: 'Poppins-Regular';
    color: #002559;
    background-color: #fff;
}
.quick-check-template #MainContent {
    padding-top: 0;
    background-color: #fff;
}

.quick-check-template .quizBackgroundColor {
    background-color: #ffffff;
    padding: 0px;
    height: 90vh
}

.quick-check-template .qacContainer {
    background-color: #ffffff;
    width: 80vw;
    margin: 0px auto;
    padding: 0px;
    max-width: 1075px;
    box-shadow: 0px 4px 24px 0px #00000029;
    border-radius: 8px;
}

.quick-check-template .introSlide .header {
    background-color: transparent;
}

.quick-check-template .header {
    background-color: #FFFFFF;
    padding: 1em;
}

.quick-check-template .logo-container img {
    max-width: 160px;
}

.quick-check-template .introSlide .close-navigation-btn {
    background-color: transparent;
}

.quick-check-template .close-navigation-btn {
    background-color: #67c3b7;
    border-color: #67c3b7;
    border-radius: 50%;
    padding: 5px 5px;
    height: 30px;
    width: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quick-check-template .introSlide .introSlideBody {
    padding-top: 64px;
    padding-bottom: 64px;
}

/* .quick-check-template .introSlide .introSlideBody img {
    margin-bottom: 0.5em;
} */
.semibold {
    font-family: 'Poppins-SemiBold';
}
.medium {
    font-family: 'Poppins-Medium';
}
.quick-check-template .introSlide .introSlideBody .intro {
    font-family: 'Poppins-Regular';
    font-weight: 400;
    font-size: 18px;
    color: #0d1723;
    margin: 0 auto 40px auto;
    line-height: 28px;
    text-align: center;
    max-width: 86%;
}
.quick-check-template .introSlide .consent_checkbox .checkbox-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}
.quick-check-template .introSlide .consent_checkbox .checkbox-label input {
    position: absolute;
    opacity: 0;
}

.quick-check-template .introSlide .consent_checkbox .checkbox-label .custom-checkmark {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 1px solid #002559;
    border-radius: 4px;
    margin-right: 16px;
    margin-top: 4px;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    cursor: pointer;
    /* transition: border 1s ease; */
}
.quick-check-template .introSlide .consent_checkbox .checkbox-label .custom-checkbox:checked+.custom-checkmark {
    background-color: #002559;
    border-color: #002559;
}
.quick-check-template .introSlide .consent_checkbox .checkbox-label .custom-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.quick-check-template .introSlide .consent_checkbox .checkbox-label .custom-checkbox:checked+.custom-checkmark:after {
    display: block;
    left: 7px;
    top: 2px;
    width: 8px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.quick-check-template .introSlide .consent_checkbox .checkbox-label .checkbox-text {
    display: block;
    word-wrap: break-word;
    max-width: 100%;
    font-size: 14px;
    text-align: left;
    color: #000000;
    line-height: 20px;
    transition: color 1s ease;
    font-family: 'Poppins-Regular';
    font-weight: 300;
}
.quick-check-template .introSlide .consent_checkbox .checkbox-label .checkbox-text a {
    color: #000000;
    transition: color 1s ease;
}
.quick-check-template .introSlide .required-field {
    font-size: 14px;
    padding-left: 40px;
    line-height: 22px;
    margin-bottom: 0px;
    text-align: left;
    color: #000000;
    transition: color 1s ease;
    margin-top: 8px;
}
.quick-check-template .introSlide .consent_checkbox_wrapper.required .checkbox-label .custom-checkmark {
    border: 1px solid #F24726;
}
.quick-check-template .checkbox-text a {
    font-family: 'Poppins-Medium';
}
.quick-check-template .consent_checkbox_wrapper {
    background: #F5F5F5;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 16px;
    margin: 0 auto 24px auto;
    max-width: 706px;
}
.quick-check-template .introSlide .consent_checkbox_wrapper.required .checkbox-text, 
.quick-check-template .introSlide .consent_checkbox_wrapper.required .checkbox-text a, 
.quick-check-template .introSlide .consent_checkbox_wrapper.required .required-field {
    color: #f24726;
}

.quick-check-template .introSlide .introSlideBody button {
    padding: 16px 16px 16px 24px;
    background-color: #67C3B7;
    border-radius: 100px;
    border: 0px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    gap: 90px;
    justify-content: space-between;
}

.quick-check-template .introSlide .introSlideBody .intro-start-btn-arrow {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.quick-check-template .introSlide .introSlideBody .intro-start-btn-arrow img {
    width: auto;
    height: 24px;
    max-height: 24px;
    object-fit: contain;
    display: block;
}

.quick-check-template .introSlide-infoBox {
    border: 1.5px solid #EC7059;
    border-radius: 8px;
    padding: 16px;
    max-width: 706px;
    margin: 0 auto;
    text-align: center;
}

.quick-check-template .introSlide-disclaimerText {
    font-family: 'Poppins-Regular';
    font-style: italic;
    font-size: 14px;
    color: #000000;
    line-height: 1.6;
    margin: 0;
}

.quick-check-template .introSlide-divider {
    border: none;
    border-top: 1.5px solid #EC7059;
    margin: 16px auto;
    width: 100%;
}

.quick-check-template .introSlide-noteText {
    font-family: 'Poppins-Regular';
    font-style: italic;
    font-size: 14px;
    color: #000000;
    line-height: 1.6;
    margin: 0;
}

.quick-check-template .introSlide-randomFillBtn {
    display: block;
    margin: 20px auto 0;
    padding: 8px 16px;
    background: transparent;
    border: 1px dashed #8C9AB2;
    border-radius: 8px;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    color: #8C9AB2;
    cursor: pointer;
}

.quick-check-template .introSlide-randomFillBtn:hover {
    color: #002559;
    border-color: #002559;
}

/* Intro slide – radio options (For meg selv / For mitt barn) */
.quick-check-template .introSlide-optionHeading {
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    color: #1A2B5B;
    margin-bottom: 24px;
    text-align: center;
}

.quick-check-template .introSlide-radioCard {
    border: 1px solid #002559;
    background: #ffffff;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    max-width: 706px;
}

.quick-check-template .introSlide-radioGroup {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.quick-check-template .introSlide-radioOption {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.quick-check-template .introSlide-radioOption input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quick-check-template .introSlide-radioMark {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 1px solid #002559;
    border-radius: 50%;
    margin-right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s, border-color 0.2s;
}

.quick-check-template .introSlide-radioMark::after {
    content: '';
    width: 7px;
    height: 14px;
    margin-bottom: 2px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s;
}

.quick-check-template .introSlide-radioOption input:checked + .introSlide-radioMark {
    background-color: #67C3B7;
    border-color: #67C3B7;
}

.quick-check-template .introSlide-radioOption input:checked + .introSlide-radioMark::after {
    transform: rotate(45deg) scale(1);
}

.quick-check-template .introSlide-radioLabel {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #000000;
}

/* Choice slide – myself / my child (legacy, kept for reference) */
.quick-check-template .choiceSlide {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.quick-check-template .choiceSlide-header {
    background-color: #FFFFFF;
    padding: 40px 24px 32px;
    flex-shrink: 0;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #E0E0E0;
}

.quick-check-template .choiceSlide-headerInner {
    max-width: 100%;
}

.quick-check-template .choiceSlide-heading {
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    color: #1A2B5B;
    margin-bottom: 6px;
    line-height: 1.2;
    text-align: center;
}

.quick-check-template .choiceSlide-subtitle {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #002559;
    line-height: 1.5;
    margin: 0;
    text-align: center;
}

.quick-check-template .choiceSlide-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 32px 24px 32px;
    background-color: #F0F6FA;
}

.quick-check-template .choiceSlide-card {
    border-radius: 8px;
    padding: 0 24px 28px 24px;
    margin-bottom: 24px;
    flex-shrink: 0;
    max-width: 754px;
}

.quick-check-template .choiceSlide-optionHeading {
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    color: #1A2B5B;
    margin-bottom: 40px;
    text-align: center;
}

.quick-check-template .choiceSlide-radioGroup {
    border: 1px solid #002559;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 24px;
}

.quick-check-template .choiceSlide-radioOption {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 12px;
}

.quick-check-template .choiceSlide-radioOption:last-child {
    margin-bottom: 0;
}

.quick-check-template .choiceSlide-radioOption input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quick-check-template .choiceSlide-radioMark {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 2px solid #002559;
    border-radius: 50%;
    margin-right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s, border-color 0.2s;
}

.quick-check-template .choiceSlide-radioMark::after {
    content: '';
    width: 7px;
    height: 14px;
    margin-bottom: 2px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s;
}

.quick-check-template .choiceSlide-radioOption input:checked + .choiceSlide-radioMark {
    background-color: #67C3B7;
    border-color: #67C3B7;
}

.quick-check-template .choiceSlide-radioOption input:checked + .choiceSlide-radioMark::after {
    transform: rotate(45deg) scale(1);
}

.quick-check-template .choiceSlide-radioLabel {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #000000;
}

.quick-check-template .choiceSlide-disclaimer {
    border: 1px solid #002559;
    border-radius: 8px;
    padding: 16px 54px;
    margin-bottom: 0;
    text-align: center;
}

.quick-check-template .choiceSlide-disclaimerText {
    font-family: 'Poppins-Medium';
    font-size: 14px;
    color: #002559;
    line-height: 1.5;
    margin: 0;
}

.quick-check-template .choiceSlide-footer {
    background-color: #FFFFFF;
    padding: 32px 64px;
    flex-shrink: 0;
    border-top: 1px solid #E0E0E0;
    border-radius: 0 0 8px 8px;
}

.quick-check-template .choiceSlide-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.quick-check-template .choiceSlide-nextBtn {
    padding: 10px 12px 10px 24px;
    background-color: #67c3b7;
    border: 0px;
    font-size: 16px;
    margin-top: 0;
    text-transform: uppercase;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 90px;
    border-radius: 999px;
    font-family: Poppins-Medium;
}

.quick-check-template .choiceSlide-nextBtn:hover {
    background-color: #4eb8b1;
}

.quick-check-template .choiceSlide-nextBtnText {
    margin-right: 4px;
}

.quick-check-template .choiceSlide-nextBtnArrow {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.quick-check-template .choiceSlide-nextBtnArrow img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.quick-check-template .choiceSlide-nextBtnArrowIcon {
    width: 0;
    height: 0;
    border-left: 6px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

/* Question slide – 3-part layout */
.quick-check-template .questionSlide {
    display: flex;
    flex-direction: column;
    /* background-color: #F6F8F9; */
}

.quick-check-template .questionSlide-header {
    background-color: #FFFFFF;
    padding: 32px 24px 16px;
    flex-shrink: 0;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #E0E0E0;
}

.quick-check-template .questionSlide-headerInner {
    max-width: 100%;
}

.quick-check-template .questionSlide-heading {
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    color: #1A2B5B;
    margin-bottom: 16px;
    line-height: 1.2;
    text-align: center;
}

.quick-check-template .questionSlide-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 24px;
    overflow-y: auto;
    background-color: #F0F6FA;
}

/* Question text */
.quick-check-template .questionSlide-questionText {
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    color: #002559;
    text-align: center;
    line-height: 1.6;
    max-width: 520px;
    margin: 0 auto 40px auto;
}

.template-questions-area {
    max-width: 754px;
    margin-left: auto;
    margin-right: auto;
}

/* Question 6: larger questions area */
.quick-check-template .template-questions-area:has(#step-6) {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* Radio options group (dashed border container) */
.quick-check-template .questionSlide-optionsGroup {
    border: 1px solid #002559;
    background: #ffffff;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
}

.quick-check-template .questionSlide-radioOption {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 24px;
}

.quick-check-template .questionSlide-radioOption input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quick-check-template .questionSlide-radioMark {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 1px solid #002559;
    border-radius: 50%;
    margin-right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s, border-color 0.2s;
}

.quick-check-template .questionSlide-radioMark::after {
    content: '';
    width: 8px;
    height: 14px;
    margin-bottom: 3px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s;
}

.quick-check-template .questionSlide-radioOption input:checked + .questionSlide-radioMark {
    background-color: #67C3B7;
    border-color: #67C3B7;
}

.quick-check-template .questionSlide-radioOption input:checked + .questionSlide-radioMark::after {
    transform: rotate(45deg) scale(1);
}

.quick-check-template .questionSlide-radioLabel {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #000000;
    line-height: 1.4;
}

/* Note box (dashed border, below options) */
.quick-check-template .questionSlide-noteBox {
    border: 1px solid #EC7059;
    border-radius: 8px;
    padding: 16px 80px;
    margin-left: auto;
    margin-right: auto;
}

.quick-check-template .questionSlide-noteText {
    font-family: 'Poppins-Regular';
    font-size: 14px;
    color: #000000;
    line-height: 1.5;
    font-style: italic;
    margin: 0;
    text-align: center;
}

/* Dual radio columns (side-by-side radio groups) */
.quick-check-template .questionSlide-dualRadioContainer {
    display: flex;
    gap: 16px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.quick-check-template #step-6 .questionSlide-dualRadioContainer {
    max-width: none;
}

.quick-check-template .questionSlide-dualRadioColumn {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.quick-check-template .questionSlide-dualRadioHeading {
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    color: #002559;
    margin-bottom: 16px;
    line-height: 1.4;
    min-height: 2.8em;
    display: flex;
}

.quick-check-template .questionSlide-dualRadioColumn .questionSlide-optionsGroup {
    max-width: none;
}

/* Searchable dropdown */
.quick-check-template .questionSlide-searchDropdown {
    position: relative;
    width: 100%;
}

.quick-check-template .questionSlide-searchDropdown-inputWrap {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #002559;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.quick-check-template .questionSlide-searchDropdown-input {
    width: 100%;
    padding: 14px 40px 14px 16px;
    border: none;
    outline: none;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #002559;
    background: transparent;
}

.quick-check-template .questionSlide-searchDropdown-input::placeholder {
    color: #8C9AB2;
}

.quick-check-template .questionSlide-searchDropdown-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    font-size: 22px;
    color: #002559;
    cursor: pointer;
    transition: transform 0.2s ease;
    line-height: 1;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.quick-check-template .questionSlide-searchDropdown-arrow .questionSlide-searchDropdown-arrowImg {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.quick-check-template .questionSlide-searchDropdown-arrow.open {
    transform: translateY(-50%) rotate(0deg);
}

.quick-check-template .questionSlide-searchDropdown-list {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #002559;
    border-radius: 8px;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.quick-check-template .questionSlide-searchDropdown-item {
    padding: 10px 16px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #002559;
    cursor: pointer;
    transition: background 0.15s ease;
}

.quick-check-template .questionSlide-searchDropdown-item:hover {
    background: #F0F6FA;
}

.quick-check-template .questionSlide-searchDropdown-item.selected {
    background: #F0F0F0;
    font-family: 'Poppins-Medium';
}

/* Checkbox options group (dashed border container) */
.quick-check-template .questionSlide-checkboxGroup {
    border: 1px solid #002559;
    background: #ffffff;
    border-radius: 8px;
    padding: 24px;
    max-width: 754px;
    margin-left: auto;
    margin-right: auto;
}

.quick-check-template .questionSlide-checkboxOption {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 22px;
}

.quick-check-template .questionSlide-checkboxOption:last-child {
    margin-bottom: 0;
}

.quick-check-template .questionSlide-checkboxOption input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quick-check-template .questionSlide-checkMark {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 1px solid #002559;
    border-radius: 4px;
    margin-right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #ffffff;
    transition: background-color 0.2s, border-color 0.2s;
}

.quick-check-template .questionSlide-checkMark::after {
    content: "";
    width: 8px;
    height: 18px;
    border: solid #fff;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg) scale(0);
    transition: transform .2s;
    margin-bottom: 4px;
}

.quick-check-template .questionSlide-checkboxOption input:checked + .questionSlide-checkMark {
    background-color: #67C3B7;
    border-color: #67C3B7;
}

.quick-check-template .questionSlide-checkboxOption input:checked + .questionSlide-checkMark::after {
    transform: rotate(45deg) scale(1);
}

.quick-check-template .questionSlide-checkLabel {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #000000;
    line-height: 1.4;
}

/* Two-column checkbox layout */
.quick-check-template .questionSlide-checkboxGroup--twoCol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 22px;
}

.quick-check-template .questionSlide-checkboxGroup--twoCol .questionSlide-checkboxOption {
    margin-bottom: 0;
}

/* 6-2 column split */
.quick-check-template .questionSlide-checkboxGroup--6-2 {
    grid-template-rows: repeat(6, auto);
    grid-auto-flow: column;
}

/* 5-3 column split */
.quick-check-template .questionSlide-checkboxGroup--5-3 {
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
}

/* 4-4 column split */
.quick-check-template .questionSlide-checkboxGroup--4-4 {
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
}

/* 4-2 column split (4 in first column, 2 in second) */
.quick-check-template .questionSlide-checkboxGroup--4-2 {
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
}

/* 4-1 column split (4 in first column, 1 in second) */
.quick-check-template .questionSlide-checkboxGroup--4-1 {
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
}

/* Combined "Tidspunkt og utløsere" slide – 4 cards in 2x2 grid */
.quick-check-template .questionSlide-timeTriggers {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.quick-check-template .questionSlide-timeTriggersTitle {
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    color: #002559;
    margin: 0 0 20px;
}

.quick-check-template .questionSlide-timeTriggersGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.quick-check-template .questionSlide-timeTriggersCard {
    background: #FFFFFF;
    border: 1px solid #002559;
    border-radius: 10px;
    padding: 20px 24px;
}

.quick-check-template .questionSlide-timeTriggersCardHeading {
    font-family: 'Poppins-SemiBold';
    font-size: 14px;
    color: #002559;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0 0 16px;
    line-height: 1.3;
}

.quick-check-template .questionSlide-timeTriggersCard .questionSlide-searchDropdown,
.quick-check-template .questionSlide-timeTriggersCard .questionSlide-optionsGroup,
.quick-check-template .questionSlide-timeTriggersCard .questionSlide-checkboxGroup {
    max-width: none;
    padding: 0;
}

/* First card: age dropdown – keep visible border so card content is not empty-looking */
.quick-check-template .questionSlide-timeTriggersCard .questionSlide-searchDropdown {
    border: 1px solid #002559;
    border-radius: 8px;
    background: #ffffff;
}

.quick-check-template .questionSlide-timeTriggersCard .questionSlide-searchDropdown .questionSlide-searchDropdown-inputWrap {
    border-radius: 8px;
}

.quick-check-template .questionSlide-timeTriggersCard .questionSlide-optionsGroup,
.quick-check-template .questionSlide-timeTriggersCard .questionSlide-checkboxGroup {
    border: none;
    background: transparent;
}

.quick-check-template .questionSlide-timeTriggersCard .questionSlide-checkboxGroup--stacked {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Card 2 duration: 4 left, "Vet ikke" right column */
.quick-check-template .questionSlide-optionsGroup--duration {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 24px;
    align-items: start;
}

.quick-check-template .questionSlide-optionsGroup--duration .questionSlide-optionsCol {
    display: flex;
    flex-direction: column;
}

.quick-check-template .questionSlide-timeTriggersCard .questionSlide-checkboxOption {
    margin-bottom: 0;
}

/* Disabled NEXT button state */
.quick-check-template .questionSlide-nextBtn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Soft-disabled state used for indicator feedback (clickable for pulse guidance) */
.quick-check-template .questionSlide-nextBtn.is-soft-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Indicator question box (dashed border wrapper in question slide) */
.quick-check-template .questionSlide-indicatorBox {
    border: 1px solid #002559;
    background: #ffffff;
    border-radius: 8px;
    padding: 30px 35px 15px 35px;
    max-width: 754px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
}

.quick-check-template .questionSlide-indicatorBox .symptomsImage {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    transform: translateX(-50%);
    top: -24px;
}

.quick-check-template .questionSlide-indicatorBox .symptomsCategory {
    font-family: 'Poppins-Medium';
    font-size: 18px;
    line-height: 1.37em;
    color: #002559;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.quick-check-template .questionSlide-indicatorBox .symptomsHeading,
.quick-check-template .questionSlide-indicatorBox .indicatorHeading {
    font-size: 14px;
    font-family: 'Poppins-SemiBold';
    color: #444444 !important;
    margin-bottom: 0.5em;
}

.quick-check-template .questionSlide-indicatorBox .symptomsOptionContainer {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-bottom: 16px;
}

.quick-check-template .questionSlide-indicatorBox .symptomsOption {
    font-size: 14px;
    flex: 1;
    max-width: 140px;
}

.quick-check-template .questionSlide-indicatorBox .symptomsOption label {
    display: block;
    cursor: pointer;
}

.quick-check-template .questionSlide-indicatorBox .symptomsOption label span {
    display: block;
    text-align: center;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid #002559;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    font-family: 'Poppins-Regular';
}

.quick-check-template .questionSlide-indicatorBox .symptomsOption label input {
    display: none;
}

.quick-check-template .questionSlide-indicatorBox .symptomsOption label span.checked,
.quick-check-template .questionSlide-indicatorBox .symptomsOption input:checked + span {
    background-color: #002559;
    color: #FFFFFF;
    border-color: #002559;
}

.quick-check-template .questionSlide-indicatorBox .indicatorContainer {
    margin-top: 12px;
}

.quick-check-template .questionSlide-indicatorBox .indicatorPopUpTextContainer {
    font-size: 12px;
    font-family: 'Poppins-Medium';
    color: #009DC1;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 8px;
    text-decoration: underline;
}

.quick-check-template .questionSlide-footer {
    background-color: #FFFFFF;
    padding: 32px 64px;
    flex-shrink: 0;
    border-top: 1px solid #E0E0E0;
    border-radius: 0 0 8px 8px;
}

.quick-check-template .questionSlide-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

/* BACK button */
.quick-check-template .questionSlide-backBtn {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 9px 24px 9px 12px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 999px;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
    cursor: pointer;
    transition: background-color 0.2s;
    width: 100%;
    max-width: 205px;
    justify-content: space-between;
}

.quick-check-template .questionSlide-backBtn:hover {
    background-color: #f0f4f8;
}

.quick-check-template .questionSlide-backBtnText {
    margin-left: 4px;
}

.quick-check-template .questionSlide-backBtnArrow {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.quick-check-template .questionSlide-backBtnArrow img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    transform: scaleX(-1);
    filter: brightness(0);
}

.quick-check-template .questionSlide-backBtnArrowIcon {
    width: 0;
    height: 0;
    border-right: 6px solid #002559;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

/* NEXT button (question slide) */
.quick-check-template .questionSlide-nextBtn {
    padding: 10px 12px 10px 24px;
    background-color: #67c3b7;
    border: 0px;
    font-size: 16px;
    margin-top: 0;
    text-transform: uppercase;
    color: #fff;
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 205px;
    border-radius: 999px;
    font-family: 'Poppins-Medium';
    justify-content: space-between;
}

.quick-check-template .questionSlide-nextBtn:hover {
    background-color: #4eb8b1;
}

.quick-check-template .questionSlide-nextBtnText {
    margin-right: 4px;
}

.quick-check-template .questionSlide-nextBtnArrow {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.quick-check-template .questionSlide-nextBtnArrow img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.quick-check-template .questionSlide-nextBtnArrowIcon {
    width: 0;
    height: 0;
    border-left: 6px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

/* Pagination in question slide header */
.quick-check-template .questionSlide-header .pagination {
    display: flex;
    justify-content: space-between;
    max-width: 608px;
    margin: 0 auto;
    position: relative;
}

.quick-check-template .questionSlide-header .pagination::after {
    position: absolute;
    left: 0;
    top: 48%;
    height: 2px;
    background: #E0E0E0;
    content: "";
    width: 100%;
    display: block;
    z-index: 0;
}

.quick-check-template .questionSlide-header .pagination .step {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #E0E0E0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E0E0E0;
    font-family: 'Poppins-SemiBold';
    font-size: 14px;
    color: #FFFFFF;
    z-index: 1;
    position: relative;
    transition: all 0.2s;
}

.quick-check-template .questionSlide-header .pagination .step.active {
    background-color: #002559;
    border-color: #002559;
    color: #fff;
    font-size: 14px;
}

.quick-check-template .questionSlide-header .pagination .step.completed {
    background-color: #002559;
    border-color: #002559;
    color: #fff;
}

/* Progress line that fills dark blue behind completed steps */
.quick-check-template .questionSlide-header .pagination::before {
    content: "";
    position: absolute;
    left: 0;
    top: 48%;
    height: 2px;
    background: #002559;
    width: var(--pagination-progress, 0%);
    display: block;
    z-index: 1;
    transition: width 0.3s ease;
}

.quick-check-template .descriptionContainer .heading,
.quick-check-template .introSlide .heading {
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    margin-bottom: 16px;
    line-height: 1.15em;
    color: #002559;
    line-height: 1.5;
}

.quick-check-template .descriptionContainer .subheading {
    font-family: 'Poppins-Light';
    font-size: 16px;
    color: #444444;
}

.quick-check-template .descriptionContainer .pagination {
    display: flex;
    justify-content: space-between;
    max-width: 475px;
    margin: 0 auto;
    position: relative;
    margin-top: 1.2rem;
}

.quick-check-template .descriptionContainer .pagination::after {
    position: absolute;
    left: 0;
    top: 50%;
    height: 2px;
    background: #F2F2F2;
    content: "";
    width: 100%;
    display: block;
}

.quick-check-template .descriptionContainer .step {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #EAEAEA;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EAEAEA;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11px;
    z-index: 20;
    font-family: 'Poppins-Medium';
}

.quick-check-template .descriptionContainer .completed {
    background-color: #FFFFFF;
    color: #002559;
    border: 2px solid #002559;
}

.quick-check-template .descriptionContainer .active {
    background-color: #0A2458;
    color: #FFFFFF;
    border: 2px solid #0A2458;
}

.quick-check-template .questionAnswer {
    padding: 1.5em 0px;
}

.quick-check-template .questionAnswerContainer[data-question-type="indicator"] .mainAnswerContainer {
    margin-top: 30px;
}

.quick-check-template .question {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    margin-bottom: 1em;
    line-height: 1.33em;
    color: #002559;
}

@keyframes arrowGlide {
    0% {
        transform: translateX(-10px);
    }

    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(-10px);
    }
}

.quick-check-template .arrow-glide-animation.visible::before {
    animation: arrowGlide 3s ease infinite;
    animation-delay: 0s, 0s;
    animation-fill-mode: forwards, none;
    animation-delay: 0s, 2s;
    animation-fill-mode: forwards, none;
}

.quick-check-template .leftNavigationButtonContainer,
.quick-check-template .rightNavigationButtonContainer {
    height: max-content;
    color: #002559;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    letter-spacing: 1px;
}

.quick-check-template .leftNavigationButtonContainer .transform-180 {
    transform: rotate(180deg);
}

.quick-check-template .leftNavigationButtonContainer:disabled,
.quick-check-template .rightNavigationButtonContainer:disabled {
    cursor: not-allowed;
}

.quick-check-template .rightNavigationButtonContainer[data-next-step="step-result"] {
    padding: 9px 13px 13px;
    border-radius: 40px;
    background-color: #67C3B7;
    font-size: 16px;
    color: #002559;
}

.quick-check-template .rightNavigationButtonContainer[data-next-step=step-result] span.buttonLabel {
    padding-left: 5px;
    padding-top: 6px;
}

.quick-check-template .rightNavigationButtonContainer[data-next-step="step-result"] span.rightButtonContainer {
    color: #FFFFFF;
    font-size: 24px;
    margin-left: 0.7em;
    width: 24px;
    height: 24px;
}

.quick-check-template .mobileNavigation .leftNavigationButtonContainer,
.quick-check-template .mobileNavigation .rightNavigationButtonContainer {
    padding-top: 5px;
}

.quick-check-template .buttonLabel {
    font-size: 16px;
    font-family: 'Poppins-Medium';
    line-height: 1.06em;
    text-transform: uppercase;
}

.quick-check-template .buttonContainer {
    padding: 7px;
    border-radius: 50%;
    font-size: 24px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
}

.quick-check-template .rightButtonContainer {
    background-color: #67C3B7;
    margin-left: 0.5em;
}

.quick-check-template .leftButtonContainer {
    background-color: #009DC1;
    color: #FFFFFF;
    margin-right: 0.5em;
}


.quick-check-template .mainAnswerContainer {
    width: fit-content;
    max-width: 100%;
}

.quick-check-template .answerContainer {
    border: 2px dashed #009DC1;
    background-color: #FFFFFF;
    width: 100vw;
    border-radius: 10px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content {
    background: #fff;
    padding: 48px 24px 64px 24px;
    width: 90%;
    max-width: 920px;
    text-align: center;
    position: relative;
    border-radius: 16px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #67C3B7;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 0;
    transition: background-color 0.2s;
    line-height: 1;
}

/* Thin X icon via CSS (font-independent) */
.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn::before,
.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 32px;
    background-color: #fff;
    border-radius: 1px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn::before {
    transform: rotate(45deg);
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn::after {
    transform: rotate(-45deg);
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn:hover {
    background-color: #4eb8b1;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .popUpHeading {
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    color: #000000;
    margin-bottom: 40px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .popupIndicatorContainer {
    display: flex;
    justify-content: space-between;
    padding-bottom: 32px;
    border-bottom: 1px solid #EBEBEB;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator {
    flex: 1;
    text-align: center;
    padding: 0 4px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator .scoreDescription {
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    line-height: 1.3;
    min-height: 2.6em;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 4px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator .score {
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
}

/* Scale bar inside indicator popup */
.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupScaleBar {
    margin-bottom: 24px;
    margin-top: 40px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupScaleGradient {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(to right, #009DC1 0%, #56B87B 10%, #A0C844 20%, #FBD104 30%, #F2AB35 45%, #FF5D21 60%, #FF3317 75%, #EA1509 88%, #BF0101 100%);
    border-radius: 100px;
    padding: 6px 2px;
    height: 34px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupScaleGradient span {
    flex: 1;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-size: 14px;
    color: #FFFFFF;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupScaleLabels {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupScaleLabels span {
    font-family: 'Poppins-Medium';
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupReference {
    font-family: Poppins-Regular;
    font-size: 14px;
    color: #767676;
    line-height: 1.5;
    margin: 0;
    padding: 0 1em;
    font-style: Italic;
}

.quizPopupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.quizPopupOverlay .popup-content {
    background-color: #FFFFFF;
    padding: 64px 24px;
    width: 90%;
    max-width: 850px;
    text-align: center;
    position: relative;
    border-radius: 12px;
}

.quizPopupOverlay .popup-content .popup-closeBtn {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #67C3B7;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 0;
    transition: background-color 0.2s;
}

.quizPopupOverlay .popup-content .popup-closeBtn .icon-close1 {
    display: none;
}

/* Thin X icon via CSS (same as indicator popup) */
.quizPopupOverlay .popup-content .popup-closeBtn::before,
.quizPopupOverlay .popup-content .popup-closeBtn::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 32px;
    background-color: #fff;
    border-radius: 1px;
}

.quizPopupOverlay .popup-content .popup-closeBtn::before {
    transform: rotate(45deg);
}

.quizPopupOverlay .popup-content .popup-closeBtn::after {
    transform: rotate(-45deg);
}

.quizPopupOverlay .popup-content .popup-closeBtn:hover {
    background-color: #4eb8b1;
}

.quizPopupOverlay .popup-content .popupHeader {
    color: #002559;
    font-family: 'Poppins-SemiBold';
    margin-bottom: 24px;
    font-size: 32px;
    text-transform: uppercase;

}

.quizPopupOverlay .popup-content .popupHeading {
    font-family: 'Poppins-Regular';
    font-size: 24px;
    color: #002559;
    line-height: 1.5;
}

.quizPopupOverlay .popup-content .popupButtonContainer {
    margin-top: 48px;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.quizPopupOverlay .popup-content .popupButtonContainer .btn {
    padding: 18px 44px;
    border-radius: 30px;
    font-family: 'Poppins-Medium';
    cursor: pointer;
    font-size: 16px;
    letter-spacing: normal;
    transition: background-color 0.2s;
    min-width: 210px;
}

.quizPopupOverlay .popup-content .popupButtonContainer .noBtn {

    border: 2px solid #67C3B7;
    color: #FFFFFF;
    background-color: #67C3B7;
}

.quizPopupOverlay .popup-content .popupButtonContainer .noBtn:hover {
    background-color: #4eb8b1;
    border: 2px solid #4eb8b1;
}

.quizPopupOverlay .popup-content .popupButtonContainer .yesBtn {
    border: 1px solid #444444;
    color: #444444;
    background-color: transparent;
}

.quizPopupOverlay .popup-content .popupButtonContainer .yesBtn:hover {
    background-color: #e6e6e6;
}

/* multiCheckboxes CSS */

.quick-check-template .answerContainer [data-options-type="multiCheckboxes"] {
    padding: 1.25em 1.25em 0.75em 1.25em;
    gap: 12px;
}

.quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .checkboxesContainer {
    /* flex: 1; */
    height: fit-content;
}

.quick-check-template .answerContainer [data-options-type="multiCheckboxes"] {
    position: relative;
}

.quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer {
    position: absolute;
}

.quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer {
    /* flex:1; */
    max-width: 380px;
}

.quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer img {
    max-height: 210px;
}

.quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .twoColumn {
    grid-template-columns: 1fr 1fr;
    display: grid;
    column-gap: 8px
}

.quick-check-template .checkbox-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
}
.quick-check-template .questionSlide #step-9 .checkbox-item {
    line-height: 16px;
    /* padding-right: 30px; */
    width: 77%;
}
.quick-check-template .questionAnswer[id="step-6"] .checkbox-item:nth-child(8) {
    grid-column: 1;
}

.quick-check-template .questionAnswer[id="step-6"] .answerContainer [data-options-type="multiCheckboxes"] {
    padding: 1.25em 1.25em .75em 1.25em;
}

.quick-check-template .checkbox-item:has(.checkbox:nth-child(4)) {
    column-count: 2;
}

.quick-check-template .checkbox-item input[type="checkbox"],
.quick-check-template .checkbox-item input[type="radio"] {
    display: none;
}

.quick-check-template .checkbox-item .checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #002559;
    border-radius: 4px;
    display: inline-block;
    margin-right: 10px;
    min-width: 20px;
    position: relative;
    background-color: #FFFFFF;
}

.quick-check-template .checkbox-item input[type="checkbox"]:checked+.checkmark,
.quick-check-template .checkbox-item input[type="radio"]:checked+.checkmark {
    background-color: #67C3B7;
    border-color: #67C3B7;
}

.quick-check-template .checkbox-item input[type="checkbox"]:checked+.checkmark:before,
.quick-check-template .checkbox-item input[type="radio"]:checked+.checkmark:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 7px;
    height: 12px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* end multiCheckboxes CSS */

/* indicatorOptions CSS */
.quick-check-template [data-options-type="indicatorOptions"] {
    padding: 30px 35px 28px 35px;
    text-align: center;
    position: relative;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsImage {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    transform: translateX(-50%);
    top: -24px;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsCategory {
    font-family: 'Poppins-Medium';
    font-size: 18px;
    line-height: 1.37em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer {
    margin-top: 40px;
}

.quick-check-template #step-4 [data-options-type="indicatorOptions"] .indicatorContainer {
    margin-top: 8px;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsHeading,
.quick-check-template [data-options-type="indicatorOptions"] .indicatorHeading {
    font-size: 16px;
    font-family: 'Poppins-SemiBold';
    color: #444444;
    line-height: 1.57em;
    margin-bottom: 1em;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorHeading {
    margin-bottom: 24px;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsOptionContainer {
    display: flex;
    gap: 20px;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsOption {
    font-size: 16px;
    flex: 1;
    max-width: 250px!important;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsOption label {
    float: left;
    width: 100%;
    display: block;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsOption label span {
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 30px;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #002559;
    border: 1px solid #002559;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsOption label input {
    position: absolute;
    top: -20px;
    display: none;
}

.quick-check-template [data-options-type="indicatorOptions"] .symptomsOption input:checked+span {
    background-color: #002559;
    color: #FFFFFF;
    border: 1px solid #002559;
}

.quick-check-template [data-options-type="indicatorOptions"] .checkbox-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65em 10px;
    border-radius: 30px;
    /* font-family: 'Poppins-Regular'; */
    font-size: 11px;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #B7B7B7;
    border: 1px solid #B7B7B7;
}

.quick-check-template [data-options-type="indicatorOptions"] .checkbox-button.checked {
    background-color: #009DC1;
    color: #FFFFFF;
    border: 1px solid #009DC1;
}

.quick-check-template [data-options-type="indicatorOptions"] .checkbox-button input[type="checkbox"] {
    display: none;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .scale-container,
.quick-check-template .resultIndicatorContainer.scale-container {
    text-align: center;
    max-width: 542px;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .labels,
.quick-check-template .resultIndicatorContainer.scale-container .labels,
.quick-check-template #doctorTab .labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .slider,
.quick-check-template .resultIndicatorContainer.scale-container .slider,
.quick-check-template #doctorTab .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 32px;
    background: linear-gradient(to right, #009DC1 12%, #FBD104 20%, #F2AB35 40%, #FF5D21 50%, #FF3317 65%, #EA1509 80%, #BF0101 100%);
    outline: none;
    border-radius: 16px;
}

.quick-check-template #doctorTab .slider {
    height: 32px !important;
    border-radius: 100px;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .slider::-webkit-slider-thumb,
.quick-check-template .resultIndicatorContainer.scale-container .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #002559;
    cursor: pointer;
    background-image: url('https://cdn.shopify.com/s/files/1/0605/5156/1273/files/Group_4269.jpg');
    background-repeat: no-repeat;
    background-size: 28%;
    background-position: center;
    justify-content: center;
    padding: 5px 10px;
    position: relative;
    z-index: 400;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .slider::-moz-range-thumb,
.quick-check-template .resultIndicatorContainer.scale-container .slider::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 9px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #002559;
    cursor: pointer;
    background-image: url('https://cdn.shopify.com/s/files/1/0605/5156/1273/files/Group_4269.jpg');
    background-repeat: no-repeat;
    background-size: 28%;
    background-position: center;
    justify-content: center;
    padding: 5px 10px;
    position: relative;
    z-index: 400;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .sliderr::-ms-thumb,
.quick-check-template .resultIndicatorContainer.scale-container .slider::-ms-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #002559;
    cursor: pointer;
    background-image: url('https://cdn.shopify.com/s/files/1/0605/5156/1273/files/Group_4269.jpg');
    background-repeat: no-repeat;
    background-size: 28%;
    background-position: center;
    justify-content: center;
    padding: 5px 10px;
    position: relative;
    z-index: 400;
}

.quick-check-template .resultIndicatorContainer.scale-container .slider::-webkit-slider-thumb {
    background-image: url('https://cdn.shopify.com/s/files/1/0605/5156/1273/files/Polygon.png?v=1729176375');
    margin-top: 40px;
    border: 0;
    background-color: transparent;
    background-size: 15px;
    padding: 10px;
    border-right: 7px solid transparent;
    box-shadow: none;
}

.quick-check-template .scale-container .slider:disabled {
    opacity: 1 !important;
}

.quick-check-template .resultIndicatorContainer.scale-container .slider[value="0"]::-webkit-slider-thumb {
    border-right: 0px solid transparent;
}
.quick-check-template .resultIndicatorContainer.scale-container .slider[value="1"]::-webkit-slider-thumb {
    border-right: 3px solid transparent;
}
.quick-check-template .resultIndicatorContainer.scale-container .slider[value="2"]::-webkit-slider-thumb {
    border-right: 4px solid transparent;
}
.quick-check-template .resultIndicatorContainer.scale-container .slider[value="4"]::-webkit-slider-thumb {
    border-right: 5px solid transparent;
}
.quick-check-template .resultIndicatorContainer.scale-container .slider[value="5"]::-webkit-slider-thumb {
    border-right: 6px solid transparent;
}


.quick-check-template #doctorTab .slider::-webkit-slider-thumb {
    width: 0px;
    height: 0px;
    display: none;
    opacity: 0;
    visibility: hidden;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .number-labels,
.quick-check-template .resultIndicatorContainer.scale-container .number-labels,
.quick-check-template #doctorTab .number-labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-family: 'Poppins-Medium';
    color: #FFFFFF;
    position: absolute;
    top: 16%;
    right: 10px;
    left: 10px;
    height: 0px;
    pointer-events: none;
}

.quick-check-template #doctorTab .number-labels {
    font-size: 14px;
    top: 18%;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .number-labels span,
.quick-check-template .resultIndicatorContainer.scale-container .number-labels span, .quick-check-template #doctorTab .number-labels span {
    height: 0px;
}
.quick-check-template .resultIndicatorContainer.scale-container .number-labels span {
    position: relative;
}
.quick-check-template .resultIndicatorContainer.scale-container .number-labels span.active:before {
    content: "";
    width: 2px;
    display: block;
    height: 4px;
    background: #fff;
    position: absolute;
    top: -4px;  
    left: 3px;  
}
.quick-check-template .resultIndicatorContainer.scale-container .number-labels span.active:after {
    content: "";
    width: 2px;
    display: block;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 16px;
    left: 3px;
}
.quick-check-template .resultIndicatorContainer.scale-container .number-labels span:nth-child(2):before,
.quick-check-template .resultIndicatorContainer.scale-container .number-labels span:nth-child(2):after{
    left: 1px;
}
.quick-check-template .resultIndicatorContainer.scale-container .number-labels span:nth-child(11):before,
.quick-check-template .resultIndicatorContainer.scale-container .number-labels span:nth-child(11):after{
    left: 4px;
}


.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .indicatorText,
.quick-check-template .resultIndicatorContainer.scale-container .indicatorText {
    font-size: 14px;
    font-family: 'Poppins-SemiBold';
}

.quick-check-template #doctorTab .indicatorText {
    font-family: 'Poppins-Regular';
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .sliderNotAffected, 
.quick-check-template #doctorTab .sliderNotAffected {
    color: #009DC1;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .sliderVeryAffected, 
.quick-check-template #doctorTab .sliderVeryAffected {
    color: #C00100;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .character {
    display: flex;
    justify-content: center;
    margin-top: -10px
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .character img {
    height: 87px;
    width: 80px;
}

.quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .indicatorPopUpTextContainer {
    font-family: 'Poppins-Medium';
    text-decoration: underline;
    color: #515B66;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

/* end indicatorOptions CSS */

.quick-check-template .navigation-icon {
    cursor: pointer;
}

.quick-check-template .resultContainer {
    max-width: 1590px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 30px 40px 30px;
}

.quick-check-template .result {
    max-width: 1590px;
    margin-left: auto;
    margin-right: auto;
}

/* Result hero: date, title, intro, action buttons */
.quick-check-template .resultHero {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding: 32px 0 40px;
    border-bottom: 1px solid #EBEBEB;
    /* background-color: #FFFFFF; */
}

.quick-check-template .resultHero-content {
    max-width: 750px;
}

.quick-check-template .resultHero-date {
    font-family: 'Poppins-Regular';
    font-size: 14px;
    color: #505A64;
    margin: 0 0 24px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.quick-check-template .resultHero-title {
    font-family: 'Poppins-SemiBold';
    font-size: 40px;
    color: #002559;
    margin: 0 0 16px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 16px;
}

.quick-check-template .resultHero-titleIcon {
    display: inline-block;
    background-color: #002559;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cline x1='10' y1='9' x2='8' y2='9'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cline x1='10' y1='9' x2='8' y2='9'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
}

.quick-check-template .resultHero-titleIcon--img {
    background: none;
    -webkit-mask-image: none;
    mask-image: none;
}

.quick-check-template .resultHero-titleIcon--img img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}

.quick-check-template .resultHero-intro {
    font-family: 'Poppins-Regular';
    font-size: 18px;
    color: #000000;
    line-height: 1.6;
}

.quick-check-template .resultHero-intro p {
    margin: 0 0 12px;
}

.quick-check-template .resultHero-intro p:last-child {
    margin-bottom: 0;
}

.quick-check-template .resultHero-actions {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-shrink: 0;
    padding-top: 48px;
}

.quick-check-template .resultHero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 16px 16px 24px;
    border: none;
    border-radius: 100px;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    white-space: nowrap;
    min-width: 300px;
}

.quick-check-template .resultHero-btn--primary {
    background-color: #67C3B7;
}

.quick-check-template .resultHero-btn--primary:hover {
    background-color: #5ab5a9;
}

.quick-check-template .resultHero-btn--secondary {
    background-color: #002559;
}

.quick-check-template .resultHero-btn--secondary:hover {
    background-color: #001a3d;
}

.quick-check-template .resultHero-btnIcon {
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

.quick-check-template .resultHero-btnIcon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
}

.quick-check-template .resultHero-btnIcon--svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.quick-check-template .resultHero-btnSvg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: #fff;
}

.quick-check-template .resultHeader {
    justify-content: space-between;
    margin-bottom: 20px;
}

.quick-check-template .tabContainer {
    background-color: #8DCEC8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.quick-check-template .tabContainer button {
    border: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    padding: 20px 40px;
    background-color: transparent;
    color: #FFFFFF;
}

.quick-check-template .tabContainer button[data-tab="summaryTab"] {
    max-width: 360px;
}

.quick-check-template .tabContainer button[data-tab="doctorTab"] {
    flex-grow: 1;
}

.quick-check-template .tabContainer button.active {
    background-color: #FFFFFF;
    color: #002559;
}

.quick-check-template .tabContainer button:first-child.active {
    box-shadow: 10px 0 5px -5px #0000002b;
}

.quick-check-template .tabContainer button:nth-child(2).active {
    box-shadow: -10px 0 5px -5px #0000002b;
}

.quick-check-template .tabContainer button .tabIcon {
    font-size: 30px;
}

.quick-check-template .tabContainer button .text {
    text-align: left;
    font-family: 'Poppins-Medium';
    font-size: 19px;
    padding-left: 20px;
}

.quick-check-template .result #summaryTab,
.quick-check-template .result #doctorTab {
    padding: 24px 0 4em 0;
}

/* Doctor report: Rapport til legen + sections */
.quick-check-template .doctorReport-title {
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    color: #002559;
    margin: 0 0 24px;
    line-height: 1.5;
}

.quick-check-template .doctorReport-sections {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.quick-check-template .doctorReport-section {
    background-color: #F1F6FA;
    border-radius: 16px;
    padding: 40px;
}

.quick-check-template .doctorReport-sectionTitle {
    font-family: 'Poppins-Regular';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    color: #002559;
    margin: 0 0 40px;
}

/* Tidspunkt og utløsere – grid: row 1 = title (left) + button (right), row 2 = cards */
.quick-check-template .doctorReport-timeTriggers {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 0 16px;
    padding: 30px 40px 40px 40px;
}

.quick-check-template .doctorReport-timeTriggers .doctorReport-sectionHeader {
    grid-column: 1;
    grid-row: 1;
    height: min-content;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.quick-check-template .doctorReport-timeTriggers .doctorReport-sectionHeader .doctorReport-sectionTitle {
    margin: 0;
}

.quick-check-template .doctorReport-timeTriggers .doctorReport-sectionSendWrap {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    margin-bottom: 24px;
}

.quick-check-template .doctorReport-sendBtn .resultHero-btnSvg {
    color: #fff;
}

/* Tidspunkt og utløsere – 4 cards in 2x2 grid */
.quick-check-template .doctorReport-timeTriggers .doctorReport-timeTriggersGrid {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.quick-check-template .doctorReport-timeTriggersCard {
    min-width: 0;
}

.quick-check-template .doctorReport-timeTriggersCard .doctorReport-questionBox {
    height: 100%;
}

.quick-check-template .doctorReport-timeTriggersCard .doctorReport-options {
    gap: 30px;
}

/* Card 2: Duration – 4 left, "Vet ikke" right column */
.quick-check-template .doctorReport-options--duration {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
    align-items: start;
}

.quick-check-template .doctorReport-options--duration .doctorReport-optionsCol {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Card 3: When worst – 4 and 4 in two columns */
.quick-check-template .doctorReport-options--4-4 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    gap: 12px 24px;
}

.quick-check-template .doctorReport-options--4-4 .doctorReport-option {
    margin: 0;
}

/* Card 4: Triggers – 4 left, "Vet ikke" right column */
.quick-check-template .doctorReport-options--triggers {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
    align-items: start;
}

.quick-check-template .doctorReport-options--triggers .doctorReport-optionsCol {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Medical History & Treatment – two cards in a row */
.quick-check-template .doctorReport-twoCards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.quick-check-template .doctorReport-card {
    min-width: 0;
}

.quick-check-template .doctorReport-card .doctorReport-questionBox {
    height: 100%;
}

/* Behandling section: force spacer and buttons into second row, col 1 and col 2 */
.quick-check-template .doctorReport-treatment .doctorReport-treatmentSpacer {
    grid-column: 1;
    min-height: 0;
}

.quick-check-template .doctorReport-treatment .doctorReport-treatmentActions {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
}

.quick-check-template .doctorReport-treatmentActions .resultHero-btnSvg {
    color: #fff;
}

.quick-check-template .doctorReport-cardParagraph {
    font-family: 'Poppins-Regular';
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #0D1723;
    margin: 0;
    text-transform: none;
}

.quick-check-template .doctorReport-questionBox {
    background-color: #FFFFFF;
    border: 1px solid #002559;
    border-radius: 10px;
    padding: 32px;
}

.quick-check-template .doctorReport-questionText {
    font-family: 'Poppins-Regular';
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 12px;
    color: #002559;
    line-height: 1.5;
    word-break: break-word;
}

.quick-check-template .doctorReport-options {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.quick-check-template .doctorReport-option {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Poppins-Regular';
    font-size: 15px;
    color: #0D1723;
}

.quick-check-template .doctorReport-optionMark {
    width: 24px;
    height: 24px;
    border: 1px solid #B8B8B8;
    border-radius: 50%;
    background-color: #FFFFFF;
    position: relative;
}

.quick-check-template .doctorReport-option--selected .doctorReport-optionMark {
    background-color: #67C3B7;
    border-color: #67C3B7;
}

.quick-check-template .doctorReport-option--selected .doctorReport-optionMark::after {
    content: '';
    position: absolute;
    left: 7.5px;
    top: 3px;
    width: 7px;
    height: 13px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.quick-check-template .doctorReport-optionLabel {
    flex: 1;
    font-family: 'Poppins-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.quick-check-template .doctorReport-option:not(.doctorReport-option--selected) .doctorReport-optionLabel {
    color: #B8B8B8;
}

.quick-check-template .doctorReport-option:not(.doctorReport-option--selected) .doctorReport-optionMark {
    border-color: #B8B8B8;
}

.quick-check-template .doctorReport-dailyLifeOptions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    gap: 30px 24px;
}

.quick-check-template .doctorReport-dailyLifeOptions .doctorReport-option {
    color: #B8B8B8;
}

.quick-check-template .doctorReport-dailyLifeOptions .doctorReport-option--selected {
    color: #0D1723;
}

.quick-check-template .doctorReport-dailyLifeOptions .doctorReport-optionMark {
    border-radius: 4px;
}

/* Square checkboxes (same as Påvirkning på hverdagen) for: When worst, Triggers, JEG HAR ELLER HAR TIDLIGERE HATT */
.quick-check-template .doctorReport-options--4-4 .doctorReport-optionMark,
.quick-check-template .doctorReport-options--triggers .doctorReport-optionMark,
.quick-check-template .doctorReport-medicalHistory .doctorReport-options .doctorReport-optionMark {
    border-radius: 4px;
}

/* Age input (first symptom age) in Tidspunkt og utløsere: square instead of circle */
.quick-check-template .doctorReport-timeTriggersGrid .doctorReport-timeTriggersCard:first-child .doctorReport-optionMark {
    border-radius: 4px;
}

/* Symptom overview section (Min symptomoversikt) */
.quick-check-template .symptomOverview-section.doctorReport-section {
    background-color: #f1f6fa;
    border-radius: 16px;
    padding: 40px;
}

.quick-check-template .symptomOverview-title {
    font-family: 'Poppins-SemiBold';
    font-size: 22px;
    color: #002559;
    text-align: center;
    margin: 0 0 24px;
}

.quick-check-template .symptomOverview-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.75fr;
    gap: 20px;
    margin-bottom: 32px;
}

.quick-check-template .symptomOverview-card {
    background-color: #FFFFFF;
    border: 1px solid #002559;
    border-radius: 12px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}

.quick-check-template .symptomOverview-cardIcon {
    margin-bottom: 16px;
}

.quick-check-template .symptomOverview-cardIcon img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.quick-check-template .symptomOverview-cardMain {
    font-size: 20px;
    color: #000000;
    margin: 0;
    line-height: 1.3;
}

.quick-check-template .symptomOverview-cardSub {
    font-family: 'Poppins-Regular';
    font-size: 14px;
    color: #5A6B7D;
    margin: 0;
    line-height: 1.4;
}

.quick-check-template .symptomOverview-cardOptions {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
}

.quick-check-template .symptomOverview-cardOption {
    font-size: 20px;
    color: #B8B8B8;
    line-height: 1.4;
}

.quick-check-template .symptomOverview-cardOption--selected {
    color: #000000;
}

.quick-check-template .symptomOverview-severityBar {
    margin-top: auto;
    padding-top: 12px;
    width: 100%;
}

.quick-check-template .symptomOverview-severityPill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    padding: 12px 16px;
    border-radius: 999px;
    font-family: 'Poppins-Medium';
    font-size: 20px;
    color: #FFFFFF;
    width: 100%;
}

/* Breathing card (checkbox list) */
.quick-check-template .symptomOverview-card--breathing {
    justify-content: flex-start;
}

.quick-check-template .symptomOverview-options {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.quick-check-template .symptomOverview-option {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #B8B8B8;
}

.quick-check-template .symptomOverview-option--selected {
    color: #0D1723;
}

.quick-check-template .symptomOverview-optionMark {
    width: 24px;
    height: 24px;
    border: 1px solid #B8B8B8;
    border-radius: 4px;
    background-color: #FFFFFF;
    position: relative;
}

.quick-check-template .symptomOverview-option--selected .symptomOverview-optionMark {
    background-color: #67C3B7;
    border-color: #67C3B7;
}

.quick-check-template .symptomOverview-option--selected .symptomOverview-optionMark::after {
    content: '';
    position: absolute;
    left: 7.5px;
    top: 3px;
    width: 7px;
    height: 13px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.quick-check-template .symptomOverview-scale {
    margin-top: 24px;
}

.quick-check-template .symptomOverview-scale .scale-container {
    display: flex;
    flex-direction: column-reverse;
}

.quick-check-template .symptomOverview-scale .scale-container .labels {
    margin-bottom: 8px;
}

.quick-check-template .symptomOverview-scaleRef {
    font-family: 'Poppins-Regular';
    font-size: 12px;
    color: #767676;
    line-height: 1.5;
    margin: 12px auto 0;
    max-width: 100%;
    text-align: center;
}

.quick-check-template .result .dtButtonContainer {
    margin-top: 0px;
    margin-bottom: 1em;
    text-align: -webkit-right;
}

.quick-check-template .result .dtButtonContainer button {
    padding: 11px 20px;
    border-radius: 26px;
    background-color: #8CCEC8;
    /* font-family: 'Poppins-Regular'; */
    border: 0px;
    justify-content: space-between;
    align-items: center;
    min-width: 260px;
}

.quick-check-template .result .dtButtonContainer button .buttonText {
    font-size: 16px;
    color: #002559;
}

.quick-check-template .result .dtButtonContainer button .buttonText.get-full-report {
    padding-top: 0;
}

.quick-check-template .result .dtButtonContainer button .buttonIcon {
    font-size: 30px;
    color: #FFFFFF;
    margin-left: 10px;
}

.quick-check-template .result #summaryTab {
    margin-bottom: 1.25em;
}

.quick-check-template .result #summaryTab .generalDescription {
    background-color: #FFFFFF;
    text-align: center;
}

.quick-check-template .result #summaryTab .summaryHeading,  .quick-check-template .result #doctorTab .doctorHeading {
    font-size: 24px;
    font-family: 'Poppins-SemiBold';
    margin-bottom: 0.5em;
}

.quick-check-template .result #doctorTab .doctorHeading {
    color: #002559;
}

.quick-check-template .result #summaryTab .summaryDescription, .quick-check-template .result #doctorTab .doctorDescription {
    font-size: 16px;
}

.quick-check-template .result #summaryTab .strugglingSymptomsContainer {
    border: 2px dashed #009DC1;
    border-radius: 10px;
    padding: 20px;
}

.quick-check-template .result #summaryTab .strugglingSymptomsContainer .strugglingSymptomsHeading {
    font-size: 16px;
    text-align: center;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.result #summaryTab .suspectedTriggersContainer .suspectedTriggersHeading {
    text-transform: uppercase;
}

.quick-check-template .result #summaryTab .strugglingSymptomsContainer .indicatorIconsContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.quick-check-template .result #summaryTab .strugglingSymptomsContainer .indicatorIcons {
    font-size: 45px;
    color: #DBDBDB;
    margin: 0px 5px;
}

.quick-check-template .result #summaryTab .strugglingSymptomsContainer .indicatorIcons.active {
    color: #002559;
}

.quick-check-template .result #summaryTab .strugglingSymptomsContainer .indicatorIconsContainer img {
    width: 85px;
    height: 85px;
    margin: 0px 5px;
}

.quick-check-template .result #summaryTab .strugglingSymptomsContainer .indicatorDescription {
    font-size: 10px;
    color: #B7B7B7;
    margin-top: 0.5em;
}

.quick-check-template .result #summaryTab .triggerContainer {
    flex-direction: column;
}

.quick-check-template .result #summaryTab .lifeAffectedContainer,
.quick-check-template .result #summaryTab .suspectedTriggersContainer {
    border: 2px dashed #009DC1;
    border-radius: 10px;
    padding: 20px;
}

.quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedheading,
.quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersheading {
    font-size: 17px;
}

.quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedHeading {
    text-transform: uppercase;
    margin-bottom: 0;
}

.quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer,
.quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer {
    display: flex;
    color: #DBDBDB;
    justify-content: space-between;
    margin-top: 0.75em;
}

.quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer {
    margin-top: 8px;
}

.quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer {
    text-align: center;
    margin: 0px 3px;
}

.quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer.active {
    color: #009DC1;
}

.quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .icon {
    font-size: 52px;
}

/* .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:last-child .icon {
    font-size: 35px;
} */

.quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconText {
    font-size: 12px;
    max-width: 110px;
    /* text-transform: uppercase; */
}

.quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer {
    font-size: 16px;
    color: #67C3B7;
}

.quick-check-template .result .commonResultContent {
    display: flex;
    flex-direction: column;
}

.quick-check-template .result .commonResultContent.d-grid .fullImageContainer {
    order: 2;
}

.quick-check-template .result .commonResultContent.d-grid #brazeFormMain {
    order: 1;
}
 
.quick-check-template .result .commonResultContent.d-grid aside.fad-widget-aside {
    order: 3;
}

.quick-check-template .result #doctorTab .generalDescription {
    margin-bottom: 2em;
}

.quick-check-template .result #doctorTab .date {
    color: #B7B7B7;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.quick-check-template .result #doctorTab .dtButtonContainer {
    text-align: -webkit-right;
    margin-top: auto;
    margin-bottom: 0px;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer {
    width: 64%;
}

.quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer {
    width: 36%;
}

.quick-check-template .result #doctorTab .firstrow .container, 
.quick-check-template .result #doctorTab .secondrow .container, 
.quick-check-template .result #doctorTab .thirdrow .container {
    background-color: #F0F6FA;
}

.quick-check-template .result #doctorTab .firstrow .titleContainer, 
.quick-check-template .result #doctorTab .secondrow .titleContainer, 
.quick-check-template .result #doctorTab .thirdrow .titleContainer {
    font-family: 'Poppins-SemiBold';
    font-size: 15px;
    margin-bottom: 0.5em;
}

.quick-check-template .result #doctorTab .secondrow .worstSymptomsOptions {
    grid-template-columns: 1fr 1fr;
    display: grid;
    column-gap: 8px;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer {
    width: auto;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer {
    display: flex;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .icons {
    font-size: 46px;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionsTextContainer {
    max-width: 106px;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer:nth-child(3) .optionsTextContainer {
    padding: 0px 2px;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionText {
    font-family: 'Poppins-Light';
    font-size: 14px;
    color: #B7B7B7;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionText.active {
    color: #002559;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton {
    padding: 2px 46px;
    font-family: 'Poppins-Bold';
    border-radius: 15px;
    border: transparent;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: auto;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton.zero {
    background: linear-gradient(to right, #009DC1, #3AB1C4);
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton.one {
    background: linear-gradient(to right, #3AB1C4, #8CCEC8);
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton.two {
    background: linear-gradient(to right, #F2B836, #F59830, #FB7528);
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton.three {
    background: linear-gradient(to right, #E91608, #D40C05);
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .sliderContainer {
    margin-top: 1em;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorDescription {
    margin-top: 2em;
    font-size: 8px;
    color: #B7B7B7;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer {
    flex-grow: 1;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer, 
.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer, 
.quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer, 
.quick-check-template .result #doctorTab .secondrow .secondRowFirstPart, 
.quick-check-template .result #doctorTab .secondrow .secondRowSecondPart, 
.quick-check-template .result #doctorTab .thirdrow .thirdRowFirstPart, 
.quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart {
    background-color: #FFFFFF;
    border: 1px solid #8CCEC8;
    border-radius: 10px;
}

.quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingHeader,
.quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeHeader, 
.quick-check-template .result #doctorTab .secondrow .worstSymptomsHeader, 
.quick-check-template .result #doctorTab .secondrow .suspectedTriggersHeader, 
.quick-check-template .result #doctorTab .thirdrow .familyHeader, 
.quick-check-template .result #doctorTab .thirdrow .historyHeader {
    font-size: 14px;
    margin-bottom: 1em;
    line-height: 1.25em;
}

.quick-check-template .result #doctorTab .secondrow .suspectedTriggersHeader{
    text-transform: uppercase;
}

.quick-check-template .result #doctorTab .firstrow .checkbox-item, 
.quick-check-template .result #doctorTab .secondrow .checkbox-item, 
.quick-check-template .result #doctorTab .thirdrow .checkbox-item {
    font-family: 'Poppins-Light';
    font-size: 14px;
}

.quick-check-template .result #doctorTab .firstrow .checkbox-item.inactive, 
.quick-check-template .result #doctorTab .secondrow .checkbox-item.inactive, 
.quick-check-template .result #doctorTab .thirdrow .checkbox-item.inactive {
    color: #B7B7B7;
}

.quick-check-template .result #doctorTab .firstrow .checkbox-item .checkmark.inactive, 
.quick-check-template .result #doctorTab .secondrow .checkbox-item .checkmark.inactive, 
.quick-check-template .result #doctorTab .thirdrow .checkbox-item .checkmark.inactive  {
    border-color: #B7B7B7;
}

.quick-check-template .result #doctorTab .secondrow .worstSymptomsOptions .checkbox-item:last-child {
    grid-column: 1;
}

.quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersContent {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer {
    display: flex;
    justify-content: space-between;
}

/* .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersOptions {
    padding-right: 12px
} */

.quick-check-template .result #doctorTab .thirdrow .familyDescription {
    font-family: 'Poppins-Light';
    font-size: 14px;
    margin-bottom: 0;
}

.quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions {
    grid-template-columns: 1fr 1fr;
    display: grid;
    column-gap: 8px;
}
.quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions .checkbox-item br {
    display: none;
}
.quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions .checkbox-item:nth-child(3), 
.quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions .checkbox-item:nth-child(4) {
    margin-bottom: 4px;
}
/* FAD Widget */

.quick-check-template .fad-widget.fad-widget-v2 {
    background-color: #C7DCED;
}
.quick-check-template .result #doctorTab.d-none + .commonResultContent .fad-widget.fad-widget-v2 {
    background-color: #D3E3EF;
}

.fad-widget-for-cgx h3,
.fad-widget-for-cgx h4,
.fad-widget-for-cgx h5,
.fad-widget-for-cgx h6,
.fad-widget-for-cgx p,
.fad-widget-for-cgx small,
.fad-widget-for-cgx span,
.fad-widget-for-cgx a,
.fad-widget-for-cgx button,
.fad-widget-for-cgx li {
    font-family: 'Poppins-Regular';
}

.fad-widget-for-cgx h2 {
    font-family: 'Poppins-SemiBold';
}

.fad-widget-for-cgx .fad-widget-title {
    font-family: 'Poppins-SemiBold' !important;
}

.fad-widget-for-cgx .small-arrow-background {
    bottom: 0;
    left: 0;
}

.fad-widget-text-content {
    margin-left: 2%;
}

.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx h2 {
    margin-bottom: 10px;
    padding: 0;
}
.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx h2 span {
    font-family: 'Poppins-SemiBold';
}
.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .search__button span {
    margin-right: 10px;
}
.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .search__button svg {
    width: 32px !important;
    height: 32px !important;
}

.quick-check-template .fad-alternative-for-cgx h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    font-family: 'Poppins-SemiBold';
}
.quick-check-template .fad-alternative-for-cgx p {
    font-size: 18px;
}
/* END FAD Widget */

/* braze form – layout to match design: teal block, image left (circular), form right */
/* Full-width teal background via pseudo-element (content stays in flow) */
.quick-check-template .result #templateBrazeFormMain.brazeFormBlock {
    position: relative;
    overflow: visible;
    border-radius: 16px;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    top: 0;
    bottom: 0;
    background-color: #EDF6F4;
    z-index: 0;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer {
    position: relative;
    z-index: 1;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer.result {
    justify-content: space-between;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer.signup {
    display: flex;
    flex-wrap: wrap;
    padding: 2.5em 1.5em;
    max-width: 100%;
    align-items: center;
    justify-content: center;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-imageCol {
    flex: 0 0 auto;
    width: 100%;
    order: 0;
    display: none;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-imageWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-girlImage {
    width: 280px;
    height: 280px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-textCol {
    width: 100%;
    order: 1;
    min-width: 0;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer .textContainer h2 {
    font-family: 'Poppins-SemiBold', Poppins, sans-serif;
    font-size: 28px;
    line-height: 1.25;
    color: #67C3B7;
    margin: 0 0 0.5em;
    line-height: 50px;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer .description {
    font-size: 24px;
    line-height: 1.5;
    color: #002559;
    margin: 0 0 1.5em;
}

.quick-check-template .result .brazeFormContainer .form-control {
    border: 1px solid #97D9D3;
    border-radius: 50px;
    padding: 20px 24px;
    font-family: 'Poppins-Light', Poppins, sans-serif;
    font-size: 16px;
    background-color: #FFFFFF;
    color: #0D1723;
}

.quick-check-template .result .brazeFormContainer input:-webkit-autofill, 
.quick-check-template .result .brazeFormContainer input:-moz-autofill, 
.quick-check-template .result .brazeFormContainer input:-ms-autofill {
    animation-name: autofill;
    animation-fill-mode: both;
    animation-duration: 5000s;
    border: 1px solid #67C2B7 !important;
    background-color: #FFFFFF !important;
    font-family: 'Poppins-Light';
    font-size: 14px;
}

.quick-check-template .result .brazeFormContainer input:-webkit-autofill:focus {
    border: 1px solid #67C2B7 !important;
    background-color: #FFFFFF !important;
    font-family: 'Poppins-Light';
    font-size: 14px;
}

.quick-check-template .result .brazeFormContainer .form-control::placeholder {
    font-size: 16px;
    color: #97D9D3;
    font-family: 'Poppins-Light', Poppins, sans-serif;
    font-style: italic;
}

.quick-check-template .result .brazeFormContainer .form-control.required {
    border-color: #F24726;
}

.quick-check-template .result .brazeFormContainer .form-control.required::placeholder {
    color: #F24726;
}

.quick-check-template .result .brazeFormContainer .form-control[type="email"] {
    margin-top: 0.65em;
}

.quick-check-template .result .brazeFormContainer .checkbox-container {
    width: 100%;
    margin-top: 1em;
}

.quick-check-template .result .brazeFormContainer .checkbox-label {
    display: flex;
    align-items: flex-start;
    /* Align checkbox with the start of the text */
    cursor: pointer;
}

.quick-check-template .result .brazeFormContainer .custom-checkbox {
    position: absolute;
    opacity: 0;
    /* Hide the default checkbox */
}

.quick-check-template .result .brazeFormContainer .custom-checkmark {
    width: 20px;
    height: 20px;
    min-width: 19px;
    border: 1px solid #67C2B7;
    border-radius: 4px;
    margin-right: 10px;
    margin-top: 4px;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background: #fff;
}

.quick-check-template .result .brazeFormContainer .custom-checkmark.required {
    border: 1px solid #F24726;
}

.quick-check-template .result .brazeFormContainer .custom-checkbox:checked+.custom-checkmark {
    background-color: #67C2B7;
    /* Background color when checked */
    border-color: #67C2B7;
    /* Border color when checked */
}

.quick-check-template .result .brazeFormContainer .custom-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.quick-check-template .result .brazeFormContainer .custom-checkbox:checked+.custom-checkmark:after {
    display: block;
    left: 4px;
    top: 1px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.quick-check-template .result .brazeFormContainer .checkbox-text {
    display: block;
    word-wrap: break-word;
    /* Ensure text wraps properly */
    max-width: 100%;
    /* Ensure the text doesn't overflow the container */
    font-size: 14px;
    font-family: 'Poppins-Light';
}

.quick-check-template .result .brazeFormContainer .checkbox-text a {
    color: #002559;
    text-decoration: underline;
}

.quick-check-template .result .brazeFormContainer .submitBtnContainer {
    margin-top: 1.5em;
    display: flex;
    justify-content: end;
}

.quick-check-template .result .brazeFormContainer .submitBtnContainer .button {
    border: 0;
    font-size: 20px;
    font-family: 'Poppins-Medium', Poppins, sans-serif;
    color: #002559;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.quick-check-template .result .brazeFormContainer .submitBtnContainer .button:hover {
    box-shadow: none;
    transform: none;
    font-weight: 500;
}

.quick-check-template .result .brazeFormContainer .submitBtnContainer .btnTextContainer {
    text-transform: uppercase;
    order: 1;
}

.quick-check-template .result .brazeFormContainer .submitBtnContainer .arrowContainer {
    background-color: #67C3B7;
    border-radius: 50%;
    padding: 10px;
    font-size: 44px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    order: 2;
}

.quick-check-template .result .brazeFormContainer .submitBtnContainer .arrowContainer .icon-Group-3429-2 {
    color: #002559;
    font-size: 1em;
}

.quick-check-template .result .brazeFormContainer .resultMessage {
    font-family: 'Poppins-Bold';
    font-size: 16px;
}

.quick-check-template .result .brazeFormContainer .imageContainer {
    max-height: 450px;
    order: -1;
}

/* Full Image Container */
.quick-check-template .result .fullImageContainer h2 {
    font-family: 'Poppins-SemiBold';
    font-size: 36px;
    margin-bottom: 0.2em;
    color: #002559;
}

.quick-check-template .result .fullImageContainer .description {
    /* font-family: 'Poppins-Light'; */
    font-size: 22px;
    margin-bottom: 0.5em;
    font-family: 'Poppins-SemiBold';
    color: #002559;
}

.quick-check-template .result .fullImageContainer .description p {
    max-width: 350px;
}

.quick-check-template .result .fullImageContainer .subDescription {
    font-family: 'Poppins-SemiBold';
    color: #009DC1;
    font-size: 22px;
    margin-bottom: 0px;
}

/* Next steps block image – high-quality display (use with srcset) */
.quick-check-template .result .fullImageContainer img.fullImageContainer-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Next steps: hide mobile image by default; show on screens < 568px */
.quick-check-template .result .fullImageContainer .fullImageContainer-img--mobile {
    display: none !important;
}

@media (max-width: 567px) {
    .quick-check-template .result .fullImageContainer .fullImageContainer-img--desktop {
        display: none !important;
    }
    .quick-check-template .result .fullImageContainer .fullImageContainer-img--mobile {
        display: block !important;
    }
}

.quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer {
    color: #B7B7B7;
}

.quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer.active {
    color: #60B4AF;
}

/* .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer .iconText {
    text-transform: uppercase;
} */

.quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer {
    border: 2px dashed #8CCEC8;
    border-radius: 10px;
}

.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx p {
    line-height: 24px;
    font-size: 18px;
}

.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .child-toggle {
    width: 100%;
    margin-left: 22px;
    margin-top: 10px;
    color: #002559;
}

.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .child-toggle .child-toggle-checkbox .checkbox-toggle {
    margin-right: 7px;
}

.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .child-toggle input[type="checkbox"]:checked+.checkbox-toggle {
    background: #339dc1;
}

.quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .search__button {
    position: absolute;
    margin-top: 50px;
}

/* END Full Image Container */

/* Doctor questions block (suggestions for questions to ask your doctor) */
.quick-check-template .result .doctorQuestionsBlock {
    background: #F1F6FA;
    border-radius: 16px;
    padding: 48px;
    color: #002559;
}

.quick-check-template .result .doctorQuestionsBlock-title {
    font-family: 'Poppins-SemiBold';
    font-size: 48px;
    font-weight: 600;
    margin: 0 0 0.5em;
    color: #002559;
    line-height: 1.25;
}

.quick-check-template .result .doctorQuestionsBlock-intro {
    font-size: 24px;
    line-height: 1.6;
    margin: 0 0 2em;
    color: #002559;
    font-weight: 400;
}

.quick-check-template .result .doctorQuestionsBlock-list {
    list-style: none;
    counter-reset: doctor-q;
    margin: 0;
    padding: 0 0 0 0.5em;
}

.quick-check-template .result .doctorQuestionsBlock-list li {
    counter-increment: doctor-q;
    position: relative;
    padding-left: 2.75em;
    margin-bottom: 1.5em;
    font-size: 24px;
    line-height: 1.55;
    color: #002559;
    font-weight: 400;
}

.quick-check-template .result .doctorQuestionsBlock-list li:last-child {
    margin-bottom: 0;
}

.quick-check-template .result .doctorQuestionsBlock-list li::before {
    content: counter(doctor-q);
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Poppins-SemiBold';
    font-size: 40px;
    font-weight: 700;
    color: #002559;
    line-height: 0.85;
}

/* Template placeholder images – replace src or remove class when adding real images */
.quick-check-template .template-img-placeholder {
    min-height: 80px;
    background: rgba(0, 37, 89, 0.06);
    border: 1px dashed rgba(0, 37, 89, 0.2);
}
.quick-check-template .intro-graphic.template-img-placeholder {
    min-height: 120px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.popupButtonContainer .btn:hover:not(:disabled), .popupButtonContainer .button:hover:not(:disabled) {
    -webkit-transform: none;
    transform: none;
}

.quick-check-template .intro-start-btn-text {
    line-height: 1;
}

@media (max-width: 480px) {
    .quick-check-template .questionSlide-checkboxGroup--twoCol {
        grid-template-columns: 1fr;
    }

    .quick-check-template .questionSlide-checkboxGroup--6-2,
    .quick-check-template .questionSlide-checkboxGroup--5-3,
    .quick-check-template .questionSlide-checkboxGroup--4-4,
    .quick-check-template .questionSlide-checkboxGroup--4-2,
    .quick-check-template .questionSlide-checkboxGroup--4-1 {
        grid-template-rows: none;
        grid-auto-flow: row;
    }
}

@media (max-width: 991px) {
    /* Question 6: larger questions area */
    .quick-check-template .template-questions-area:has(#step-6) {
        max-width: 100%;
    }
    /* Single column: title at top, then grid, then button at bottom */
    .quick-check-template .doctorReport-timeTriggers {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }
    .quick-check-template .doctorReport-timeTriggers .doctorReport-sectionHeader {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 40px;
        /* justify-content: center; */
    }
    .quick-check-template .doctorReport-timeTriggers .doctorReport-sectionSendWrap {
        grid-column: 1;
        grid-row: 3;
        margin-bottom: 0;
        margin-top: 24px;
        width: 100%;
    }
    .quick-check-template .doctorReport-timeTriggers .doctorReport-timeTriggersGrid {
        grid-column: 1;
        grid-row: 2;
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .quick-check-template .doctorReport-cardParagraph {
        font-size: 16px;
    }
    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn, .quizPopupOverlay .popup-content .popup-closeBtn {
        width: 32px;
        height: 32px;
        top: 16px;
        right: 16px;
    }
    .quizPopupOverlay .popup-content .popup-closeBtn::before,
    .quizPopupOverlay .popup-content .popup-closeBtn::after {
        height: 24px;
    }
    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn::before, .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .indicator-popup-closeBtn::after {
        height: 24px;
    }
    .quick-check-template .questionSlide-questionText {
        margin: 0 auto 32px;
    }
    .quick-check-template .result [data-tab=summary] .brazeFormContainer .imageContainer {
        display: none;
    }
    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer.result {
        padding: 3em 2.5em;
    }
}

@media (max-width: 600px) {
    .quick-check-template .doctorReport-dailyLifeOptions {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-auto-flow: row;
    }
}

@media (min-width: 1100px) {
    .quick-check-template .resultContainer {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .quick-check-template .resultContainer {
        padding: 30px 30px 100px 30px;
    }
}

.quick-check-template .questionSlide-radioOption:last-child {
    margin-bottom: 0;
}
/* Braze form block: two columns on desktop – image left, form right */
@media (min-width: 768px) {
    /* .quick-check-template .questionSlide-radioOption:last-child {
        margin-bottom: 0;
    } */

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer.signup {
        flex-wrap: nowrap;
        padding: 4em 2.5em;
        gap: 2.5em;
    }

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-girlImage {
        width: 100%;
        height: 100%;
    }

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-textCol {
        width: auto;
        display: flex;
        align-items: center;
    }

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-textCol .textContainer {
        width: 100%;
        max-width: 760px;
    }

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer .textContainer h2 {
        font-size: 48px;
        max-width: 90%;
    }
}
/* end braze form  */

@media (max-width: 900px) {
    .quick-check-template .symptomOverview-cards {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 24px;
    }
    .quick-check-template .symptomOverview-severityPill {
        padding: 9px 16px;
    }
}

@media (max-width: 500px) {
    .quick-check-template .symptomOverview-cards {
        grid-template-columns: 1fr;
    }
    .quick-check-template .questionSlide-header .pagination .step {
        width: 20px !important;
        height: 20px !important;
        padding-top: 0.5px;
        font-size: 12px !important;
    }
}

@media (max-width: 575px) {
    .quick-check-template .result .doctorQuestionsBlock {
        padding: 24px;
        border-radius: 16px;
    }
    .quick-check-template .result .doctorQuestionsBlock-title {
        font-size: 24px;
    }
    .quick-check-template .result .doctorQuestionsBlock-intro {
        font-size: 16px;
        margin-bottom: 40px;
    }
    .quick-check-template .result .doctorQuestionsBlock-list li {
        font-size: 15px;
        margin-bottom: 1.25em;
        padding-left: 22px;
    }
    .quick-check-template .result .doctorQuestionsBlock-list li::before {
        font-size: 22px;
    }
}

@media (max-width: 380px) {

    /* multiCheckboxes CSS */
    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer img {
        max-height: 150px;
    }

    /* end multiCheckboxes CSS */
}

@media (max-width: 575px) {
    .quick-check-template .header {
        padding: 0.5em 0.75em 1em;
    }

    .quick-check-template .descriptionContainer .heading,
    .quick-check-template .introSlide .heading {
        padding-top: 0em !important;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .symptomsOptionContainer {
        flex-wrap: wrap;
        justify-content: center;
    }

    .quick-check-template .buttonContainer {
        font-size: 23px;
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .quick-check-template .quizBackgroundColor {
        height: 92vh
    }

    .quick-check-template .mobileNavigation {
        height: 8vh !important;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer {
        margin-left: -1em;
        margin-right: -1em
    }

    .quick-check-template .result .commonResultContent.d-grid .fullImageContainer img {
        max-width: 800px;
    }
}

@media (min-width: 391px) and (max-width: 767px) {
    .quick-check-template .questionSlide #step-9 .checkbox-item {
        width: 67%;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .quick-check-template .answerContainer {
        max-width: 480px;
    }

    .quick-check-template .result .brazeFormContainer.result {
        padding-top: 4em !important;
    }

    .quick-check-template .result .brazeFormContainer.result .textContainer {
        margin-top: 3em !important;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .quick-check-template .result .brazeFormContainer .textContainer {
        padding: 0px 1.5em;
        margin-top: 5em !important;
        margin-bottom: 4.5em !important;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersOptions {
        width: 50%;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer {
        width: 50%;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer {
        margin-top: 0px !important;
    }

    .quick-check-template .result .commonResultContent.d-grid .fullImageContainer img {
        max-width: 1100px;
    }
}

@media (max-width: 767px) {
    .quick-check-template .result .doctorQuestionsBlock-list li::before {
        line-height: 1.2;
    }
    .questionSlide-checkboxGroup {
        padding: 24px 20px !important;
    }
    .quick-check-template .doctorReport-timeTriggers .doctorReport-sectionHeader {
        justify-content: center;
        margin: 0 0 16px !important;
    }
    .quick-check-template .symptomOverview-cardIcon {
        margin-bottom: 8px;
    }
    
    .quick-check-template .doctorReport-treatment .doctorReport-treatmentActions {
        flex-direction: column;
    }
    .quick-check-template .resultHero-date {
        margin-bottom: 8px;
    }
    .quick-check-template .questionSlide-optionsGroup {
        padding: 24px 20px;
        margin-bottom: 16px;
    }
    .quick-check-template #step-6 .questionSlide-optionsGroup {
        margin-bottom: 0px;
    }
    .quick-check-template .questionSlide-heading {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .quick-check-template .doctorReport-section {
        padding: 16px 24px 24px 24px !important;
    }
    .quick-check-template .doctorReport-title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 16px;
    }

    .quick-check-template .doctorReport-sectionTitle {
        text-align: center;
        margin: 0 0 16px;
    }

    .quick-check-template .doctorReport-questionBox {
        padding: 16px 20px 24px 20px;
    }

    .quick-check-template .doctorReport-dailyLifeOptions .doctorReport-option--selected .doctorReport-optionMark::after, .quick-check-template .doctorReport-option--selected .doctorReport-optionMark:after {
        left: 4.5px;
        top: 1px;
        width: 5px;
        height: 10px;
    }

    .quick-check-template .symptomOverview-card {
        padding: 24px;
        min-height: 278px;
    }

    .quick-check-template .symptomOverview-card--breathing {
        padding: 16px 20px 24px 20px;
    }

    .quick-check-template .symptomOverview-scaleRef {
        max-width: 100%;
    }

    .quick-check-template .symptomOverview-option--selected .symptomOverview-optionMark::after {
        left: 4.5px;
        top: 1px;
        width: 5px;
        height: 10px;
    }

    .quick-check-template .doctorReport-optionMark, .quick-check-template .symptomOverview-optionMark {
        width: 16px;
        height: 16px;
    }

    .quick-check-template .resultHero-titleIcon--img img {
        width: 22px;
        height: 22px;
    }

    .quick-check-template .resultHero-titleIcon {
        width: 22px;
        height: 22px;
    }

    .quick-check-template .symptomOverview-cardOption, .quick-check-template .symptomOverview-cardMain {
        font-size: 16px;
    }

    .quick-check-template .doctorReport-options, .quick-check-template .doctorReport-dailyLifeOptions, .quick-check-template .doctorReport-options--duration .doctorReport-optionsCol, .quick-check-template .doctorReport-timeTriggersCard .doctorReport-options, .quick-check-template .doctorReport-options--triggers .doctorReport-optionsCol {
        gap: 16px;
        grid-template-columns: 1fr;
    }

    .quick-check-template .doctorReport-options--4-4 {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-flow: row;
    }

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer .textContainer h2 {
        font-size: 24px;
        line-height: 1.5;
        text-align: center;
    }

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer .description {
        font-size: 18px;
        text-align: center;
    }

    .quick-check-template .result .brazeFormContainer .submitBtnContainer {
        margin-top: 24px;
    }

    .quick-check-template .result .brazeFormContainer .submitBtnContainer .arrowContainer {
        font-size: 30px !important;
        width: 56px;
        height: 56px;
    }

    .quick-check-template .result .brazeFormContainer .submitBtnContainer .btnTextContainer {
        font-size: 18px;
    }

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer.signup {
        padding: 24px;
    }

    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock::before {
        width: 100%;
        left: 0;
        transform: none;
        border-radius: 16px;
    }
    /* Searchable dropdown: single expanding card on mobile */
    .quick-check-template .questionSlide-searchDropdown {
        border: 1px solid #1A2F4B;
        border-radius: 8px;
        background: #ffffff;
        overflow: hidden;
    }

    .quick-check-template .questionSlide-searchDropdown-inputWrap {
        border: none;
        border-radius: 0;
    }

    .quick-check-template .questionSlide-searchDropdown-list {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        max-height: 220px;
        overflow-y: auto;
        border: none;
        border-radius: 0;
        border-top: 1px solid #E0E0E0;
        box-shadow: none;
        margin: 0;
    }

    .quick-check-template .questionSlide-dualRadioContainer {
        flex-direction: column;
    }
    
    .quick-check-template .questionSlide-dualRadioHeading {
        min-height: auto;
        text-align: center;
    }

    .quick-check-template .questionSlide-header {
        padding: 16px;
    }

    .quick-check-template .introSlide-infoBox {
        padding: 16px;
    }

    .quick-check-template .questionSlide-noteBox {
        padding: 16px;
    }

    .quick-check-template .questionSlide-footer {
        padding: 24px !important;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .symptomsOption {
        max-width: 100%!important;
        width: 100%!important;
    }

    .quick-check-template .questionSlide-main {
        padding: 24px 24px 32px 24px;
    }

    .quick-check-template .resultHero {
        flex-direction: column;
        padding: 24px 0;
        gap: 24px;
    }

    .quick-check-template .resultHero-actions {
        width: 100%;
        padding-top: 0;
    }

    .quick-check-template .resultHero-btn {
        width: 100%;
        min-width: 0;
    }

    .quick-check-template .resultHero-title {
        font-size: 24px;
    }

    .quick-check-template .resultHero-intro {
        font-size: 16px;
    }

    .quick-check-template .questionSlide-timeTriggersGrid {
        grid-template-columns: 1fr;
    }

    .quick-check-template .questionSlide-optionsGroup--duration {
        grid-template-columns: 1fr;
    }

    .quick-check-template .questionSlide-optionsGroup--duration .questionSlide-optionsCol:first-child {
        padding-bottom: 24px;
    }

    .quick-check-template .introSlide-radioCard {
        padding: 24px 20px;
    }

    .intro-start-btn {
        width: 100%;
    }

    .quick-check-template .consent_checkbox_wrapper {
        margin: 0 auto 24px;
    }
    .quick-check-template .consent_checkbox_wrapper {
        padding: 16px;
    }

    .quick-check-template .introSlide .introSlideBody {
        padding: 24px;
        width: 100%;
    }

    #MainContent {
        margin-bottom: 0px !important;
    }
    .quick-check-template .quizBackgroundColor {
        height: 100% !important;
        padding: 88px 0 24px;
    }

    .quick-check-template .introSlide .header .logo-container {
        visibility: hidden;
    }

    .quick-check-template .introSlide .introSlideBody .intro {
        font-size: 16px;
        margin-bottom: 24px;
        max-width: 100%;
    }

    .quick-check-template .introSlide-noteText {
        font-size: 14px;
    }

    .quick-check-template .introSlide .introSlideBody .logo-container {
        margin-top: 1.25em;
        margin-bottom: 0.25em;
        max-width: 190px;
    }

    .quick-check-template .introSlide .required-field {
        margin-bottom: 5px;
    }

    .quick-check-template .questionSlide {
        display: flex;
        flex-direction: column;
    }

    .quick-check-template #quick-allergy-check-test {
        flex-grow: 1;
    }

    .quick-check-template .questionAnswer {
        height: 100%;
        padding: 1.5em 0px 0px 0px;
    }

    .quick-check-template .questionAnswerContainer {
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        position: relative;
    }

    .quick-check-template .mainAnswerContainer {
        flex-wrap: wrap;
        flex: 1 1 auto;
        display: flex;
        width: 100% !important;
        justify-content: center;
        align-content: flex-start;
    }

    .quick-check-template .answerContainer {
        margin: 0 20px 25px;
        width: 100% !important;
        order: 0;
    }

    .quick-check-template .leftNavigation {
        order: 2;
        width: 50%;
        margin-top: auto;
        display: inline-flex !important;
        background-color: #FFFFFF;
        position: relative;
    }

    .quick-check-template .rightNavigation {
        order: 3;
        width: 50%;
        margin-top: auto;
        display: flex;
        justify-content: flex-end;
        background-color: #FFFFFF;
        position: relative;
    }

    .quick-check-template .questionSlide #step-4 .leftNavigation,
    .quick-check-template .questionSlide #step-4 .rightNavigation,
    .quick-check-template .questionSlide #step-6 .leftNavigation,
    .quick-check-template .questionSlide #step-6 .rightNavigation,
    .quick-check-template .questionSlide #step-8 .leftNavigation,
    .quick-check-template .questionSlide #step-8 .rightNavigation,
    .quick-check-template .questionSlide #step-9 .leftNavigation,
    .quick-check-template .questionSlide #step-9 .rightNavigation {
        top: 90px;
    }

    .quick-check-template .questionSlide #step-5 .leftNavigation,
    .quick-check-template .questionSlide #step-5 .rightNavigation,
    .quick-check-template .questionSlide #step-7 .leftNavigation,
    .quick-check-template .questionSlide #step-7 .rightNavigation {
        top: 70px;
    }

    .quick-check-template .questionAnswer[id="step-9"] .rightNavigation .rightNavigationButtonContainer[data-next-step=step-result] span.rightButtonContainer {
        margin-left: 0.5em;
    }    

    .navigationButtonContainer {
        padding: 0.75em 1.0em;
    }

    .quick-check-template .logo-container img {
        max-width: 75px;
        vertical-align: top;
    }

    .quick-check-template .icon-close1 {
        font-size: 20px;
    }

    .quick-check-template .descriptionContainer .heading,
    .quick-check-template .introSlide .heading {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .quick-check-template .qacContainer {
        width: 92vw;
    }

    .quick-check-template .descriptionContainer .subheading {
        font-size: 14px;
        margin-bottom: 0.5em;
    }

    .quick-check-template .descriptionContainer .pagination {
        margin-top: 0.75em;
    }

    .quick-check-template .question {
        font-size: 18px;
        line-height: 1.2em;
        margin-bottom: 0.8em;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .slider,
    .quick-check-template .resultIndicatorContainer.scale-container .slider,
    .quick-check-template #doctorTab .slider {
        background: linear-gradient(to right, #009DC1 14%, #FBD104 20%, #F2AB35 40%, #FF5D21 50%, #FF3317 65%, #EA1509 80%, #BF0101 100%);
    }

    .quick-check-template #step-6 .answerContainer [data-options-type="multiCheckboxes"] {
        padding: 1.8em 1em;
    }

    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer {
        right: 5px;
        bottom: -30%;
        max-width: 200px !important; 
    }

    .quick-check-template .questionSlide #step-7 [data-options-type="multiCheckboxes"] .imageContainer {
        bottom: -55%;
    }
    .quick-check-template .questionSlide #step-8 [data-options-type="multiCheckboxes"] .imageContainer {
        bottom: -67%;
    }

    .quick-check-template .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer {
        column-count: 2;
    }

    .quick-check-template .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item {
        display: inline-flex;
        vertical-align: top;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        width: 100%;
    }

    .quick-check-template .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item:nth-child(3) {
        margin-bottom: 0;
    }

    .quick-check-template .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item:nth-child(3) span.checkmark {
        margin-bottom: 0px;
        margin-right: 10px;
    }

    .quick-check-template .mobileNavigation {
        background-color: #FFFFFF;
        height: 10vh;
        align-items: center;
        padding: 0px 25px;
        justify-content: space-between;
    }

    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content {
        width: 95%;
        padding: 2em 1.2em 1.5em 1.2em;
    }

    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .popUpHeading {
        font-size: 20px;
    }

    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator .scoreDescription {
        font-size: 12px;
    }

    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator .score {
        font-size: 15px;
    }

    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupScaleGradient {
        height: 28px;
    }

    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupScaleGradient span {
        font-size: 11px;
    }

    .quick-check-template .quizBackgroundColor .indicatorValueOverlay .popupReference {
        font-size: 12px;
        padding: 0;
    }

    .quizPopupOverlay .popup-content {
        padding: 5em 1.5em;
        width: 100%;
    }

    .quizPopupOverlay .popup-content .popupHeader {
        font-size: 28px;
    }

    .quizPopupOverlay .popup-content .popupHeading {
        font-size: 20px;
    }

    .quizPopupOverlay .popup-content .popupButtonContainer {
        flex-direction: column;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    /* .quizPopupOverlay .popup-content .popupButtonContainer .noBtn {
        margin-top: 1em;
    } */

    /* multiCheckboxes CSS */

    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] {
        padding: 1.8em 1.8em;
        position: relative;
    }

    .quick-check-template .questionAnswer[id="step-8"] .answerContainer [data-options-type="multiCheckboxes"] {
        padding: 1.5em 1.8em 1em 1.8em;
    }
    
    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer {
        position: absolute;
    }

    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer img {
        max-height: 210px;
    }

    .quick-check-template .questionSlide #step-6 [data-options-type="multiCheckboxes"] .imageContainer {
        top: 52% !important;
        bottom: 0 !important;
        right: 10px;
    }
    /* end multiCheckboxes CSS */


    /* indicatorOptions CSS */

    .quick-check-template [data-options-type="indicatorOptions"] {
        padding: 28px 18px 10px 18px;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .symptomsCategory {
        margin-bottom: 0;
        margin-top: 8px;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .symptomsHeading,
    .quick-check-template [data-options-type="indicatorOptions"] .indicatorHeading {
        margin-bottom: 16px;
        font-size: 14px;
    }
    
    .quick-check-template [data-options-type="indicatorOptions"] .symptomsOption label span {
        padding: 8px !important;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .indicatorHeading {
        font-size: 14px;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .symptomsOptionContainer {
        gap: 8px;
        flex-direction: column;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .checkbox-button {
        padding: 0.5em 6px;
        border-radius: 15px;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer {
        margin-top: 0;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .character {
        margin-top: 0;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .character img {
        height: 66px;
        width: 60px;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .slider {
        height: 32px;
    }

    .quick-check-template [data-options-type=indicatorOptions] .indicatorContainer .number-labels {
        font-size: 14px;
        top: 18%;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .indicatorText,
    .quick-check-template .resultIndicatorContainer.scale-container .indicatorText {
        font-size: 12px;
    }


    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .slider::-webkit-slider-thumb {
        width: 21px;
        height: 20px;
        background-size: 28%;
        padding: 12px 11px;
    }

    .quick-check-template .questionAnswer[id="step-8"] .question {
        width: 97%;
    }

    /* end indicatorOptions CSS */

    .quick-check-template .resultContainer {
        padding: 0px 20px 0;
    }

    .quick-check-template .tabContainer {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .quick-check-template .tabContainer button {
        width: 50%;
        padding: 10px 10px 10px 18px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .quick-check-template .tabContainer button[data-tab="summaryTab"] {
        max-width: 250px;
    }

    .quick-check-template .tabContainer button .text {
        font-size: 14px;
        padding-left: 8px;
        line-height: 16px;
    }

    .quick-check-template .result #summaryTab,
    .quick-check-template .result #doctorTab {
        padding: 24px 0;
        margin-bottom: 15px;
    }

    .quick-check-template .result #summaryTab .generalDescription {
        padding: 15px 0px;
    }

    .quick-check-template .result #summaryTab .summaryResult {
        flex-wrap: wrap;
    }

    .quick-check-template .result #summaryTab .summaryHeading, .quick-check-template .result #doctorTab .doctorHeading {
        font-size: 22px;
    }

    .quick-check-template .result #doctorTab .doctorHeading {
        padding: 0 30px;
        margin-bottom: 0.5em;
    }

    .quick-check-template .result #summaryTab .strugglingSymptomsContainer {
        padding: 16px;
    }

    .quick-check-template .result #summaryTab .strugglingSymptomsContainer .indicatorIconsContainer img {
        width: 90px;
        height: 90px;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer,
    .quick-check-template .result #summaryTab .lifeAffectedContainer {
        margin-top: 10px;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer {
        order: 2;
        padding: 20px;
    }

    .quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedHeading,
    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersHeading {
        font-size: 16px;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer,
    .quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer {
        margin-top: 1em;
    }

    .quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer {
        margin-top: 10px;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .icon {
        font-size: 45px;
    }

    /* .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:last-child .icon {
        font-size: 30px;
    } */

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconText {
        font-size: 10px;
        max-width: 83px;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:first-child .iconText {
        margin-left: -10px;
    }
    
    /* .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:nth-child(3) .iconText {
        margin-left: 21px;
    } */

    .quick-check-template .result #summaryTab .lifeAffectedContainer {
        order: 3;
        margin-bottom: 10px;
    }

    .quick-check-template .result #doctorTab .firstrow {
        flex-wrap: wrap;
    }

    .quick-check-template .result #doctorTab .doctorResult {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer, 
    .quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer {
        width: 100%;
    }

    .quick-check-template .result #doctorTab .firstrow .container, 
    .quick-check-template .result #doctorTab .secondrow .container, 
    .quick-check-template .result #doctorTab .thirdrow .container {
        padding: 20px 15px;
    }

    .quick-check-template .result #doctorTab .firstrow .titleContainer, 
    .quick-check-template .result #doctorTab .secondrow .titleContainer, 
    .quick-check-template .result #doctorTab .thirdrow .titleContainer {
        text-align: center;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer > div.d-flex {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer {
        justify-content: space-evenly;
        width: 100%;
        align-items: center;
        margin: 3px 0px;
        padding: 14px 15px 17px 15px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionsTextContainer {
        min-width: 106px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton {
        margin-top: 0px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indicatorDescription {
        text-align: center;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer {
        margin-top: 1em;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer, 
    .quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer, 
    .quick-check-template .result #doctorTab .secondrow .secondRowFirstPart, 
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart, 
    .quick-check-template .result #doctorTab .thirdrow .thirdRowFirstPart, 
    .quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart {
        padding: 20px 40px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer {
        margin-top: 10px;
    }

    .quick-check-template .result #doctorTab .secondrow, 
    .quick-check-template .result #doctorTab .thirdrow {
        margin-top: 10px;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer {
        max-width: 55px;
        margin: 0px 3px;
        text-align: center;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .icon {
        font-size: 35px;
    }

    /* .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:last-child .icon {
        font-size: 23px;
    } */

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconText {
        font-size: 9px;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:first-child .iconText {
        margin-left: -7px;
    }

    /* .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:nth-child(2) .iconText {
        margin-left: -24px;
    } */

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:nth-child(3) .iconText {
        margin-left: 10px;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer {
        margin-left: -1.5em;
        margin-right: -1.5em;
        flex: 1;
        margin-top: 1em;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer {
        padding: 20px;
    }

    .quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart {
        margin-top: 10px;
    }

    /* order of common section */
    .quick-check-template .result .fullImageContainer {
        order: 0;
    }

    .quick-check-template .result #brazeFormMain {
        order: 1;
    }

    .quick-check-template .result .brazeFormContainer .description {
        font-size: 16px;
    }

    .quick-check-template .result .fad-widget-aside {
        order: 2; 
    }

    /* END order of common section */

    /* FAD Widget */
    .fad-widget-for-cgx .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .fad-widget.fad-widget-v2 .col-md-6 {
        width: -webkit-fill-available;
    }

    /* END FAD Widget */

    /* braze form  */

    .quick-check-template .result .brazeFormContainer {
        padding: 25px 35px 0;
    }

    .quick-check-template .result .brazeFormContainer.result {
        padding-top: 0.75em;
    }

    /* end braze form  */

    /* Full Image Container */
    .quick-check-template .result .fullImageContainer {
        padding: 24px;
        margin: 16px 0;
    }

    .quick-check-template .result .fullImageContainer h2 {
        font-size: 24px;
        margin-bottom: 0.5em;
        text-align: center;
    }

    .quick-check-template .result .fullImageContainer .description {
        font-size: 18px;
        text-align: center;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .quick-check-template .result .fullImageContainer .treatment-circle-img {
        position: absolute;
        bottom: -80px;
        right: 10px;
        width: 180px;
        z-index: 1;
    }

    .quick-check-template .result .fullImageContainer .subDescription {
        font-size: 16px;
        position: absolute;
        padding-left: 3px;
    }

    .quick-check-template .result #doctorTab .dateTextContainer {
        text-align: center;
    }

    .quick-check-template .result #doctorTab .dtButtonContainer {
        margin-top: 10px;
        margin-bottom: 1em;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .labelMobile {
        margin-bottom: 0em;
        margin-top: 1em;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorDescription {
        margin-top: 0em;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .sliderContainer {
        margin-top: 0.5em
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .labelDesktop {
        display: none;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart {
        margin-top: 10px;
    }

    .quick-check-template .rightNavigationButtonContainer[data-next-step=step-result] {
        padding: 9px 13px 13px;
        border-radius: 26px;
        background-color: #67c3b7;
        font-size: 16px;
        color: #002559;
        margin-bottom: 12px;
        margin-top: 10px;
        margin-right: 5px;
    } 

    .quick-check-template .result .brazeFormContainer .imageContainer {
        padding: 0 70px 0 25px;
        z-index: 2;
    }

    .quick-check-template .fad-widget.fad-widget-v2 {
        padding: 60px 35px 30px;
    }

    .quick-check-template .result #doctorTab .date {
        margin: 15px 0 10px;
    }

    .quick-check-template .resultHeader {
        margin-top: 12px;
    }

    .quick-check-template .result #doctorTab .firstrow .checkbox-item, 
    .quick-check-template .result #doctorTab .secondrow .checkbox-item,
    .quick-check-template .result #doctorTab .thirdrow .checkbox-item {
        font-size: 12px;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersOptions {
        column-count: 2;
    }

    .quick-check-template .result #doctorTab .secondrow .checkbox-item:nth-child(3) {
        /* display: block; */
        display: inline-flex;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .checkbox-item:nth-child(4),
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .checkbox-item:nth-child(5) {
        margin-left: 18px;
    }
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .checkbox-item:nth-child(5) {
        margin-bottom: 65px;
    }

    /* .quick-check-template .result #doctorTab .secondrow .checkbox-item:nth-child(3) span.checkmark{
        margin-bottom: -5px;
        margin-right: 5px;
    } */

    .quick-check-template .result .dtButtonContainer {
        margin-top: 10px;
    }

    .quick-check-template .result .dtButtonContainer button .buttonText {
        font-size: 17px;
    }

    /* .quick-check-template .resultIndicatorContainer.scale-container .number-labels, 
    .quick-check-template #doctorTab .number-labels {
        font-size: 12px;
        top: 12%;
    } */

    .quick-check-template .result #doctorTab .thirdrow .familyHeader {
        margin-bottom: 0.6em;
    }

    .quick-check-template .close-navigation-btn .navigation-icon {
        font-size: 17px;
    }

    .quick-check-template .fad-widget-text-content {
        margin-bottom: 15px;
    }

    .quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .fad-widget-title {
        margin-top: 40px;
    }

    .quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .child-toggle {
        width: 75%;
    }
    .quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .fad-widget-map-div {
        margin-top: 55px;
    }

    /* .quick-check-template .fad-widget.fad-widget-v2.fad-widget-for-cgx .search__button {
        margin: 18px 0 5px;
    } */

    .quick-check-template .result #doctorTab .generalDescription {
        margin-bottom: 1.3em;
    }

    .quick-check-template .resultIndicatorContainer.scale-container .slider[value="4"]::-webkit-slider-thumb,
    .quick-check-template .resultIndicatorContainer.scale-container .slider[value="5"]::-webkit-slider-thumb {
        border-right: 7px solid transparent;
    }
    .quick-check-template .resultIndicatorContainer.scale-container .slider[value="8"]::-webkit-slider-thumb {
        border-right: 8px solid transparent;
    }

    .quick-check-template .fad-alternative-for-cgx {
        position: relative;
        background: #C7DCED;
    }
    .quick-check-template .fad-alternative-for-cgx .imageContainer {
        position: absolute;
        width: 180px;
        top: -90px;
    }
    .quick-check-template .fad-alternative-for-cgx h2 {
        font-size: 29px;
        line-height: 36px;
    }
    .quick-check-template .fad-alternative-for-cgx p {
        font-size: 16px;
    }
    /* .quick-check-template .result #doctorTab .firstrow .container, 
    .quick-check-template .result #doctorTab .secondrow .container, 
    .quick-check-template .result #doctorTab .thirdrow .container {
        background-color: #F0F6FA;
    } */
    /* END Full Image Container  767 */
}

@media (min-width: 768px) {
    .quick-check-template .quizBackgroundColor {
         padding: 64px 0px 60px 0px; 
/*        padding: 162px 0px 60px 0px;*/
        height: 100%;
    }

    .quick-check-template .header {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .quick-check-template .introSlide .header {
        padding-bottom: 0;
    }

    .quick-check-template .questionSlide-main {
        min-height: 488px;
        max-height: 460px;
    }

    .quick-check-template .descriptionContainer .step {
        width: 23px;
        height: 23px;
    }

    .quick-check-template .qacContainer {
        width: 95vw;
    }

    .quick-check-template .questionAnswer {
        padding: 1.5em 0.75em;
    }

    .quick-check-template .answerContainer {
        margin: 0px 0.5em;
        max-width: 580px;
    }

    .quick-check-template .answerContainer {
        margin: 0em 0.75em;
    }

    .quizPopupOverlay .popup-content .popupButtonContainer .noBtn {
        margin-left: 0.5em;
    }

    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .checkboxesContainer {
        /* flex: 1; */
        max-width: 300px;
    }
    
    .quick-check-template .questionAnswer:last-child [data-options-type="multiCheckboxes"] .checkboxesContainer {
        max-width: 180px;
    }

    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer {
        /* position: absolute; */
        top: 10%;
        right: 3px;
    }

    .quick-check-template .result #summaryTab .summaryDescription, .quick-check-template .result #doctorTab .doctorDescription {
        font-family: 'Poppins-Light';
    }

    .quick-check-template .result #summaryTab .strugglingSymptomsContainer .strugglingSymptomsHeading {
        margin-top: 20px;
    }

    .quick-check-template .result #summaryTab .triggerContainer {
        padding-left: 10px;
    }

    .quick-check-template .result #summaryTab .lifeAffectedContainer,
    .quick-check-template .result #summaryTab .suspectedTriggersContainer {
        flex-grow: 1;
        padding: 20px 10px;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer {
        margin-top: 15px;
    }

    .quick-check-template .result #doctorTab .firstrow .container, 
    .quick-check-template .result #doctorTab .secondrow .container, 
    .quick-check-template .result #doctorTab .thirdrow .container {
        padding: 30px 15px; 
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer > div.d-flex {
        justify-content: space-between;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer {
        flex-direction: column;
        margin: 0px 3px;
        padding: 12px 10px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer {
        max-width: 100%;
    }
    
    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer:first-child {
        margin-left: 0px
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer:last-child {
        margin-right: 0px
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionsTextContainer {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer, 
    .quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer, 
    .quick-check-template .result #doctorTab .secondrow .secondRowFirstPart, 
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart, 
    .quick-check-template .result #doctorTab .thirdrow .thirdRowFirstPart, 
    .quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart {
        padding: 12px 12px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer {
        margin-left: 10px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .labelMobile {
        display: none;
    }

    .quick-check-template .result #doctorTab .secondrow, 
    .quick-check-template .result #doctorTab .thirdrow {
        margin-top: 10px;
    }

    .quick-check-template .result #doctorTab .secondrow .contentContainer, 
    .quick-check-template .result #doctorTab .thirdrow .contentContainer {
        display: flex;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowFirstPart, 
    .quick-check-template .result #doctorTab .thirdrow .thirdRowFirstPart {
        width: 35%;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart, 
    .quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart {
        flex: 1;
        margin-left: 10px;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer {
        max-width: 107px;
        margin: 0px 5px;
        text-align: center;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .icon {
        font-size: 45px;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconText {
        font-size: 11px;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer {
        padding: 25px 5px;
    }

    .quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions {
        grid-template-columns: 1fr 1.5fr;
    }

    /* order of common section */
        .quick-check-template .result .fullImageContainer {
            order: 0;
        }

        .quick-check-template .result #brazeFormMain {
            order: 1;
        }

        .quick-check-template .result .fad-widget-aside {
            order: 2; 
        }

        .quick-check-template .result [data-tab="doctor"] .fullImageContainer {
            order: 1;
        }

        .quick-check-template .result [data-tab="doctor"] #brazeFormMain {
            order: 0;
        }

    /* END order of common section */

    /* FAD Widget */
    .quick-check-template .fad-widget-text-content {
        order: 2;
        margin-left: 0;
        padding-left: 35px;
    }

    .quick-check-template .fad-widget.fad-widget-v2 .search__button {
        margin-right: 20px;
    }

    /* END FAD Widget */

    /* Braze form */

    .quick-check-template .result .brazeFormContainer {
        align-items: center;
    }

    .quick-check-template .result .brazeFormContainer .textContainer {
        margin-left: 1.5em;
    }

    .quick-check-template .result [data-tab="summary"] .brazeFormContainer .imageContainer {
        order: 1;
    }

    .brazeFormContainer .girl-image {
        position: relative;
    }

    .body.summary-tab .brazeFormContainer .girl-image {
        width: 90%;
        margin-left: 6%;
    }

    /* Braze form end */

    /* Full Image Container */
    .quick-check-template .result .fullImageContainer {
        padding: 4em 0px;
    }

    .quick-check-template .result .fullImageContainer .text {
        position: absolute;
        width: 80%;
    }

    .quick-check-template .result .fullImageContainer .text p {
        max-width: 350px;
    }

    .quick-check-template .result .fullImageContainer img {
        margin-top: 0;
    }
    .quick-check-template .result #summaryTab {
        margin-bottom: 0;
    }
    
    .quick-check-template .result .fullImageContainer img.treatment-circle-img {
        position: absolute;
        bottom: -75px;
        right: 10px;
        width: 200px;
    }

    .quick-check-template .close-navigation-btn {
        font-size: 23px;
        height: 40px;
        width: 40px;
    }

    .quick-check-template .tabContainer button .text {
        padding-top: 3px;
    }

    .quick-check-template .fad-widget.fad-widget-v2 .find-doctor-map#fad-map {
        height: 440px;
    } 

    .quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer .dailyLifeOptions {
        padding-right: 100px;
        padding-bottom: 5px;
    }

    /* .quick-check-template .result .brazeFormContainer .textContainer h2 span {
        padding-left:2em;
    } */
    .quick-check-template .result .fad-alternative-for-cgx {
        background: #C7DCED;
    }
    .quick-check-template .result #doctorTab.d-none+.commonResultContent .fad-alternative-for-cgx {
        background: #fff;
    }
    .quick-check-template .fad-alternative-for-cgx .imageContainer img.girl-image {
        height: 380px;
    }
    /* END Full Image Container 768 */
}

@media (min-width: 1200px) and (max-width: 1349px) {
    .quick-check-template .quizBackgroundColor {
        padding: 140px 0 60px;
        height: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .quick-check-template .quizBackgroundColor {
        padding: 120px 0 60px;
        height: 100%;
    }
    .quick-check-template .result .fullImageContainer img {
        margin-top: 76px;
    }
    .quick-check-template .result .fullImageContainer .text {
        margin-top: -76px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-imageCol {
        display: none;
    }
    .quick-check-template .doctorReport-questionText {
        margin: 0 0 20px;
    }
    .quick-check-template .doctorReport-questionBox {
        padding: 24px;
    }
    .quick-check-template .symptomOverview-card {
        padding: 24px;
    }
    .quick-check-template .doctorReport-sectionTitle {
        margin: 0px 0 24px;
    }
    .quick-check-template .symptomOverview-section.doctorReport-section {
        padding: 32px;
    }
    .quick-check-template .doctorReport-section {
        padding: 32px;
    }
    .quick-check-template .doctorReport-timeTriggers {
        padding: 32px;
    }
    .quick-check-template .doctorReport-timeTriggers .doctorReport-sectionHeader {
        margin: 0 0 24px;
    }
    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-textCol .textContainer {
        text-align: center;
    }
    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer .textContainer h2 {
        margin: 0 auto 24px auto;
    }
    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer .resultTextContainer {
        margin-left: 0;
        text-align: center;
    }
    .quick-check-template .result .fullImageContainer img {
        margin-top: 76px;
    }
    .quick-check-template .result .fullImageContainer .text {
        margin-top: -76px;
    }
    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer.signup {
        flex-wrap: wrap !important;
    }
    .quick-check-template .quizBackgroundColor {
        padding: 100px 0 60px;
        height: 100%;
    }
    .quick-check-template .qacContainer {
        /* max-height: 800px; */
    }
    .quick-check-template .questionSlide #step-4 [data-options-type="multiCheckboxes"] .imageContainer img {
        max-height: 145px;
    }
    .quick-check-template .questionSlide #step-7 [data-options-type="multiCheckboxes"] .imageContainer img {
        max-height: 165px;
    }
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer {
        flex-wrap: wrap;
    }
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:nth-child(1), 
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:nth-child(2) {
        margin-bottom: 20px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer, 
    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer > div {
        width: 100%;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorDescription {
        margin-bottom: 3em;
    }

    /* .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer {
        flex-wrap: wrap;
    } */

    /* .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:last-child .icon {
        font-size: 45px;
    } */

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:nth-child(1), 
    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:nth-child(2) {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .container > div.d-flex {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) and (max-width: 1500px) {
    .quick-check-template .result #summaryTab .suspectedTriggersContainer .iconContainer {
        max-width: 75px !important;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:nth-child(2) .iconText {
        margin-left: -30px;
    }
    
}

@media (min-width: 992px) {
    .quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormBlock-imageCol {
        flex: 0 0 auto;
        width: auto;
        max-width: 36%;
        display: block;
    }
    .quick-check-template .answerContainer {
        margin: 0em 1.0em;
    }

    /* multiCheckboxes CSS */

    .quick-check-template .checkbox-item {
        font-size: 16px;
    }

    .quick-check-template .questionSlide #step-9 .checkbox-item {
        font-size: 15px;
        margin-bottom: 18px;
    }

    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .checkboxesContainer {
        /* flex: 1; */
        max-width: 400px;
    }
    
    .quick-check-template .questionAnswer:last-child [data-options-type="multiCheckboxes"] .checkboxesContainer {
        max-width: 300px;
    }

    .quick-check-template .questionAnswer[id=step-6] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer {
        column-gap: 50px;
    }

    /* end multiCheckboxes CSS */

    .quick-check-template .result #summaryTab,
    .quick-check-template .result #doctorTab {
        padding: 40px 0 64px 0;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer {
        max-width: 400px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer {
        margin-left: 0.5em;
        margin-bottom: 1.5em;
    }

    .quick-check-template .result .fullImageContainer {
        padding: 96px 0;
    }

    /* result page */
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer {
        padding: 45px 15px;
    }
    /* .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:last-child .icon {
        font-size: 45px;
    } */
    .quick-check-template .result .fullImageContainer img.treatment-circle-img {
        bottom: -60px;
    }
     /* result page end */

    /* Braze form */

    .quick-check-template .result .brazeFormContainer .textContainer h2 {
        font-size: 36px;
    }

    .quick-check-template .result .brazeFormContainer {
        padding: 3em 2em;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .icons {
        font-size: 25px;
    }
    /* Braze form end */

    /* Full Image Container */

    .quick-check-template .result .fullImageContainer img.treatment-circle-img {
        position: absolute;
        bottom: -162px;
        right: 10px;
        width: 300px;
    }
    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .scale-container {
        position: relative;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .indicatorPopUpTextContainer {
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }
    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .indicatorPopUpTextContainer {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    /* END Full Image Container */
}

@media (min-width: 1024px) {
    .quick-check-template .qacContainer {
        width: 88vw;
    }

    .quick-check-template .questionAnswer {
        padding: 1.5em 2.25em;
    }

    .quick-check-template .result #summaryTab .lifeAffectedContainer,
    .quick-check-template .result #summaryTab .suspectedTriggersContainer {
        padding: 18px 30px;
    }

    /* Braze form */
    .quick-check-template .result .brazeFormContainer .textContainer {
        margin-left: 1.5em;
    }

    .quick-check-template .result .brazeFormContainer .girl-image {
        z-index: 2;
    }
    /* Braze form end */
}

@media (min-width: 992px) and (max-width: 1199px) {
    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer {
        width: 70% !important;
    }
    .quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer {
        width: 30% !important;
    }
    .quick-check-template .result #doctorTab .firstrow .container {
        padding: 30px 10px !important;
    }
}

@media (min-width: 1200px) {
    .quick-check-template .fad-alternative-for-cgx .imageContainer img.girl-image {
        height: 450px;
    }
    .quick-check-template .questionAnswer {
        padding: 1.5em 3.5em;
    }

    .quick-check-template .answerContainer {
        margin: 0em 1.75em;
    }

    .quick-check-template .answerContainer [data-options-type="multiCheckboxes"] .imageContainer {
        right: 10%;
     }

     .quick-check-template .questionSlide #step-4 [data-options-type="multiCheckboxes"] .imageContainer {
        right: 5%;
    } 

    .quick-check-template .result #summaryTab .triggerContainer {
        padding-left: 15px;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconText {
        max-width: 95px;
    }

    .quick-check-template .result #doctorTab .firstrow .container, 
    .quick-check-template .result #doctorTab .secondrow .container, 
    .quick-check-template .result #doctorTab .thirdrow .container {
        padding: 30px 45px; 
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer {
        max-width: 450px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer {
        padding: 20px 18px;
        margin: 0px 5px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer {
        margin-left: 0.6em;
    }
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer {
        padding: 45px 30px;
    }

    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer, 
    .quick-check-template .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer, 
    .quick-check-template .result #doctorTab .secondrow .secondRowFirstPart, 
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart, 
    .quick-check-template .result #doctorTab .thirdrow .thirdRowFirstPart, 
    .quick-check-template .result #doctorTab .thirdrow .thirdRowSecondPart {
        padding: 20px 20px;
    }

    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersContent {
        flex-direction: row;
    }

    /* FAD Widget */
    .quick-check-template .fad-widget {
        padding: 80px 80px;
    }

    /* END FAD Widget */

    /* Full Image Container */

    .quick-check-template .result .fullImageContainer img {
        margin-top: 0;
    }

    /* END Full Image Container */
}

@media (min-width: 1400px) {

    .quick-check-template .resultContainer .body {
        margin-left: auto;
        margin-right: auto;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer,
    .quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer {
        width: 100%;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .iconContainer {
        max-width: 95px;
    }

    /* FAD Widget */
    .quick-check-template .fad-widget {
        padding: 80px 100px;
    }

    /* END FAD Widget */
}

@media (min-width: 1441px) {
    .quick-check-template [data-options-type="indicatorOptions"] .indicatorContainer .slider::-webkit-slider-thumb,
    .quick-check-template .resultIndicatorContainer.scale-container .slider::-webkit-slider-thumb {
        width: 27px;
    }
    .quick-check-template .result #doctorTab .firstrow .firstRowFirstContainer .breathingHeader {
        padding-right: 27px;
    }
    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconText {
        max-width: 140px;
    }
    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:nth-child(2) .iconText {
        margin-left: -15px;
    }
}
@media (min-width: 1800px) {
    .quick-check-template .result .summary {
        padding: 30px 6% !important;
    }

    .quick-check-template .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer,
    .quick-check-template .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer {
        width: 75%;
    }
}

@media (max-width: 390px) {
    .quick-check-template #step-7 .answerContainer [data-options-type="multiCheckboxes"] {
        padding: 1.8em 0em 1.8em .8em;
    }
    .quick-check-template .result #doctorTab .secondrow .secondRowSecondPart .checkbox-item:nth-child(5) {
        margin-bottom: 78px;
    }
    .quick-check-template .resultHero-title {
        font-size: 22px;
    }
}
@media (max-width: 375px) {
    .quick-check-template [data-options-type="indicatorOptions"] .indicatorHeading {
        font-size: 12px;
    }

    .quick-check-template .questionAnswer[id="step-8"] .question {
        width: 95%;
        font-size: 17px;
    }

    .quick-check-template [data-options-type="indicatorOptions"] .symptomsOption {
        width: 100%;
    }

    .quick-check-template .questionAnswer[id="step-6"] .answerContainer [data-options-type="multiCheckboxes"] {
        padding: 1.2em 1.4em;
    }

    .quick-check-template .questionAnswer[id="step-6"] .answerContainer [data-options-type="multiCheckboxes"].imageContainer {
        max-width: 135px !important;
    }

    .quick-check-template .questionAnswer[id=step-9] .leftNavigation {
        width: 38%;
    }

    .quick-check-template .questionAnswer[id=step-9] .rightNavigation {
        width: 62%;
    }

    .quick-check-template .rightNavigationButtonContainer[data-next-step=step-result] { 
        padding: 9px 8px 13px;
    }

    .quick-check-template .rightNavigationButtonContainer[data-next-step=step-result] span.buttonLabel {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .quick-check-template .doctorReport-twoCards {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .quick-check-template .doctorReport-treatment .doctorReport-treatmentSpacer,
    .quick-check-template .doctorReport-treatment .doctorReport-treatmentActions {
        grid-column: 1;
        margin-top: 0;
    }
    .quick-check-template .doctorReport-treatment .doctorReport-treatmentActions {
        justify-content: end;
        margin-top: 8px;
    }
}

@media (min-width: 992px) {
    .quick-check-template .doctorReport-optionLabel {
        font-size: 14px;
    }
    .quick-check-template .symptomOverview-cardOption {
        font-size: 14px;
    }
    .quick-check-template .symptomOverview-option {
        font-size: 14px;
    }
    .quick-check-template .doctorReport-questionText {
        font-size: 24px;
        margin: 0 0 16px;
    }
    .quick-check-template .doctorReport-sectionTitle {
        font-size: 24px;
    }
    .quick-check-template #doctorTab .indicatorText {
        font-size: 18px;
    }
    .quick-check-template .symptomOverview-scaleRef {
        font-size: 15px;
        max-width: 71%;
    }
    .quick-check-template .symptomOverview-scale .scale-container {
        max-width: 78%;
    }
    .quick-check-template .doctorReport-sections {
        gap: 24px;
    }
}

@media (min-width: 1300px) {
    .quick-check-template .doctorReport-optionLabel {
        font-size: 20px;
    }
    .quick-check-template .symptomOverview-cardOption {
        font-size: 20px;
    }
    .quick-check-template .symptomOverview-option {
        font-size: 20px;
    }
}

[data-suffix="aaq-quiz"] .text-article-section {
    max-width: 1105px !important;
    margin-top: -30px;
}
[data-suffix="aaq-quiz"] .text-article-section .shg-rich-text a {
    text-decoration: none;
    color: #ff3317;
}
[data-suffix="aaq-quiz"] .sg-accordion-item .shogun-accordion .shogun-accordion-title:after {
    color: #ff6651;
    border: 0;
    font-size: 25px;
}
[data-suffix="aaq-quiz"] .sg-accordion-item .shogun-accordion-body .shg-theme-text-content p {
    color: #3c3c3c;
}
[data-suffix="aaq-quiz"] .global-acoordion-blocks .shg-box-content {
    border-radius: 15px;
}

[data-suffix="aaq-quiz"] .global-acoordion-blocks {
    max-width: 1225px;
}
[data-suffix="aaq-quiz"] .references-ccordion {
    margin-top: -30px;
}

@keyframes aaqPulseAttention {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1.06);
    }
    40% {
        transform: scale(1);
    }
    60% {
        transform: scale(1.04);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

.quick-check-template .aaq-pulse-attention {
    animation: aaqPulseAttention 850ms cubic-bezier(0.22, 0.61, 0.36, 1);
    transform-origin: center center;
    will-change: transform, box-shadow;
}

/* Extra emphasis when pulsing the symptom buttons area */
.quick-check-template .aaq-pulse-attention .symptomsOption label span {
    border: 2px solid #002559 !important;
    font-family: 'Poppins-SemiBold' !important;
}

.consent_checkbox_wrapper .checkbox-label .checkbox-text a {
    text-decoration: none;
}

section:first-of-type.no-margin {
    margin-top: 60px !important;
}

.quick-check-template .result #templateBrazeFormMain.brazeFormBlock .brazeFormContainer.result .imageContainer {display: none;}