* {
            font-family: "Nunito", sans-serif;
        }

        .test-container {
            padding: 20px;
            background: #1a171a;
            border-radius: 30px;
        }

        .em-quest h3 {
            margin-top: 10px;
        }

        .em-quest span label {
            margin-bottom: 0;
            font-size: 14px;
            color: #979797;
            height: 25px;
            display: block;
            line-height: 15px;
        }

        .em-quest span label.bold {
            font-weight: bold !important;
            font-size: 18px;
            line-height: 13px;
            color: #888;
        }

.em-quest span label.h5 {
    font-size: 16px !important;
    line-height: 14px !important;
}

        .em-quest .ez-toc-section,
        .em-quest .ez-toc-section-end {
            display: none;
        }

        .em-quest span {
            display: inline-block;
            margin: 0 0 15px 0;
            text-align: center;
            position: relative;
            z-index: 1;
            width: 30px;
        }

        .em-quest span:after {
    content: '';
    display: block;
    height: 1px;
    width: 31px;
    position: absolute;
    background: #444;
    top: 24px;
    left: 15px;
    z-index: 2;
}

        .em-quest span:last-child:after {
            display: none;
        }

        .em-quest span input {
            display: block;
            margin: 0 auto;
            z-index: 4;
        }

        .em-quest p {
            margin-bottom: 5px;
            margin-top: 30px;
            font-weight: bold
        }

        .request {
            position: relative;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .request::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            border: 1px solid black;
        }

        .request:checked::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            visibility: visible;
        }

        .request.red:checked::after {
            background-color: #fa005d;
        }

        .request.red:checked::before {
            border-color: #fa005d;
        }

        label.red {
            color: #fa005d !important;
        }

        .request.blue:checked::after {
            background-color: #006bfe;
        }

        .request.blue:checked::before {
            border-color: #006bfe;
        }

        label.blue {
            color: #006bfe !important;
        }


        .icon-graf {
            width: 100%;
            display: none;
        }

        .graf--active .icon-graf {
            display: block;
        }

        .arrows {
            display: flex;
            padding: 0 40px 20px;
        }

        .arrows__left,
        .arrows__right {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .arrows__left {
            display: flex;
            align-items: end;
        }

        .arrow__right {
            display: flex;
            align-items: start;
        }

        .arrow {
            display: block;
            position: relative;
            background: black;
        }

        .tooltip {
            position: absolute;
            top: 0;
            left: 0;
            transform: translateY(-120%);
            background: #979797;
            color: #ffffff;
            width: max-content;
            padding: 10px;
            max-width: 300px;
            z-index: 2;
            border-radius: 4px;
        }

        /* .tooltip::after {
            content: '';
            border-top: 15px solid #979797;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
        } */

        .noneArrow {
            display: block;
            background: transparent;
            width: 100%;
            height: 2px;
        }

        .arrow--left {
            background: #fa005d;
        }

        .arrow--left::before,
        .arrow--left::after {
            content: '';
            width: 11px;
            position: absolute;
            left: -3px;
            background: #fa005d;
            border-radius: 30px;
        }

        .arrow--left::before {
            top: 4px;
            transform: translateY(-50%) rotate(35deg);
        }

        .arrow--left::after {
            top: -2px;
            transform: translateY(-50%) rotate(-35deg);
        }

        .arrow--right::before,
        .arrow--right::after {
            content: '';
            width: 11px;
            position: absolute;
            right: -3px;
            background: #006bfe;
            border-radius: 30px;
        }

        .arrow--right::before {
            top: 4px;
            transform: translateY(-50%) rotate(-35deg);
        }

        .arrow--right::after {
            top: -2px;
            transform: translateY(-50%) rotate(35deg);
        }

        .arrow--height1.arrow--rigth::after,
        .arrow--height1.arrow--rigth::before {
            right: -2px;
        }

        .arrow--height1.arrow--left::after,
        .arrow--height1.arrow--left::before {
            left: -2px;
        }

        .arrow--height3.arrow--left::after,
        .arrow--height3.arrow--right::after {
            top: -1px;
        }

        /* .arrow--right:first-child {
            margin-top: 8px;
        } */

        .arrow--right {
            background: #006bfe;
        }

        .arrow1 {
            width: 10%;
        }

        .arrow2 {
            width: 20%;
        }

        .arrow3 {
            width: 30%;
        }

        .arrow4 {
            width: 40%;
        }

        .arrow5 {
            width: 50%;
        }

        .arrow6 {
            width: 60%;
        }

        .arrow7 {
            width: 70%;
        }

        .arrow8 {
            width: 80%;
        }

        .arrow9 {
            width: 90%;
        }

        .arrow10 {
            width: 100%;
        }

        .arrow--height1,
        .arrow--height1::after,
        .arrow--height1::before {
            height: 1px;
        }

        .arrow--height2,
        .arrow--height2::after,
        .arrow--height2::before {
            height: 2px;
        }

        .arrow--height3,
        .arrow--height3::after,
        .arrow--height3::before {
            height: 3px;
        }

        .arrowNone {
            width: 5%;
            position: relative;
        }

        .arrowNone::after {
            content: '';
            width: 100%;
            height: 100%;
            background: #006bfe;
            position: absolute;
            top: 0;
            right: -100%;
        }

        .arrowNone--red {
            background: #fa005d;
        }
        
        .text-center {
            text-align: center;
            width: 100%;
            display: block;
        }

        .result__block {
            display: none;
        }

        .result__block--active {
            display: block;
        }

        span.text-center {
            margin-bottom: 10px;
        }
.mv-test-controls { margin-top: 16px; display: grid; gap: 12px; align-items: center; }
.mv-test-save { padding: 10px 16px; border-radius: 10px; border: 0; cursor: pointer; }
.mv-test-email-label input { max-width: 320px; }
.mv-test-status { font-size: 14px; opacity: .9; }
.mv-test-history-front { margin-top: 18px; }
.mv-test-table { width:100%; border-collapse: collapse; }
.mv-test-table th, .mv-test-table td { padding:8px 10px; border-bottom:1px solid #e6e6e6; text-align:left; }