/*@import url("https://use.typekit.net/xlh5gpw.css");*/
@import url('badger-common.css');
body {
  background: var(--lightgrey);
}
.survey-container {
    background: var(--lightgrey);
}
body.header-resize .navbar {
    height: 90px;
    align-items: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
}
body.header-resize .navbar .menu-and-logo {
  align-items: center;
}
body.header-resize .navbar .menu-and-logo .toggle-wrap {
  margin-bottom: 0;
}
body.header-resize .navbar aside {
  top: 90px;
}
body.header-resize .navbar .filter-dropdown,
body.header-resize .navbar .nav-right {
  margin-bottom: 0;
}
body.header-resize .navbar .logo img {
  height: 50px;
  width: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  font-family: var(--primary-font-family);
  margin: 0;
}
.answer-pd {
    padding-top: 24px !important;
    padding-bottom: 3rem !important;
}
h1 {
  font-size: 1.75rem;
  color: var(--black);
  font-weight: 600;
}
h5 {
  font-size: 1.25rem;
  color: var(--black);
  font-weight: 600;
}
.text-grey {
  color: var(--grey);
}
.text-dark-grey {
  color: var(--dark-grey);
}
.fw-medium {
  font-weight: 500;
}
.fw-semi {
  font-weight: 600;
}
.btn {
  font-size: 0.9rem;
  transition: opacity ease-in 0.2s;
}
.open-text {
    margin-top: 34px !important;
}
.open-text label {
    margin-bottom: 12px;
    color: #444;
    font-family: Montserrat;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
}
.btn:hover {
    opacity: 0.8;
}
.dashboard-content h1 {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.5px;
}
.dashboard-content .page-title span {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.5px;
}
.btn-icon {
    color: var(--orange);
    font-size: 1.5rem;
    padding: 0.25rem;
    display: block;
    cursor: pointer;
}
.modal .modal-body .score-emoji span {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 20px;
    letter-spacing: -1.5px;
    padding-top: 14px;
}
.modal .modal-body .score-emoji .emoji-text {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.5px;
}
.active {
    color: #FF8700;
    font-weight: 500;
}
.btn-icon:hover {
    color: var(--orange);
}
.btn-default {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    border-radius: 0.125rem;
    background: var(--verdigris);
    padding: 0.5rem 1.5rem;
}
    .btn-default:hover {
        color: #FFF;
        background: var(--verdigris);
    }
.btn-alt {
    color: #FFF;
    background: #ADAEB2;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0.125rem;
    padding: 0.5rem 1.5rem;
}

.generate-buttons a {
    margin-bottom: 14px;
}

.btn-alt.btn-slim {
    padding: 0.25rem 0.75rem;
}
.btn-alt:hover {
  color: #FFF;
}
.comments-sub-text {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.4px;
    margin-bottom: 10px;
}
.comments-sub-text-explain {
    color: #231F20;
    font-family: Montserrat;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.4px;
    padding-bottom: 20px;
}
.divider-lines {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 10px;
}
.chart-wrapper p {
    color: #231F20;
    text-align: center;
    font-family: Montserrat;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
}
.btn-pill {
    text-transform: none;
    color: #ffffff;
    font-weight: 400;
    border-radius: 1rem;
    background: #25768D;
    padding: 0.125rem 0.75rem 0.125rem 0.5rem;
    display: flex;
    align-items: center;
    transition: all ease-in 0.1s;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.modal .modal-header h1 {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.5px;
}
.no-bullets li {
    color: #444;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px !important;
}
.modal .modal-body span {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 20px;
    letter-spacing: -1.5px;
}
    .btn-pill i {
        color: var(--verdigris);
    }
    .btn-pill:hover {
        color: #FFF;
        background: #25768D;
    }
.btn-pill:hover i {
  color: #fff;
}
.page-btn {
    border-radius: 0.125rem;
    border: 1px solid;
    text-transform: none;
    text-decoration: none;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
}
.page-btn i {
  font-size: 1.25rem;
}
    .page-btn.default {
        color: #FFF;
        background: #25768D;
        border-color: #25768D;
    }
    .page-btn.alt {
        color: #25768D;
        background: #FFF;
        border-color: #25768D;
    }
    .page-btn.default:hover {
        color: #FFF;
        background: #25768D;
        border-color: #25768D;
    }

    .page-btn.alt:hover {
        color: #25768D;
        background: #FFF;
        border-color: #25768D;
    }
.page-noted {
    display: flex;
    justify-content: space-between;
}
label {
    display: flex;
    align-items: center;
}
label:has(.form-check-input):hover {
  cursor: pointer;
}
.form-check-input {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.25rem 0 0;
}
.form-check-input:hover {
  cursor: pointer;
}
    .form-check-input[type="checkbox"]:checked,
    .form-check-input[type="checkbox"]:indeterminate {
        background-color: #25768D;
        border-color: #25768D;
    }
hr {
  background: var(--grey);
}
.form-check-input {
    width: 20px;
    height: 20px;
    /*margin-top: .25em;*/
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #DCDDDE;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    margin-right: 8px;
}
.showpassword label {
    display: flex;
    align-items: center;
    color: #343434 !important;
    font-family: Montserrat !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    letter-spacing: -0.5px !important;
}
.btn-default-submit {
    text-transform: capitalize;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 0.125rem;
    background: var(--verdigris);
    padding: 0.5rem 1.5rem;
}
.btn-default-submit:hover {
    text-transform: capitalize;
    color: #FFF;
    background: var(--verdigris);
}
.need-help-text {
    color: #231F20 !important;
    font-family: Montserrat !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 22px; /* 169.231% */
}
#page-container {
    position: relative;
    min-height: 100vh;
    background: #FFF;
}
#page-container .login {
  display: flex;
  padding-bottom: 3rem;
  flex-direction: column;
  align-items: center;
}
#page-container .login form {
  background: var(--lightgrey);
  border-radius: 1.25rem;
  padding: 2.75rem 4rem;
}
    #page-container .login form h1 {
        color: #231F20;
        font-family: Montserrat;
        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        letter-spacing: -1px;
    }
