.home--search-button {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: var(--btn-radius);
    justify-content: space-between;
    font-size: 16px;
    height: 42px;
}

.home--search-button svg {
    font-size: 18px;
}

/* overview card */

.overview--card {
    background-color: white;
    border-radius: var(--card-radius);
    box-shadow: var(--home-card-shadow);
}

.overview--card:hover,
.overview--card:focus {
    box-shadow: var(--home-card-hover-shadow);
}

.overview--card.home-version {
    padding: 0px 20px;
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.overview--card.home-version h6 {
    height: 70px;
    display: flex;
    align-items: center;
}

.overview--card.home-version svg,
.overview--card.home-version span {
    color: var(--color-black);
    fill: var(--color-black);
}

/* progress bar */

.home--progress {
    width: 100%;
    height: 4px;
}

.home--progress .progress-bar {
}

/* quick access */

.overview--card.quick-version {
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 2px solid white;
}

.overview--card.quick-version h4,
.overview--card.quick-version h6 {
    color: var(--color-black);
}

/* search section */

.search--section h6 {
    border-radius: 0px var(--searchbar-radius) var(--searchbar-radius) 0px;
    border: 1px solid var(--input-border-color);
    color: var(--text-theme);
    background-color: whitesmoke;
    padding: 8.9px 20px;
}

.search--section input {
    border-radius: var(--searchbar-radius) 0px 0px var(--searchbar-radius);
    height: 43px;
}

/* full - fixed banner */

.search--section .full-banner {
    border-radius: var(--searchbar-radius);
    background-color: whitesmoke;
    color: var(--color-theme);
}

.search--section .fixed-banner {
    border-radius: var(--searchbar-radius);
    background-color: whitesmoke;
    color: var(--color-theme);
}

/* show button */

.home--show-button {
    background-color: var(--color-scheme-1);
    color: white;
    border-radius: var(--btn-radius);
    width: 160px;
}

.home--show-button:hover,
.home--show-button:focus {
    background-color: var(--color-scheme-dark-1);
    color: white;
}

/* search filter version */

.form--input.main-version {
    width: 300px;
    height: 40px;
    /* background-color: whitesmoke; */
}

/* quickAccess wrap */

.access--wrap .overview--card {
    border: 2px solid transparent;
}

/* with */
.access--wrap:hover .overview--card,
.access--wrap:focus .overview--card,
.access--wrap.active .overview--card {
    border: 2px solid #b0b0b0;
}

/* notice */
.notice {
    font-size: 9px;
    color: var(--color-scheme-3);
}

/* progress-scheme */
.progress--scheme-1 {
    background-color: rgba(188, 212, 223, var(--bs-bg-opacity)) !important;
}

.progress--scheme-2 {
    background-color: rgba(207, 211, 172, var(--bs-bg-opacity)) !important;
}

.progress--scheme-3 {
    background-color: rgba(172, 211, 192, var(--bs-bg-opacity)) !important;
}

.progress--scheme-4 {
    background-color: rgba(204, 185, 166, var(--bs-bg-opacity)) !important;
}

.progress--theme {
    background-color: rgba(125, 125, 125, var(--bs-bg-opacity)) !important;
}

/* switch */

.form--switch {
    display: flex;
    justify-content: center;
    margin: 0px;
    padding: 0px;
    align-items: center;
}

.form--switch input {
    margin: 0px !important;
    position: relative;
    cursor: pointer !important;
    height: 18px;
    width: 55px !important;
}

.form--switch input:checked {
    background-color: var(--color-scheme-3);
    border-color: var(--color-scheme-3);
}

.form--switch.no-label label {
    display: none;
}