/*#region consd-card */
#factors > .line {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    padding: 0.65rem 0.5rem;
}

    #factors > .line + .line {
        margin-top: .5rem;
    }

    #factors > .line:not(.show):hover {
        background: #f6f6ff;
        cursor: pointer;
    }

    #factors > .line .consd-card {
        background: none;
        box-shadow: none;
        font-size: 0.9rem;
    }




    #factors > .line.show .consd-card > i:before {
        content: "\f106";
    }

.consd-card {
    display: flex;
    gap: 5px;
    font-size: 0.9em;
    align-items: center;
}


    .consd-card > img {
        height: 2.5rem;
    }

#factors > .line .consd-card h4 {
    font-size: inherit;
    margin: 0;
}

.line .custom-switch label {
    width: 2rem;
}

    .line .custom-switch label::before {
        right: 0;
    }

    .line .custom-switch label::after {
        right: 3px;
    }

#factors.show-more .line .custom-switch {
    display: none;
}



.consd-card.root {
    background: #f3ecfc;
}

    .consd-card.root .score-consd label {
        display: none;
    }


    .consd-card.root .score-box.ball .outer {
        font-size: 2.5em !important;
    }

    .consd-card.root h4 {
        font-weight: bold;
    }

.consd-title {
    flex: 1;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}


.important {
    font-size: 0.7em !important;
    background: #8081E5;
    border-radius: 13px;
    display: inline-block;
    text-align: center;
    color: white;
    padding: 0 .5em;
}


.factor-title {
    margin: 1.5rem 0 1rem;
    display: flex;
    align-items: center;
    /* background: white; */
    /* padding: 5px; */
    gap: 5px;
}

    .factor-title > h6 {
        margin: 0;
        font-size: 16px;
        color: #7b7b7b;
    }

.consd-card img {
    font-size: 1.3rem;
    width: 1em;
    height: 1em;
}

.line .custom-switch {
    padding: 0;
    margin: 0;
}

.consd-card .weight-bars {
    margin: 0;
}
/*#endregion */

/*#region what thing */
.why.dn {
    display: none;
}

.why {
    margin-top: 1.5rem;
}


/*#endregion */



    @media (min-width: 768px) {
        .techs .read-more {
        text-align: right;
    }
}