.form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: .375rem .75rem;
    border-radius: 4px;
    border: 1px solid #DCDDDE;
    background: #FFF;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #A3ACB7 !important;
    font-family: Montserrat !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 20px; /* 153.846% */
    letter-spacing: -0.5px;
}
.login-subtext {
    color: #343434;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 133.333% */
}
#page-container .login form label:has(.form-check-input) {
    font-size: 0.9rem;
}
footer {
    width: 100%;
    height: auto;
    display: flex;
    padding: 0.5rem 10% 0.5rem;
    justify-content: center;
    align-items: center;
    background: #25768D;
    font-size: 12.5px;
}

    footer p {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 12.5px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }
.progress-tracker-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    display: flex;
    padding: 0.5rem 10% 0.5rem;
    justify-content: center;
    align-items: center;
    background: #25768D;
    font-size: 12.5px;
}
.tracker-headings h1 {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.5px;
    margin-bottom: 20px;
}

.tracker-headings .current-date {
    color: #231F20;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.224px;
}
.progress-tracker .breadcrumbs a {
    color: #0075C9;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.5px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.progress-tracker tbody a {
    color: #0075C9 !important;
    font-family: Montserrat !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: -0.5px !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: none !important;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto !important;
    text-underline-position: from-font !important;
}
.progress-tracker .breadcrumbs {
    color: #231F20;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.5px;
}
.progress-tracker-footer p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 12.5px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
    #page-container footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: auto;
        display: flex;
        padding: 0.5rem 10% 0.5rem;
        justify-content: center;
        align-items: center;
        background: #25768D;
        font-size: 12.5px;
    }
    #page-container footer p {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 12.5px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }
    #page-container .landing-page-footers {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: auto;
        display: flex;
        padding: 0.5rem 10% 0.5rem;
        justify-content: left;
        align-items: start;
        background: #25768D;
        font-size: 12.5px;
    }

        #page-container .landing-page-footers p {
            color: #FFF;
            text-align: left;
            font-family: Montserrat;
            font-size: 12.5px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
        }

.filters .filters-row {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1rem;
}
    .filters .filters-row label {
        min-width: 9rem;
        color: #231F20;
        font-family: Montserrat;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.8px;
        text-transform: capitalize;
    }
.sample-size-text-footer {
    color: #231F20;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.3px;
    margin-top: 2rem;
}
.filters .filters-row .dropdown-toggle {
    width: 100%;
}
.filters-dropdown {
    background: #FFF;
    border: none;
    min-width: 20rem;
    padding: 0.5rem 1rem;
    text-align: left;
    display: flex;
    align-items: center;
    position: relative;
    color: #231F20;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
}
.filters-dropdown::after {
  content: '\ea4a';
  font-family: "boxicons";
  position: absolute;
  right: 1rem;
  font-size: 1.25rem;
  color: var(--black);
  border: none;
}
.filters-dropdown .btn {
  border-radius: 0 !important;
  text-transform: none;
}
.dropdown-menu {
  width: 100%;
}
.dropdown-menu ul {
  max-height: 300px;
  overflow: auto;
  list-style-type: none;
  padding: 0;
}
.dropdown-menu ul li {
  padding: 0.5rem 0.75rem;
}
.indicators-modal-body .col p {
    text-align: center;
    font-size: 14.5px;
}
.footer-text-rel h6 {
    color: #231F20;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: left;
}
.navbar {
    background: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1.5%;
    padding-right: 5.2%;
    position: fixed;
    width: 100%;
    height: var(--navbar-height);
    z-index: 99;
    top: 0;
    align-items: flex-end;
}
label span {
    color: #444;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.navbar .menu-and-logo {
  display: flex;
  align-items: flex-end;
}
.navbar .menu-and-logo .toggle-wrap {
  cursor: pointer;
  margin: 0 4rem 0.75rem 0;
}
.survey-footer .survey-wrap {
    display: flex;
    justify-content: space-between;
}
.survey-footer p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 12.5px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: left !important;
}
.navbar .menu-and-logo .toggle-wrap.active .toggle-bar::after {
    content: '\ec8e';
    font-family: "boxicons";
    color: var(--black);
    font-size: 1.5rem;
}
.navbar .menu-and-logo .toggle-wrap .toggle-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  cursor: pointer;
  position: relative;
  background: var(--lightgrey);
}
.navbar .menu-and-logo .toggle-wrap .toggle-bar::after {
  content: '\eb5f';
  font-family: "boxicons";
  color: var(--black);
  font-size: 1.5rem;
}
.navbar aside {
    position: absolute;
    width: 11rem;
    height: 100vh;
    background: #25768D;
    left: 0;
    top: var(--navbar-height);
    z-index: 9999;
    display: none;
}
    .navbar aside a {
        display: flex;
        align-items: center;
        height: 84px;
        padding-right: 10px;
        padding-left: 14px !important;
        text-decoration: none;
        color: #FFF;
        font-family: Montserrat;
        font-size: 12.8px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
        text-transform: uppercase;
        border-bottom: 1px solid #ffffff;
    }
        .navbar aside a:hover {
            background: #11B6BE;
            color: #FFF;
        }
        .navbar aside a::selection {
            background: #11B6BE;
            color: #FFF;
        }
    .navbar aside a.active {
        border-bottom: 1px solid #FFF;
        background: #11B6BE;
        color: #FFF;
        font-family: Montserrat;
        font-size: 12.8px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1px;
        text-transform: uppercase;
    }
        .navbar aside a:not([href]),
        .navbar aside a:not([href]):hover {
            background: #11B6BE;
            color: #FFF;
        }
