.ha-assessment-wrapper .ha-step-section .heading-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.ha-assessment-wrapper .ha-step-section .heading-box h2,
.ha-assessment-wrapper .ha-step-section .heading-box h1{
font-size: 42px;
font-weight: 700;
line-height:  120%;
margin: 0;
}

.ha-assessment-wrapper .ha-step-section .heading-box p {
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}

.ha-assessment-wrapper .ha-highlight {
    color: #FF4800;
}

/* Progress Steps */
.ha-assessment-wrapper .ha-progress-header {
    text-align: center;
    margin-bottom: 60px;
    max-width: 1017px;
    margin-inline: auto;
}

/* Dual Score Display Styles */
.ha-dual-scores-container {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ha-score-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #FF4800;
}

.ha-score-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #333;
}

.ha-score-icon {
    font-size: 18px;
}

.ha-score-value {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ha-score-value span:first-child {
    font-size: 24px;
    font-weight: 700;
    color: #FF4800;
}

.ha-score-level {
    background: #FF4800;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.ha-assessment-wrapper .ha-insight-box {
    margin:10px 0 20px;
    padding: 20px;
      border: 1px solid var(--Stroke-Gray, #F0F0F0);
    background: var(--Background-Gray, #F9F9F9);
    border-radius: 8px;
}

.ha-insight-box h5 {
    margin: 0 0 10px 0;
    color: #495057;
    font-weight: 600;
    font-size: 16px;
}

.ha-insight-box p {
    margin: 0;
    color: #6c757d;
    font-size: 14px;
    line-height: 1.5;
}

/* Percentage Circle Styles */
.ha-chart-wrap.small {
    position: relative;
    margin-bottom: 60px;
}

.ha-chart-wrap.small .ha-segmented-gauge {
    display: block;
    margin: 0 auto;
}

.ha-percentage-circle {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.ha-percentage-value {
    font-size: 16px;
    font-weight: 700;
    color: #FF4800;
    text-align: center;
}

.ha-assessment-wrapper .ha-steps {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ha-assessment-wrapper .ha-step {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #C8C8C8;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #4A4A4A;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.ha-assessment-wrapper .ha-step.active {
    border-color: #FF4800;
    color: #FF4800;
    box-shadow: 0 0 0 5px rgba(255, 72, 0, 0.10);
}

.ha-assessment-wrapper .ha-step.completed {
    border-color: #FF4800;
    color: transparent;
    background: linear-gradient(180deg, #FF4800 0%, #FF7037 100%);
    box-shadow: 0 4.95px 4.95px 0 rgba(255, 72, 0, 0.30), 0 -9.552px 19.105px 0 rgba(0, 0, 0, 0.10) inset;
}

.ha-assessment-wrapper .ha-step.completed::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 14px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M15.6282 0.387378C15.1332 -0.129289 14.3293 -0.128963 13.8336 0.387378L5.75659 8.80632L2.1667 5.06464C1.671 4.54797 0.867479 4.54797 0.371777 5.06464C-0.123926 5.58131 -0.123926 6.41881 0.371777 6.93548L4.85894 11.6124C5.10663 11.8706 5.43143 12 5.75625 12C6.08107 12 6.40617 11.8709 6.65387 11.6124L15.6282 2.25819C16.1239 1.74188 16.1239 0.904012 15.6282 0.387378Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}



.ha-assessment-wrapper .ha-line {
    flex: 1;
    border-top: 2px dashed #4a4a4a;
    margin: 0 15px;
    z-index: 1;
    position: relative;
}

.ha-assessment-wrapper .ha-step.completed+.ha-line {
    border-top: 2px solid #f2542d;
}

.ha-assessment-wrapper .ha-step.active+.ha-line {
    border-top: 2px dashed #f2542d;
}

/* Step Sections */
.ha-assessment-wrapper .ha-step-section {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}

.ha-assessment-wrapper .ha-step-section.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ha-assessment-wrapper .ha-text-center {
    text-align: center;
}

.ha-assessment-wrapper .ha-text-left {
    text-align: left;
}

/* Flex Containers */
.ha-assessment-wrapper .ha-steps-1-box {
    margin-top: 40px;
}

.ha-assessment-wrapper .ha-flex-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.ha-assessment-wrapper .ha-left-panel {
    flex: 1;
}

.ha-assessment-wrapper .ha-right-panel {
    width: 100%;
    max-width: 407px;
}

/* Grid Cards (Step 1) */
.ha-assessment-wrapper .ha-grid-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.ha-assessment-wrapper .ha-card {
    transition: 0.3s all;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    border: 1px solid var(--Gray, #C8C8C8);
    background: var(--White, #FFF);
    padding: 20px;
}

.ha-assessment-wrapper .ha-card-top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ha-assessment-wrapper .ha-card-top h5 {
    margin: 0;
    font-weight: 600;
}

.ha-assessment-wrapper .ha-card-icon {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(268deg, rgba(255, 255, 255, 0.20) -0.06%, rgba(255, 255, 255, 0.20) 97.65%);
    box-shadow: 0 12px 8.434px 0 rgba(255, 123, 90, 0.20), 0 -1px 4px 0 rgba(0, 0, 0, 0.05), 0 -16.867px 16.867px 0 rgba(164, 179, 255, 0.28) inset, 0 16.867px 16.867px 0 rgba(255, 255, 255, 0.28) inset;
    backdrop-filter: blur(11.807229995727539px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ha-assessment-wrapper .ha-card-icon img {
    width: 24px;
    height: 24px;
}

.ha-assessment-wrapper .ha-card p {
    color: #152638;
}

/* Widgets and Gauges */
.ha-assessment-wrapper .ha-score-widget {
    background: linear-gradient(265deg, rgba(255, 255, 255, 0.20) -69.05%, rgba(255, 255, 255, 0.20) 93.04%), #FFF;
    box-shadow: 0 -16.867px 16.867px 0 rgba(164, 179, 255, 0.28) inset, 0 16.867px 16.867px 0 rgba(255, 255, 255, 0.28) inset;
    filter: drop-shadow(0 -1px 34px rgba(164, 179, 255, 0.20));
    backdrop-filter: blur(11.807229995727539px);
    border-radius: 40px;
    padding: 25px 25px 25px 25px;
    text-align: center;
    position: relative;
}

.ha-assessment-wrapper .ha-score-widget:after {
    content: "";
    position: absolute;
    top: -12px;
    right: 65px;
    background: url(/wp-content/uploads/2026/03/light-union.svg);
    width: 58px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    display: none;
}

.ha-assessment-wrapper .ha-score-widget .ha-small-text {
    margin-top: 10px;
}

.ha-assessment-wrapper .ha-score-widget h5 {
    margin: 0;
    font-weight: 600;
}

.ha-assessment-wrapper .ha-chart-wrap {
    position: relative;
    width: 202px;
    height: 110px;
    margin: 42px auto 0;
    overflow: visible;
}

.ha-assessment-wrapper .ha-chart-wrap img,
.ha-assessment-wrapper .ha-chart-wrap svg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ha-assessment-wrapper .ha-donut-value {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--HubSpot-Orange, #FF4800);
    font-family: "Outfit", Sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.ha-assessment-wrapper .ha-legend {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px 0 42px;
}

.ha-assessment-wrapper .ha-legend span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--Text-Dark-Gray, #4A4A4A);
    font-family: "Inter", Sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.ha-assessment-wrapper .ha-legend i {
    display: inline-block;
    min-width: 10px;
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    border-radius: 3px;
    background: #C8C8C8;
}

.ha-assessment-wrapper .ha-legend i.ha-dot-orange-sq {
    background: #FF4800;
}

.ha-assessment-wrapper .ha-legend i.ha-dot-gray {
    background: #C8C8C8;
}

.ha-assessment-wrapper .theme-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto;
    white-space: normal;
    padding: 12px 25px;
    color: #fff;
    border: none;
    color: var(--White, #FFF);
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    cursor: pointer;
    transition: 0.3s all;
    border-radius: 100px;
    background-color: var(--Blue, #152638);
    box-shadow: 0 10px 25px 0 rgba(21, 39, 56, 0.22);
    margin-inline: auto;
    position: relative;
}

.ha-assessment-wrapper .theme-btn:after {
    content: '';
    position: absolute;
    width: 95px;
    height: 19px;
    transform: rotate(6.33deg);
    top: -6px;
    right: -15px;
    background: #FFFFFF80;
    filter: blur(10px);
}

.ha-assessment-wrapper .theme-btn:hover,
.ha-assessment-wrapper .theme-btn:focus {
    background-color: #FF4800 !important;
}

.ha-assessment-wrapper .theme-btn .btn-icon {
    min-width: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 34px;
}

.ha-assessment-wrapper .theme-btn .btn-icon svg,
.ha-assessment-wrapper .theme-btn .btn-icon img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform .2s ease-in-out;
    transform: translateY(0px);
}

.ha-assessment-wrapper .theme-btn:hover .btn-icon svg,
.ha-assessment-wrapper .theme-btn:hover .btn-icon img {
    transform: translateY(-50px);
}

.ha-assessment-wrapper .ha-small-text {
    color: var(--Blue, #152638);
    text-align: center;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* Step 2: Hubs */
.ha-assessment-wrapper .ha-hubs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
    margin-block: 40px;
}

.ha-assessment-wrapper .ha-hub-checkbox {
    border: 1px solid #C8C8C8;
    padding: 20px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: all 0.2s;
    background: #fff;
    flex-direction: column;
}

.ha-assessment-wrapper .ha-hub-checkbox:hover,
.ha-assessment-wrapper .ha-hub-checkbox.is-checked {
    border-color: transparent;
    background: #F8F5EE;
}

.ha-assessment-wrapper .checkbox-top {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ha-assessment-wrapper .checkbox-top h5 {
    margin: 0;
    font-weight: 600;
}

/*.ha-assessment-wrapper .ha-hub-checkbox input[type="checkbox"] {*/
/*    width: 26px;*/
/*    height: 26px;*/
/*    border-radius: 4px;*/
/*    border: 1px solid #C8C8C8;*/
/*    background: #FFF;*/
/*    position: relative;*/
/*}*/


.ha-assessment-wrapper .ha-hub-checkbox input[type="checkbox"] {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    /*border: 1px solid #C8C8C8;*/
    background: #FFF;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.ha-assessment-wrapper .ha-hub-checkbox input[type="checkbox"]::after {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    top: 0;
    left: 0;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    background: #FFF;
    cursor: pointer;
}

/*.ha-assessment-wrapper .checkbox-top input[type="checkbox"]:checked {*/
/*    appearance: none;*/
/*    background: #FF4800;*/
/*    border-color: #FF4800;*/
/*}*/

.ha-assessment-wrapper .checkbox-top input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
        background-color: #FF4800;
            border: 1px solid #FF4800;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M15.6282 0.387378C15.1332 -0.129289 14.3293 -0.128963 13.8336 0.387378L5.75659 8.80632L2.1667 5.06464C1.671 4.54797 0.867479 4.54797 0.371777 5.06464C-0.123926 5.58131 -0.123926 6.41881 0.371777 6.93548L4.85894 11.6124C5.10663 11.8706 5.43143 12 5.75625 12C6.08107 12 6.40617 11.8709 6.65387 11.6124L15.6282 2.25819C16.1239 1.74188 16.1239 0.904012 15.6282 0.387378Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.ha-assessment-wrapper .ha-hub-checkbox p {
    color: var(--Blue, #152638);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.ha-assessment-wrapper .ha-tier-select-wrap .tier-heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ha-assessment-wrapper .ha-tier-select-wrap .tier-heading h5 {
    margin: 0;
     font-weight: 600;
}

.ha-assessment-wrapper .ha-tier-select-wrap .tier-heading p {
    font-size: 18px;
    font-style: normal;
      font-weight: 500;
    line-height: 140%;
    color: #4A4A4A;
}

.ha-assessment-wrapper .tier-select-wrap {
    width: 100%;
}

.ha-assessment-wrapper .tier-select-wrap .select2-container .select2-selection--single {
    padding: 12px 20px;
    height: auto;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 1px solid #C8C8C8;
    border-radius: 10px;
}

.ha-assessment-wrapper .tier-select-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1;
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
     color: #4A4A4A;
}

.ha-assessment-wrapper .tier-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 16px;
    width: 16px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: 0.3s all;
}

.ha-assessment-wrapper .tier-select-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: translateY(-50%) rotate(180deg);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #FF4800 !important;
    color: white;
}

.select2-container--default .select2-results__option--selected {
background: linear-gradient(0deg, rgba(255, 72, 0, 0.05) 0%, rgba(255, 72, 0, 0.05) 100%), #FFF !important;
}

.ha-assessment-wrapper .select2-container--default .select2-search--dropdown .select2-search__field {
    box-shadow: none;
    outline: none;
}

.ha-assessment-wrapper .tier-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #4A4A4A transparent transparent transparent;
    border-width: 8px 7px 0 7px;
}
.select2-search--dropdown {
    display: none;
}

 .select2-results__option{
    border-bottom: 1px solid #C8C8C8;
    padding: 12px 20px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 250px;
}

.select2-container--open .select2-dropdown--below {
        border: 1px solid #C8C8C8;
    border-radius: 10px;
    top: 10px;
}
.select2-container--open .select2-dropdown--above {
    border: 1px solid #C8C8C8;
    border-radius: 10px;
    top: -10px;
}

body.admin-bar .select2-container--open .select2-dropdown--below {
    top: calc(32px + 10px);
}

body.admin-bar .select2-container--open .select2-dropdown--above {
    top: calc(32px + -10px);
}


.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
    box-shadow: none;
}
.select2-results__option:last-child{
    border-radius: 0 0 10px 10px;
        border-bottom: 0;
}
.select2-results__option:first-child{
    border-radius: 10px 10px 0 0;
}

.ha-assessment-wrapper .tier-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b{
        left: unset;
        top: unset;
      margin: 0;
      position: unset;
}

.ha-assessment-wrapper .tier-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
}


.ha-assessment-wrapper .ha-tier-actions {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 20px;
    margin: 30px auto 0;
    max-width: 467px;
    position: relative;
}

.ha-assessment-wrapper .ha-tier-actions .ha-error-message {
    /*position: absolute;*/
    /*top: 100%;*/
    /*width: 100%;*/
    margin: 5px 0 0 0;
}

.ha-assessment-wrapper .ha-select {
    padding: 12px 20px;
    border-radius: 10px;
    border: 1px solid #C8C8C8;
    font-size: 15px;
    min-width: 300px;
    background: #fff;
    color: #2c3e50;
    outline: none;
    max-width: 300px;
}

.ha-assessment-wrapper .ha-select:focus {
    border-color: #f2542d;
}

/* Step 3: Table */
.ha-assessment-wrapper .ha-table-responsive {
    overflow-x: auto;
    margin: 40px 0 30px;
    background: #fff;
    border-radius: 20px;
    padding-bottom: 10px;
}

.ha-assessment-wrapper .ha-evaluation-table {
    width: 100%;
    border-collapse: separate;
    margin: 0;
    border: 0;
    table-layout: fixed;
    min-width: 800px;
}

/* Scrollbar for webkit browsers (Chrome, Safari, Edge) */
.ha-assessment-wrapper .ha-table-responsive::-webkit-scrollbar {
    height: 6px;
}

.ha-assessment-wrapper .ha-table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.ha-assessment-wrapper .ha-table-responsive::-webkit-scrollbar-thumb {
    background: #FF4800;
    border-radius: 10px;
}

.ha-assessment-wrapper .ha-evaluation-table tbody>tr:nth-child(odd)>td,
.ha-assessment-wrapper table tbody>tr:nth-child(odd)>th {
    background-color: unset;
}

.ha-assessment-wrapper .ha-evaluation-table tbody tr:hover>td,
.ha-assessment-wrapper table tbody tr:hover>th {
    background-color: unset;
}

.ha-assessment-wrapper .ha-evaluation-table .odd-row {
    background: #F8F5EE;
}

.ha-assessment-wrapper .ha-evaluation-table th {
    background: #FF4800;
    color: #FFF;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 500;
    text-align: center;
}

.ha-assessment-wrapper .ha-evaluation-table td {
    padding: 11.5px 20px;
    text-align: center;
    border-right: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #152638;
    border: 0;
    border-right: 1px solid #F0F0F0;
    vertical-align: middle;
}

.ha-assessment-wrapper .ha-evaluation-table th:first-child {
    text-align: left;
    border-top-left-radius: 20px;
}

.ha-assessment-wrapper .ha-evaluation-table th:last-child {
    border-top-right-radius: 20px;
}

.ha-assessment-wrapper .ha-evaluation-table td:first-child {
    text-align: left;
    border-left: 1px solid #F0F0F0;
}

.ha-assessment-wrapper .ha-evaluation-table thead:first-child tr th:first-child {
    width: 30.7%;
}

.ha-assessment-wrapper .ha-evaluation-table thead:first-child tr th {
    border: 0 !important;
    border-left: 1px solid #F0F0F0 !important;
    border-block-start: 0 !important;
    align-content: center;
}

.ha-assessment-wrapper .ha-evaluation-table tr:last-child td:first-child {
    border-radius: 0 0 0 20px;
}

.ha-assessment-wrapper .ha-evaluation-table tr:last-child td {
    border-bottom: 1px solid #F0F0F0;
}

.ha-assessment-wrapper .ha-evaluation-table tr:last-child td:last-child {
    border-radius: 0 0 20px 0;
}

.ha-assessment-wrapper .ha-evaluation-table input[type="radio"] {
    width: 22px;
    height: 22px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #4A4A4A;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: border-color 0.2s ease;
}

.ha-assessment-wrapper .ha-evaluation-table input[type="radio"]:checked {
    border-color: #FF4800;
    background: transparent;
}

.ha-assessment-wrapper .ha-evaluation-table input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #FF4800;
}

.ha-assessment-wrapper .ha-bottom-actions {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
}

.ha-assessment-wrapper .ha-bottom-actions .theme-btn {
    margin-inline: unset;
}

.ha-assessment-wrapper .ha-bottom-actions .theme-btn.ha-btn-incomplete {
    opacity: 0.6;
}

.ha-assessment-wrapper .ha-answered-count {
    color: var(--Blue, #152638);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/* Step 4 Form Wrapper & Step 5 Area cards */
.ha-assessment-wrapper .ha-steps-4-box .ha-right-panel {
    max-width: 734px;
}

.ha-assessment-wrapper .ha-form-widget {
    padding: 50px;
    border-radius: 40px;
    background: linear-gradient(265deg, rgba(255, 255, 255, 0.20) -69.05%, rgba(255, 255, 255, 0.20) 93.04%), #FFF;
    box-shadow: 0 -16.867px 16.867px 0 rgba(164, 179, 255, 0.28) inset, 0 16.867px 16.867px 0 rgba(255, 255, 255, 0.28) inset;
    filter: drop-shadow(0 -1px 34px rgba(164, 179, 255, 0.20));
    backdrop-filter: blur(11.807229995727539px);
}

.ha-assessment-wrapper .ha-steps-4-box .get-in-touch .tb_btn_wrapper .custom-submit-btn:hover {
    background-color: #FF4800 !important;
}

.ha-assessment-wrapper .ha-steps-4-box .tb_get_in_touch_btn_icon svg {
    transition: transform .3s ease-in-out;
}

.ha-assessment-wrapper .ha-score-wide-widget-main {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 40px;
}

.ha-assessment-wrapper .ha-score-wide-widget {
    padding: 40px 50px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0 -1px 34px 0 rgba(164, 179, 255, 0.20), 0 -16.867px 16.867px 0 rgba(164, 179, 255, 0.28) inset, 0 16.867px 16.867px 0 rgba(255, 255, 255, 0.28) inset;
    backdrop-filter: blur(11.807229995727539px);
}

.ha-assessment-wrapper .ha-score-wide-widget .ha-score-left {
    flex: 1;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
     border-right: 1px solid #F0F0F0;
}

.ha-assessment-wrapper .ha-score-wide-widget .ha-score-left h4 {
    margin: 0;
    font-weight: 600;
}

.ha-assessment-wrapper .ha-score-wide-widget .ha-score-left p {
    color: #152638;
}

.ha-assessment-wrapper .ha-score-wide-widget .ha-score-right {
    min-width: 367px;
    max-width: 367px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.ha-assessment-wrapper .ha-score-wide-widget .ha-score-right .ha-legend {
    margin-bottom: 0;
}

.ha-assessment-wrapper .ha-score-wide-widget .ha-score-right .ha-chart-wrap {
    margin: 0 auto;
}

.ha-assessment-wrapper .ha-area-card {
    padding: 20px;
    flex: 1;
    border-radius: 20px;
    border: 1px solid var(--Stroke-Gray, #F0F0F0);
    background: var(--Background-Gray, #F9F9F9);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
     padding-bottom: 28px;
}

.ha-assessment-wrapper .ha-area-card .ha-bar-label {
    color: #152638;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
}

.ha-assessment-wrapper .ha-progress-bar-wrap {
    position: relative;
    height: 21px;
    background: rgba(244, 244, 244, 0.7) ;
    border-radius: 5px;
    overflow: visible;
    border-top: 2px solid #dadada ;
}

.ha-assessment-wrapper .ha-bar-fill {
    height: 100%;
    background: linear-gradient(270deg, #FF7037 -7.79%, #FF4800 100%);
    border-radius: 5px;
    width: 0;
    transition: width 1.4s ease;
    position: relative;
    top:-2px;
}

.ha-assessment-wrapper .ha-bar-fill:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    border-radius: 100px;
    background: repeating-linear-gradient(to right, transparent 0px, transparent 36.5px, rgba(255, 255, 255, 0.4) 36.5px, rgba(255, 255, 255, 0.4) 37.5px, transparent 37.5px);
    pointer-events: none;
}



.ha-assessment-wrapper .ha-bar-thumb {
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://trooinbound.troothemes.com/wp-content/uploads/2026/03/handler.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 10;
}

.ha-assessment-wrapper .ha-bar-pct-under {
    color: #FF4800;
    text-align: left;
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    width: max-content;
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 5px;
}

.ha-score-level-badge {
    display: inline-flex;
    margin-top: 14px;
    background: linear-gradient(135deg, #f2542d, #ff7549);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 18px;
    border-radius: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.ha-assessment-wrapper .ha-step-section .ha-steps-4-box .heading-box {
    justify-content: start;
    align-items: self-start;
    text-align: left;
    align-content: flex-start;
}

.ha-assessment-wrapper .ha-flex-container.ha-steps-4-box {
    align-items: flex-start;
}

.ha-assessment-wrapper .ha-results-areas-box h3 {
    font-weight: 600;
    color: #FF4800 !important;
    margin: 0;
}

.ha-assessment-wrapper .ha-results-areas-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ha-assessment-wrapper .ha-area-heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ha-assessment-wrapper .ha-area-heading h5 {
    margin: 0;
    font-weight: 600;
}

.ha-assessment-wrapper .ha-area-heading p {
    color: #152638;
}


.ha-assessment-wrapper .ha-progress-box {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.ha-assessment-wrapper .indicate-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.ha-assessment-wrapper .indicate-box h3 {
    margin: 0;
    font-weight: 600;
}

.ha-assessment-wrapper .indicate-box .theme-btn {
    margin-top: 10px;
}

/* Step 1 Selectable */
.ha-assessment-wrapper .ha-selectable.selected {
    border-color: #F8F5EE;
    background: #F8F5EE;
}

/* Error Messages */
.ha-assessment-wrapper .ha-error-message {
    color: #d32f2f;
    background: #ffebee;
    padding: 12px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    display: none;
    margin-bottom: 20px;
    text-align: center;
    border-left: 4px solid #d32f2f;
}

.ha-assessment-wrapper .ha-segmented-gauge path {
    transition: stroke-dashoffset 1s ease-out;
}

.ha-assessment-wrapper .ha-dot-orange-sq {
    background: #f2542d;
}

.ha-assessment-wrapper .ha-dot-gray-sq {
    background: #dcdde1;
}
/* Previous Button Styling */
.ha-assessment-wrapper .ha-btn-prev {
    background: #f8f9f9;
    color: #50575e;
    border: 1px solid #ccd0d4;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ha-assessment-wrapper .ha-btn-prev:hover {
    background: #e9e9e9;
    color: #135e96;
    border-color: #0073aa;
}

.ha-assessment-wrapper .ha-btn-prev:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

.ha-assessment-wrapper .ha-score-widget {
    isolation: isolate; 
    transform: translateZ(0); 
}

/* ===================== MEDIA QUERIES ===================== */

@media (max-width: 1200px) {
    .ha-assessment-wrapper .ha-steps-4-box .ha-right-panel {
        max-width: 55%;
    }
    .ha-assessment-wrapper .ha-step-section .heading-box h2,
.ha-assessment-wrapper .ha-step-section .heading-box h1{
font-size: 38px;
}
}

@media (max-width: 1024px) {
    .ha-assessment-wrapper .ha-grid-cards {
        gap: 20px;
    }

    .ha-assessment-wrapper .ha-right-panel {
        max-width: 375px;
    }

    .ha-assessment-wrapper .ha-steps-1-box {
        zoom: 90%;
    }

    .ha-assessment-wrapper .ha-card-top {
        gap: 10px;
    }

    .ha-assessment-wrapper .ha-card {
        gap: 15px;
    }

    .ha-assessment-wrapper .ha-hubs-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px;
        margin-block: 30px;
    }

    .ha-assessment-wrapper .ha-evaluation-table th {
        padding: 8px 10px;
        font-size: 16px;
        line-height: 140%;
    }

    .ha-assessment-wrapper .ha-evaluation-table td {
        padding: 8px 10px;
        text-align: center;
        font-size: 14px;
        line-height: 140%;
    }

    .ha-assessment-wrapper .ha-table-responsive {
        margin: 30px 0 20px;
    }

    .ha-assessment-wrapper .ha-evaluation-table input[type="radio"] {
        width: 18px;
        height: 18px;
    }
    .ha-assessment-wrapper .ha-evaluation-table input[type="radio"]:checked::after {
    width: 9px;
    height: 9px;
}

    .ha-assessment-wrapper .ha-form-widget {
        padding: 30px 20px;
         border-radius: 20px;
    }

    .ha-assessment-wrapper .ha-progress-header {
        margin-bottom: 40px;
    }

    .ha-assessment-wrapper .ha-score-wide-widget-main {
        gap: 60px;
        margin-top: 30px;
    }
    .ha-assessment-wrapper .ha-score-wide-widget .ha-score-right {
    min-width: 310px;
    max-width: 310px;
}
}

@media (max-width: 880px) {
    .ha-assessment-wrapper .ha-grid-cards {
        grid-template-columns: 1fr;
    }

    .ha-assessment-wrapper .ha-score-widget {
        padding: 30px 15px;
    }

    .ha-assessment-wrapper .ha-steps-1-box {
        zoom: unset;
    }

    .ha-assessment-wrapper .ha-legend {
        gap: 15px;
    }

    .ha-assessment-wrapper .ha-evaluation-table th {
        font-size: 15px;
    }

    .ha-assessment-wrapper .ha-score-wide-widget-main {
        gap: 40px;
    }
}

@media (max-width: 767px) {
        .ha-assessment-wrapper .ha-step-section .heading-box h2,
.ha-assessment-wrapper .ha-step-section .heading-box h1{
font-size: 32px;
}
    .ha-assessment-wrapper .ha-step {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }

    .ha-assessment-wrapper .ha-grid-cards,
    .ha-assessment-wrapper .ha-hubs-grid {
        grid-template-columns: 1fr;
    }

    .ha-assessment-wrapper .ha-flex-container {
        flex-direction: column;
    }

    .ha-assessment-wrapper .ha-score-wide-widget {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }

    .ha-assessment-wrapper .ha-right-panel {
        max-width: 100%;
    }

    .ha-assessment-wrapper .ha-step-section .heading-box p {
        font-size: 16px;
    }

    .ha-assessment-wrapper .ha-score-wide-widget .ha-score-left {
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid #F0F0F0;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .ha-assessment-wrapper .ha-score-wide-widget .ha-score-right {
        padding-left: 0;
        border-left: 0;
        min-width: 100%;
        max-width: 100%;
    }

    .ha-assessment-wrapper .ha-steps {
        flex-wrap: wrap;
        gap: 10px;
    }

    .ha-assessment-wrapper .ha-line {
        margin: 0;
    }

    .ha-assessment-wrapper .ha-tier-actions {
        flex-direction: column;
    }

    .ha-assessment-wrapper .ha-steps-4-box .ha-right-panel {
        max-width: 100%;
    }

    .ha-assessment-wrapper .ha-progress-header {
        margin-bottom: 30px;
    }

    .ha-assessment-wrapper .ha-results-areas-box {
        gap: 20px;
    }

    .ha-assessment-wrapper .ha-score-wide-widget-main {
        gap: 30px;
    }
    .ha-assessment-wrapper .ha-insight-box {
    margin: 10px 0 0;
}
}

@media (max-width: 420px) {
    .ha-assessment-wrapper .ha-legend {
        flex-direction: column;
        align-items: center;
    }

    .ha-assessment-wrapper .ha-bottom-actions {
        justify-content: center;
        flex-direction: column;
    }
}