.radio-toolbar input[type="checkbox"] {
    display: none;
}

.radio-toolbar label {
    background: #faf8f8;
    height: 60px;
    width: fit-content !important;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 5rem auto 0;
    cursor: pointer;
    padding: 1em 2em;
    font-size: 1.8rem;
    font-weight: bold;
    border: 2px solid lightgrey;
    transition: 0.5s all;
}

.radio-toolbar input[type="checkbox"]:checked+label {
    border-color: #009B8F;
    background: #009B8F;

}

/* hides the checkbox */
input {
    display: none;
}

/* changes the color when selected */
input:checked~label {
    color: #000000;
}

/* for styling purpose only */
label {
    font-size: 5.0rem;
    color: rgb(238, 209, 209);
}

label:hover {
    cursor: pointer;
}

.btn-green-duplicate {
    background-color: #009b8f;
    color: #fff;
    border: none;
    text-decoration: none;
}

.search-btn {
    margin: 5rem auto 0;
    padding: 1em 2em;
    font-size: 1.8rem;
    font-weight: bold;
    display: block;
    transition: 0.5s all;
}

.search-btn:hover {
    /* opacity: 0.5; */
  filter: brightness(120%);
}

.btn-lg {
    padding: 1em 5em;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 10px;
}

.btn {
    transition: 0.5s all;
}

.btn:hover {
    /* opacity: 0.5; */
    filter: brightness(120%);
}

.wrapper {
    display: inline-flex;
    background: #fff;
    height: 100px;
    width: fit-content !important;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 20px 15px;
}

.wrapper .option {
    background: #e5f5f4;
    width: 18rem;
    margin: 5rem 0rem 0.5rem;
    border-radius: 0;
    padding: 1em 2em;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    transition: 0.5s all;
    cursor: pointer;
    text-align: center;
}

input[type="radio"] {
    display: none;
}

#optSec3Yes:checked:checked~.optSec3Yes span,
#optSec3No:checked:checked~.optSec3No span {
    color: #fff;
}

#optSec3Yes:checked:checked~.optSec3Yes,
#optSec3No:checked:checked~.optSec3No {
    border-color: #009B8F;
    background: #009B8F;
}