.navbar .filter-dropdown {
    background: var(--lightgrey);
    border: none;
    min-width: 20rem;
    height: 3rem;
    border-radius: 1.5rem;
    padding: 0 3rem;
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    color: #444E59;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 153.846% */
}
#engagementQuestionLabel {
    color: #231F20 !important;
    font-family: Montserrat !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: normal !important;
}
#badgerQuestionLabel {
    color: #231F20 !important;
    font-family: Montserrat !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: normal !important;
}
.navbar .filter-dropdown::before {
    content: '\ebf7';
    font-family: "boxicons";
    position: absolute;
    left: 1rem;
    font-size: 1.5rem;
    color: #CCC;
}
.navbar .filter-dropdown::after {
  content: '\ea4a';
  font-family: "boxicons";
  position: absolute;
  right: 1rem;
  font-size: 1.25rem;
  color: var(--black);
  border: none;
}
#userFullName {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.navbar .filter-dropdown .btn {
    border-radius: 0 !important;
    text-transform: none;
}
    .navbar .dropdown-menu {
        width: max-content;
    }
.navbar .dropdown-menu ul {
  max-height: 300px;
  overflow: auto;
  list-style-type: none;
  padding: 0;
}
.navbar .dropdown-menu ul li {
  padding: 0.5rem 0.75rem;
}
.navbar .nav-right {
  font-weight: 500;
  margin-bottom: 0.75rem;
}
    .navbar .nav-right a {
        text-decoration: none;
        color: #231F20;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Montserrat;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
.navbar .nav-right i {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background: var(--lightgrey);
  width: 2rem;
  height: 2rem;
  font-size: 1.25rem;
}
.navbar .nav-right .need-help-icon {
  line-height: 1.2rem;
}
    .navbar .nav-right .need-help-icon i {
        width: 3rem;
        height: 3rem;
        border-radius: 1.5rem;
        color: var(--verdigris);
        font-size: 1.5rem;
    }
.dashboard-content,
.filter-content,
.progress-tracker-content {
    width: 90%;
    margin: var(--navbar-height) auto 0;
    margin-bottom: 100px;
}
.dashboard-content h1 span,
.filter-content h1 span,
.progress-tracker-content h1 span {
  font-weight: 400;
}
    .dashboard-content .filters-applied,
    .filter-content .filters-applied,
    .progress-tracker-content .filters-applied {
        margin-left: 0.5rem;
        font-size: 1.75rem;
        color: var(--verdigris);
        cursor: pointer;
    }
    .dashboard-content .results p i,
    .filter-content .results p i,
    .progress-tracker-content .results p i {
        font-size: 1.5rem;
        color: #25768D;
    }
.resilts-section p {
    color: #231F20;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.208px;
}
    .dashboard-content .top-blocks,
    .filter-content .top-blocks,
    .progress-tracker-content .top-blocks {
        display: flex;
        gap: 1.5rem;
    }
.dashboard-content .top-blocks > *,
.filter-content .top-blocks > *,
.progress-tracker-content .top-blocks > * {
  flex: 1;
}
.dashboard-content .top-blocks .block,
.filter-content .top-blocks .block,
.progress-tracker-content .top-blocks .block {
  background: #FFF;
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
    .dashboard-content .top-blocks .block .heading,
    .filter-content .top-blocks .block .heading,
    .progress-tracker-content .top-blocks .block .heading {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
        .dashboard-content .top-blocks .block .heading h3,
        .filter-content .top-blocks .block .heading h3,
        .progress-tracker-content .top-blocks .block .heading h3 {
            color: #231F20;
            text-align: center;
            font-family: Montserrat;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -0.5px;
            text-transform: capitalize;
        }
.sample-size-text h5 {
    color: #231F20;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 160% */
    letter-spacing: -1px;
    margin-bottom: 0px !important;
}
    .dashboard-content .top-blocks .block .fill-dial,
    .filter-content .top-blocks .block .fill-dial,
    .progress-tracker-content .top-blocks .block .fill-dial {
        margin-top: 0.5rem;
    }
.dashboard-content .top-blocks .block .circle-small,
.filter-content .top-blocks .block .circle-small,
.progress-tracker-content .top-blocks .block .circle-small {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.dashboard-content .top-blocks .block .circle-small .circle,
.filter-content .top-blocks .block .circle-small .circle,
.progress-tracker-content .top-blocks .block .circle-small .circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard-content .top-blocks .block .circle-small .circle h1,
.filter-content .top-blocks .block .circle-small .circle h1,
.progress-tracker-content .top-blocks .block .circle-small .circle h1 {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  text-transform: capitalize;
}
.dashboard-content .header-main,
.filter-content .header-main,
.progress-tracker-content .header-main {
  background: #FFFFFF;
  border-radius: 1rem 1rem 0 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
  position: relative;
  margin: 0;
  padding: 1rem;
}
    .dashboard-content .header-main h2,
    .filter-content .header-main h2,
    .progress-tracker-content .header-main h2 {
        color: #231F20;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Montserrat;
        font-size: 22px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        letter-spacing: -0.5px;
        margin-bottom: 5px;
    }
.dashboard-content .header-main .ask,
.filter-content .header-main .ask,
.progress-tracker-content .header-main .ask {
  margin: -1rem -1rem 0 0;
}
.dashboard-content .header-main .ask img,
.filter-content .header-main .ask img,
.progress-tracker-content .header-main .ask img {
  border-radius: 0 1rem 0 0;
}
.dashboard-content .header-main .header-container,
.filter-content .header-main .header-container,
.progress-tracker-content .header-main .header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px;
}
    .dashboard-content .header-main .header-container p,
    .filter-content .header-main .header-container p,
    .progress-tracker-content .header-main .header-container p {
        color: #231F20;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Montserrat;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 153.846% */
        letter-spacing: -0.5px;
    }
.dashboard-content .table-main,
.filter-content .table-main,
.progress-tracker-content .table-main {
  background: #FFFFFF;
  border-radius: 0px 0px 1rem 1rem;
  margin: 0;
  padding: 1rem;
}
.dashboard-content .table-main .green-up,
.filter-content .table-main .green-up,
.progress-tracker-content .table-main .green-up,
.dashboard-content .table-main .red-up,
.filter-content .table-main .red-up,
.progress-tracker-content .table-main .red-up,
.dashboard-content .table-main .grey-up,
.filter-content .table-main .grey-up,
.progress-tracker-content .table-main .grey-up,
.dashboard-content .table-main .green-down,
.filter-content .table-main .green-down,
.progress-tracker-content .table-main .green-down,
.dashboard-content .table-main .red-down,
.filter-content .table-main .red-down,
.progress-tracker-content .table-main .red-down,
.dashboard-content .table-main .grey-down,
.filter-content .table-main .grey-down,
.progress-tracker-content .table-main .grey-down {
  color: var(--black) !important;
}
.dashboard-content .table-main .table > :not(caption) > * > *,
.filter-content .table-main .table > :not(caption) > * > *,
.progress-tracker-content .table-main .table > :not(caption) > * > * {
  border: none;
}
    .dashboard-content .table-main .table .table-headers,
    .filter-content .table-main .table .table-headers,
    .progress-tracker-content .table-main .table .table-headers {
        color: #231F20;
        font-family: Montserrat;
        font-size: 13.5px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.3px;
    }
.dashboard-content .table-main .table .table-divider:not(:last-of-type),
.filter-content .table-main .table .table-divider:not(:last-of-type),
.progress-tracker-content .table-main .table .table-divider:not(:last-of-type) {
  border-bottom: 1px solid #EDEDED;
}
    .dashboard-content .table-main .table td,
    .filter-content .table-main .table td,
    .progress-tracker-content .table-main .table td {
        padding: 0.5rem;
        vertical-align: sub;
        color: #231F20;
        font-family: Montserrat;
        font-size: 13.5px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.3px;
        text-transform: capitalize;
    }
        .dashboard-content .table-main .table td .question-number,
        .filter-content .table-main .table td .question-number,
        .progress-tracker-content .table-main .table td .question-number {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #FFF;
            text-align: center;
            font-family: Montserrat;
            font-size: 13.5px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin-right: 0.75rem;
            border-radius: 0.5rem;
            background: #ADAEB2;
            width: 40px;
            height: 40px;
        }
.dashboard-content .legend,
.filter-content .legend,
.progress-tracker-content .legend {
  width: 50%;
}
.dashboard-content .legend .rating-scale,
.filter-content .legend .rating-scale,
.progress-tracker-content .legend .rating-scale {
  display: flex;
  align-items: center;
}
.dashboard-content .legend .rating-scale .rating-scale-blocks,
.filter-content .legend .rating-scale .rating-scale-blocks,
.progress-tracker-content .legend .rating-scale .rating-scale-blocks {
  margin: 0 0.1rem;
  font-weight: 600;
  font-size: 0.9rem;
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}
.dashboard-content .legend .rating-scale .rating-scale-blocks .rating,
.filter-content .legend .rating-scale .rating-scale-blocks .rating,
.progress-tracker-content .legend .rating-scale .rating-scale-blocks .rating {
  color: #FFF;
  width: 115px;
  text-align: center;
}
    .dashboard-content .legend .rating-scale .rating-scale-blocks span,
    .filter-content .legend .rating-scale .rating-scale-blocks span,
    .progress-tracker-content .legend .rating-scale .rating-scale-blocks span {
        display: block;
        color: #231F20 !important;
        text-align: center !important;
        font-family: Montserrat !important;
        font-size: 11.5px !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: normal;
        letter-spacing: -0.3px !important;
        margin-top: 8px !important;
    }
    .dashboard-content .legend .movement,
    .filter-content .legend .movement,
    .progress-tracker-content .legend .movement {
        color: #231F20 !important;
        font-family: Montserrat !important;
        font-size: 11.5px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: normal !important;
        margin-top: 22px !important;
    }
.dashboard-content .legend .movement i,
.filter-content .legend .movement i,
.progress-tracker-content .legend .movement i {
  margin: 0;
  font-size: 20px;
  color: var(--black);
}
.dashboard-content .legend .distribution-scale,
.filter-content .legend .distribution-scale,
.progress-tracker-content .legend .distribution-scale {
  display: flex;
  align-items: center;
}
.dashboard-content .legend .distribution-scale .distribution-scale-blocks,
.filter-content .legend .distribution-scale .distribution-scale-blocks,
.progress-tracker-content .legend .distribution-scale .distribution-scale-blocks {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 0.875rem;
  min-width: 50px;
}
    .dashboard-content .legend .distribution-scale .distribution-scale-blocks .n,
    .filter-content .legend .distribution-scale .distribution-scale-blocks .n,
    .progress-tracker-content .legend .distribution-scale .distribution-scale-blocks .n {
        line-height: 1.75rem;
        color: #444 !important;
        text-align: center !important;
        font-family: Montserrat !important;
        font-size: 11.5px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        letter-spacing: -0.3px !important;
    }
    .dashboard-content .legend .distribution-scale .distribution-scale-blocks .bar-segment,
    .filter-content .legend .distribution-scale .distribution-scale-blocks .bar-segment,
    .progress-tracker-content .legend .distribution-scale .distribution-scale-blocks .bar-segment {
        display: flex;
        height: 1.5rem;
        justify-content: center;
        align-items: center;
        color: #FFF;
        width: 100%;
        height: 37px;
    }
.breakdown-header {
    color: #231F20;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.dashboard-content .legend .distribution-scale .distribution-scale-blocks .range,
.filter-content .legend .distribution-scale .distribution-scale-blocks .range,
.progress-tracker-content .legend .distribution-scale .distribution-scale-blocks .range {
  color: var(--dark-grey);
  font-weight: 450;
  font-size: 0.8rem;
  line-height: 1.5rem;
}
ul.breadcrumb {
  list-style: none;
  display: flex;
  gap: 0.5rem;
}
ul.breadcrumb li {
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
  color: #0075C9;
  display: flex;
  align-items: center;
}
ul.breadcrumb li i {
  font-size: 22px;
  vertical-align: sub;
}
.added-padding {
    text-align: center !important;
    padding-right: 30px !important;
}
ul.breadcrumb li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.5px;
}
.instructions p {
    color: #444;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
}
.instructions i {
  font-size: 22px;
  vertical-align: sub;
  margin-left: 8px;
}
.spacer {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 !important;
}
@supports (writing-mode: vertical-rl) {
  .table-responsive .vertical-top thead .organisational-levels span,
  .table-responsive .vertical-top thead .organisational-levels span.question-text {
    display: inline-block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: left;
    max-height: 230px;
    white-space: wrap;
  }
}
.block-charts-table-responsive table {
  background: #f7f8fa;
}
.block-charts-table-responsive table th {
  vertical-align: middle;
}
.block-charts-table-responsive table .organisational-levels th {
  vertical-align: bottom;
}
    .block-charts-table-responsive table .organisational-levels-head {
        vertical-align: middle;
        color: #231F20;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.2px;
        text-transform: uppercase;
        min-width: 200px;
        vertical-align: middle !important;
    }
    .block-charts-table-responsive table .question-heading {
        text-align: left !important;
        color: #231F20;
        font-family: Montserrat;
        font-size: 13.5px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.3px;
        display: grid;
        margin-bottom: -1px;
        border-bottom: 1px dashed #94979A;
    }
.block-charts-table-responsive table .border-left {
  min-width: 84px;
}
.block-charts-table-responsive table .border-left i {
  margin: 0;
}
.block-charts-table-responsive table.questions-top {
  table-layout: fixed;
}
.block-charts-table-responsive table.questions-top .table-head-top .question-set-table-heading {
  background: var(--orange);
  font-weight: 600;
  font-size: 1rem;
  color: #FFF;
}
.block-charts-table-responsive table.questions-top .table-head-top .organisational-levels th {
  vertical-align: bottom;
}
.block-charts-table-responsive table.questions-top tr:first-of-type th:nth-of-type(5) {
  width: 24px;
  background: var(--lightgrey);
}
.block-charts-table-responsive table.questions-top tr:nth-of-type(2) th:nth-of-type(10) {
  width: 24px;
  background: var(--lightgrey);
}
.table-responsive .vertical-top thead .organisational-levels span {
    color: #231F20;
    font-family: Montserrat;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 18px;
    align-items: center;
    padding-bottom: 10px;
}
.progress-tracker .tier-text {
  font-size: 0.8rem;
}
.progress-tracker table {
  background: #FFF;
  border-collapse: collapse;
  width: 100%;
}
.progress-tracker table th,
.progress-tracker table td {
  font-size: 0.9rem;
  padding: 0.5rem;
  text-align: left;
  border-left: 1px solid var(--lightgrey);
}
    .progress-tracker table th {
        color: #231F20 !important;
        font-family: Montserrat !important;
        font-size: 13.5px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: normal !important;
        letter-spacing: -0.3px !important;
    }
    .progress-tracker table td {
        font-family: Montserrat ;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.5px;
    }
    .progress-tracker table tfoot {
        color: #FFF !important;
        font-family: Montserrat !important;
        font-size: 13.5px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: normal !important;
        letter-spacing: -0.3px !important;
    }
.filters-title {
    color: #231F20;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.5px;
}
.filters-sub-text {
    color: #444;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
}
.filters-section-heading {
    color: #231F20 !important;
    font-family: Montserrat !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: -0.3px !important;
    margin-bottom: 2rem !important;
}
.progress-tracker table th img,
.progress-tracker table td img {
    align-self: center;
    cursor: pointer;
}
.indicators-modal-body .col {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.indicators-modal-body .col.ri-divider-right {
  border-right: 1px dashed #D3D3D3;
  margin-left: 0px;
  margin-right: 20px;
}
    .indicators-modal-body .col p {
        text-align: center;
        font-size: 14.5px;
    }
footer {
  padding: 1rem;
  text-align: center;
  color: var(--grey);
}
.dashboard-content .dimension-style {
    color: #231F20 !important;
    font-family: Montserrat !important;
    font-size: 14.5px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: -0.5px !important;
}
.dashboard-content .question-style {
    color: #444 !important;
    font-family: Montserrat !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    letter-spacing: -0.5px !important;
}
.legend h6 {
    color: #231F20 !important;
    font-family: Montserrat !important;
    font-size: 14.5px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: -0.5px !important;
}
.overlay {
    position: fixed;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
.overlay h2 {
  color: #FFF;
}
.chart-wrapper #chartjs-tooltip h2 {
    color: #231F20;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding-bottom: 0;
    padding-top: 0px;
}
.sentiment-table h6 {
    color: #231F20;
    font-family: Montserrat;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.3px;
    text-transform: capitalize;
    padding-top: 8px;
}
.chart-wrapper #chartjs-tooltip p {
    font-weight: 600;
}
.sentiment .col {
    padding-bottom: 45px;
}
.sentiment-split {
    color: #231F20 !important;
    font-family: Montserrat !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important; /* 162.963% */
    letter-spacing: -0.4px !important;
}
.enps-score {
    width: 50%;
    min-width: 750px;
}

.enps-equation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 13.5px;
    color: #231F20;
}

    .enps-equation .promoters {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        padding: 0.5rem;
        width: 150px;
        font-size: 12px;
    }

    .enps-equation .detractors {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        padding: 0.5rem;
        width: 150px;
        font-size: 12px;
    }

.enps-description {
    padding: 1rem;
    border: 1px solid #ddd;
    background: #f9f9f9;
    border-radius: 0.75rem;
}

    .enps-description ul {
        list-style: none;
        padding: 0;
    }

        .enps-description ul li {
            margin-bottom: 0.25rem;
        }

            .enps-description ul li strong {
                padding: 0.125rem 0.5rem;
                width: 140px;
                display: inline-block;
            }

    .enps-description p, .enps-description ul {
        color: #231F20;
        font-family: Montserrat;
        font-size: 13.5px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: -0.4px;
    }
.section-question {
    color: #231F20;
    font-family: Montserrat;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 162.963% */
    letter-spacing: -0.4px;
    margin-bottom: 24px;
    width: 400px;
}
/*Survey*/
/*Landing page*/
.landing-page #page-container {
    position: absolute;
    width: 60%;
    right: 0;
    top: 0;
}
.landing-page .content {
  padding: 3rem 10% 4rem;
  width: 100%;
  min-height: 100vh;
}
    .landing-page .content h1 {
        font-size: 2rem;
        font-weight: 800;
        letter-spacing: -1px;
    }
    .landing-page .content h6 {
        font-weight: 600;
        font-size: 14.5px;
    }
.landing-page .content h2 {
  font-size: 1.5rem;
  font-weight: 600;
}
.landing-page .content .employeeinput input {
  border: 1px solid #DCDDDE;
  border-radius: 4px;
  width: 100%;
  max-width: 20rem;
  height: 40px;
  font-size: 13px;
  font-style: normal;
  padding: 0.25rem 1rem;
}
.landing-page .bg-image {
  width: 40%;
  position: fixed;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url('../Images/survey-landing-page-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 900px) {
  .landing-page {
    flex-direction: column;
  }
  .landing-page #page-container {
    position: relative;
    width: 100%;
  }
  .landing-page .bg-image {
    position: relative;
    height: 250px;
    width: 100%;
    background-image: url('../Images/survey-landing-page-bg-rotated.jpg');
    background-size: cover;
  }
  .landing-page .content {
    margin-top: -90px;
  }
}
.footer-btn-section {
    border-top: 1px solid #E1E1E1;
    padding-bottom: 48px;
}
/*Survey Style*/
.survey {
  position: relative;
}
    .survey .survey-wrap {
        width: 100%;
        max-width: 1400px;
        margin: auto;
        align-items: center;
        padding-left: 20px;
        vertical-align: middle;
        padding-right: 20px;
    }
.survey .survey-header {
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 4;
}
.sub-heading-text p {
    color: #FFF !important;
    font-size: 13.8px !important;
    line-height: 20px !important;
}
.survey .survey-header .sub-header {
    background-color: #25768d !important;
    color: #FFF !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
    height: auto;
    display: flex;
    align-items: center;
}
    .survey .survey-header h1 {
        color: #25768d;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
.survey .survey-content {
    padding-bottom: 60px;
}
.survey .survey-content .even-bg {
  background: var(--lightgrey);
}
.survey .survey-content .uneven-bgs {
  background: #FFF;
}

.visually-hidden {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.radio-tab-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.radio-tab-label {
    display: inline-block;
    padding: 0.6rem 1rem;
    border: 1px solid #EDEDED;
    border-radius: 8px;
    background-color: #EDEDED;
    cursor: pointer;
    font-family: Montserrat;
    font-weight: 600;
    min-width: 90px;
    text-align: center;
    transition: all 0.2s ease;
}

/* highlight selected tab */
input.rbscore1:checked + .radio-tab-label {
    background-color: #34B4BD;
    color: #fff;
    border-color: #34B4BD;
}


    .survey .survey-content .caption p {
        margin-bottom: 1rem;
        color: #444;
        font-family: Montserrat;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.5px;
    }
.survey .survey-content .answer-select {
  display: flex;
  gap: 1rem;
}
.survey .survey-content .answer-select .radio {
  display: flex;
  flex: 1;
}
.survey .survey-content .answer-select .radio input[type="radio"] {
  display: none !important;
  border: 0px !important;
  list-style-type: none;
}
    .survey .survey-content .answer-select .radio input[type="radio"] + label {
        display: flex;
        background: url(../images/radio.png) left center no-repeat;
        padding-left: 50px !important;
        font-weight: 500;
        font-size: 14.8px;
        color: #444;
        line-height: 1rem;
        letter-spacing: -0.5px;
    }
.survey .survey-content .answer-select .radio input[type="radio"] + label:hover {
  cursor: pointer;
}
.survey .survey-content .answer-select .radio input[type="radio"]:checked + label {
  background: url(../images/radio-checked.png) no-repeat left center;
}
.survey .completion-content {
  padding-top: 169px;
}
.survey .survey-footer {
    background-color: #25768D;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px !important;
    height: auto;
}
.left-instructions {
    width: 70%;
}
.current-date {
    letter-spacing: 0.016em;
    text-transform: capitalize;
    color: #231F20;
    font-family: Montserrat;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.224px;
    padding-right: 8px;
}

@media (max-width: 1500px) {
    .dashboard-content .top-blocks .block .heading h3, .filter-content .top-blocks .block .heading h3, .progress-tracker-content .top-blocks .block .heading h3 {
        color: #231F20;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.5px;
        text-transform: capitalize;
    }
    .sample-size-text h5 {
        color: #231F20;
        text-align: center;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -1px;
        margin-bottom: 0px !important;
    }
}


@media (max-width: 1211px) {
    .survey .survey-content .answer-select .radio input[type="radio"] + label {
        display: flex;
        background: url(../images/radio.png) left center no-repeat;
        padding-left: 50px !important;
        font-weight: 500;
        font-size: 14px;
        color: #444;
        line-height: 1rem;
        letter-spacing: -0.5px;
    }

    @media (max-width: 991.98px) {
        .desktops-footers {
            display: none;
        }

        .mobiles-footers {
            display: block;
        }

        .page-noted {
            display: grid !important;
            gap: 0.5rem;
            justify-content: start !important;
        }

        .survey .survey-header .sub-header {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
            height: auto;
            display: flex;
            align-items: center;
        }

        .survey-header .headers-imgs-completes {
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 6%;
            padding-right: 6%;
            text-align: center !important;
        }

        .mobiles-footers .container-fluid {
            display: block;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            text-align: center;
            z-index: 2;
        }

        .footerss-contentss {
            width: 100%;
            padding-right: var(--bs-gutter-x, 0rem);
            padding-left: var(--bs-gutter-x, 0rem);
            margin-right: 0%;
            margin-left: 0%;
        }

        .footers-nos-fixs {
            width: 100%;
            padding-top: 20px;
            padding-bottom: 20px;
            height: auto;
            vertical-align: middle;
            background-color: var(--footer-background);
        }

            .footers-nos-fixs p {
                width: 100%;
                padding-top: 15px;
                font-family: var(--primary-font-family);
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 16px;
                margin-bottom: 0px;
                color: var(--white);
                vertical-align: middle;
            }

        .answer-select .row {
            display: grid;
        }

        .current-date {
            letter-spacing: 0.016em;
            text-transform: capitalize;
            color: #231F20;
            font-family: Montserrat;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: 0.224px;
            padding-right: 8px;
        }

        .current-dates {
            display: flex;
        }

        textarea {
            border-radius: 4px;
            border: 1px solid #E2E8F0;
            background: #FFF;
            width: 100%;
        }

        .blocks {
            margin-right: 8%;
            margin-left: 6%;
            margin-top: 6%;
            max-width: 100%;
        }

        .questions textarea {
            border-radius: 4px;
            border: 1px solid #E2E8F0;
            background: #FFF;
            width: 100% !important;
        }

        .questions .caption {
            width: 100% !important;
        }

        .emoji {
            text-align: right;
            padding-right: 16px;
            padding-bottom: 16px;
        }

        .survey-header .header-img-complete {
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 6%;
        }

        .survey-header .sub-texts {
            z-index: 4;
            position: fixed;
            background-color: var(--white);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
            width: calc(100% - 0%);
            margin: auto;
            padding-left: 6%;
            padding-top: 30px;
            padding-bottom: 18px;
            margin-top: -1px;
        }

        .uneven-bg-last {
            background: var(--white);
            padding-top: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid #F3F3F3;
        }

        .survey .survey-content .answer-select {
            display: grid;
            gap: 2rem;
        }

        .footer-btn-section .btn-default {
            text-transform: uppercase;
            color: #FFF;
            font-weight: 600;
            text-align: left;
            width: 100%;
            border-radius: 0.125rem;
            background: var(--verdigris);
            padding: 0.5rem 1.5rem;
        }

        .footer-btn-section .button-on-arrow {
            margin-left: 19px;
            margin-bottom: 2px;
            float: right;
        }

        .survey-footer .survey-wrap {
            display: grid !important;
            justify-content: start !important;
        }

        .footer-logo-badger {
            padding-top: 16px !important;
            text-align: left !important;
        }

        .employeeinput input {
            border: 1px solid #DCDDDE;
            border-radius: 4px;
            width: 100%;
            height: 40px;
            font-family: var(--primary-font-family);
            color: #5C5C5C;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        .content {
            padding-top: 150px;
            width: 100%;
            padding-left: 6%;
            padding-right: 6%;
            min-height: 100vh;
            padding-bottom: 170px;
        }

        .survey-header .header-img {
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 6%;
        }

        .survey-header .sub-text {
            z-index: 4;
            position: fixed;
            background-color: var(--white);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
            width: calc(100% - 0%);
            margin: auto;
            padding-left: 6%;
            padding-top: 30px;
            padding-bottom: 18px;
            margin-top: -1px;
        }

        .main-content {
            padding-top: 190px;
            width: 100%;
            min-height: 100vh;
            padding-bottom: 32px;
        }

        .answer-select .row .col-3 {
            flex: 0 0 auto;
            margin-bottom: 18px;
            width: 100%;
        }

        .footer-content {
            width: 100%;
            padding-right: var(--bs-gutter-x,.0rem);
            padding-left: var(--bs-gutter-x,.0rem);
            margin-right: 14%;
            margin-left: 6%;
        }

        .footer-completion {
            width: 100%;
            padding-right: var(--bs-gutter-x,.0rem);
            padding-left: var(--bs-gutter-x,.0rem);
            margin-right: 14%;
            margin-left: 6%;
        }

        .survey-header .sub-texts .row .col-4 {
            flex: 0 0 auto;
            width: 100%;
        }

        .comparison p {
            font-family: var(--primary-font-family);
            font-style: normal;
            font-weight: 400;
            font-size: 14.5px;
            line-height: 18px;
            letter-spacing: 0.016em;
            color: #333E48;
        }

        .comparison .col-2 {
            flex: 0 0 auto;
            width: 8%;
        }

        .completions-contents {
            padding-top: 146px;
            width: 100%;
            min-height: 100vh;
            text-align: center;
            background: #F7F8FA;
            padding-bottom: 0px;
        }

        .left-instructions {
            width: 100%;
        }
    }



        .survey .survey-header h1 {
            color: #25768d;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: uppercase;
            letter-spacing: -1px;
        }
    }

    @media (max-width: 630px) {
        .survey .survey-header h1 {
            display: none !important;
        }
    }

.alert {
    position: fixed;
    z-index: 100;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 26%;
    left: 50%;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%);
    width: 100%;
    max-width: 300px;
    margin: auto;
    text-align: center;
    font-weight: 600;
}