.container-2023 {
    position: relative;
    z-index: 1;
}

.main-absolute-image {
    position: absolute;
    height: 340px !important;
    transform: translateX(-50%) rotate(25deg);
    top: -135px;
    left: 50%;
    z-index: -1;
    width: auto !important;
}
@media screen and (max-width: 1000px) {
    .main-absolute-image {
        height: 300px !important;
        top: -175px;
    }
}
@media screen and (max-width: 800px) {
    .main-absolute-image {
        height: 250px !important;
        top: -200px;
    }
}
@media screen and (max-width: 480px) {
    .main-absolute-image {
        height: 220px !important;
        top: -200px;
    }
}

.main-runet-logo {
    position: absolute;
    top: -60px;
    right: -150px;
    width: 150px !important;
    z-index: 1;
}

@media screen and (max-width: 1566px) {
    .main-runet-logo {
        right: -50px;
        z-index: 1;
    }
}

@media screen and (max-width: 900px) {
    .main-runet-logo {
        right: 5px;
        width: 82px !important;
    }
}

.main-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-left: 30px;
}

.main-categories-item {
    position: relative;
    flex-basis: calc(33.3333% - 30px);
}

.main-categories-list.main-categories-list-mini .main-categories-item {
    flex-basis: 100%;
}

.main-categories-item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: 15px;
    height: 30px;
    border-radius: 7.5px;
    background-color: white;
}

.main-categories-item:nth-child(2):after {
    background-color: #39A5DE;
}

.main-categories-item:nth-child(3):after {
    background-color: #E84E79;
}

.main-categories-item:nth-child(4):after {
    background-color: #F6AB03;
}

.main-categories-item:nth-child(5):after {
    background-color: #595657;
}

.main-categories-title {
    font-size: 20px;
}

.ab-main-categories .btn-white {
    background-color: #009651;
    color: white;
}

@media screen and (max-width: 1180px) {
    .main-categories-item {
        flex-basis: calc(50% - 30px);
    }
}

@media screen and (max-width: 760px) {
    .main-categories-item {
        flex-basis: 100%;
    }

    .main-categories-title br {
        display: none;
    }
}

.bg-green {
    background: #009651;
}

.color-green {
    color: #009651;
}

.bg-pink {
    background: #E8517B;
}

.color-pink {
    color: #E8517B;
}

.bg-blue {
    background: #009FE3;
}

.color-blue {
    color: #009FE3;
}

.bg-yellow {
    background: #F6AB29;
}

.color-yellow {
    color: #F6AB29;
}

body {
    width: 100%;
}

.marquee {
    position: sticky;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 190px;
    z-index: 2;
}

.swiper-container {
    margin-top: 0 !important;
    padding-top: 60px;
    overflow: hidden;
}

.marquee a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 50px;
}

.marquee-main {
    position: relative;
    display: flex;
    margin-top: 69px;
    margin-bottom: 80px;
    z-index: 1;
    width: 100%;
}

.marquee-list {
    display: flex;
    white-space: nowrap;
    will-change: transform;
}

.marquee-main-item {
    position: relative;
    display: flex;
    align-items: center;
}

.marquee-main-item .title {
    display: flex;
    align-items: center;
    height: 50px;
    text-align: center;
}

.marquee-main-item .marquee-item .description,
.marquee-main-item .title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #DBDBDB;
    padding: 0 14px;
    margin-bottom: 0;
}

.marquee-main-item .marquee-items {
    display: flex;
    align-items: center;
    gap: 40px;
    list-style: none;
    margin-bottom: 0;
    padding: 0 40px;
    background: #DBDBDB;
    height: 50px;
}

.marquee-main-item .marquee-item {
    display: flex;
    align-items: center;
    gap: 11px;
}

.marquee-main-item .marquee-item .marker {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 23px;
    line-height: 23px;
    border-radius: 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    padding: 0 5px;
}

.marquee-main-item .marquee-item .number {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
}

.marquee-main-item .marquee-item .description {
    text-transform: unset;
    color: #000000;
    padding: 0;
}

@media screen and (max-width: 995px) {
    .rating-content-mobile h2 {
        font-size: 32px;
        line-height: 32px;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) {
    .marquee {
        top: 0px;
        height: 145px;
    }

    .marquee-main {
        margin-top: 60px;
    }
}


.rating {
    padding-top: 70px;
}

.rating-content {
    margin: 85px auto 50px auto;
    background-color: #cceadc;
    border-radius: 20px;
    padding: 30px 25px 30px 35px;
    color: black;
    max-width: 970px;
}

.rating-content h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 14px;
}

.rating-table {
    width: 100%;
    height: auto;
}

.rating-table th {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-align: end;
}

.title-values td:first-child,
.rating-table td:first-child,
.rating-table th:first-child {
    border-right: none !important;
}

.rating-table th:last-child {
    width: 170px;
}

.rating-table td:nth-child(2n),
.title-values td:nth-child(2n) {
    border: none !important;
}

.rating-table th {
    max-width: 150px;
    padding-top: 11px;
    padding-right: 8px;
}

.rating-table th,
.rating-table td:nth-child(1n) {
    border-right: 1px solid #B0B0B0;
}

.rating-table th:last-child,
.rating-table td:last-child {
    border-right: none;
}

.rating-table td {
    text-wrap: nowrap;
}

.rating-content-item td {
    text-align: center;
    vertical-align: baseline;
    max-width: 73px;
    padding-bottom: 20px;
}

.rating-content-item td:nth-child(2n) {
    font-weight: 500;
}

.rating-region {
    text-align: start !important;
    text-wrap: wrap !important;
    max-width: 161px !important;
}

.rating-table tr {
    vertical-align: baseline;
}

.rating-region .hint {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    opacity: 0.3;
    margin-top: 9px;
}

.title-values th,
.title-values td {
    position: relative;
    padding-bottom: 45px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    max-width: 50px;
    padding-right: 7px;
    z-index: 1;
    padding-top: 37px;
}

.title-values th svg,
.title-values td svg {
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 5px;
    right: 23px;
    cursor: pointer;
    transition: transform .5s;
    transform: rotate(0deg);
}

.title-values th svg.active-desc.active,
.title-values td svg.active-desc.active {
    transform: rotate(180deg);
}

.title-values th svg.active path,
.title-values td svg.active path {
    fill: #009651;
}


.title-values td svg.rating-gray {
    right: 27px;
}

.title-values td svg.rating-number {
    right: 15px;
}

.title-values td svg.rating-rank {
    right: 20px;
}

.rating-white {
    background: white;
    border: none !important;
}

.rating-radius-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rating-radius-bottom-left {
    border-bottom-left-radius: 10px;
}

.rating-radius-bottom-right {
    border-bottom-right-radius: 10px;
}

.rating-region span {
    display: block;
    max-width: 155px;
}

.rating-name,
.rating-content-mobile {
    display: none;
}

.rating-content-mobile th svg {
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 10px;
    right: 32px;
}

.rating-content-mobile th .rating-gray {
    right: 58px;
}

@media screen and (max-width: 995px) {
    .rating-content-mobile th .rating-gray {
        right: 97px;
    }

    .rating-content-mobile th svg {
        right: 56px;
    }

    .rating-content {
        display: none;
    }

    .rating-content-mobile h2 {
        margin-bottom: 48px;
    }

    .rating {
        padding-top: 100px;
    }

    .rating-name {
        display: block;
        margin-bottom: 0;
        overflow: hidden;
    }

    .rating-name ul {
        list-style: none;
        display: flex;
        flex-wrap: nowrap;
        gap: 13px;
        padding: 0;
        margin-bottom: 0;
        overflow-x: auto;
    }

    .rating-mobile-description p {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 98%;
        color: #000000;
        opacity: 0.3;
    }

    .rating-name ul::-webkit-scrollbar {
        width: 0;
    }

    .rating-name ul li {
        cursor: pointer;
        text-wrap: nowrap;
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
        opacity: 0.25;

    }

    .rating-name ul li.active {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
        opacity: 1;
        border-bottom: 1px solid black;
        padding-bottom: 9px;
    }

    .rating-content-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .container.rating {
        background: #cceadc;
        min-width: 100%;
        margin: 0;
    }
}

.rating-content-item:last-child td:nth-child(2),
.table-content:last-child td:nth-child(2) {
    border-bottom-left-radius: 10px;
}

.rating-content-item:last-child td:nth-child(3),
.table-content:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

@media screen and (max-width: 910px) {
    .rating-content-mobile th .rating-gray {
        right: 90px;
    }

    .rating-content-mobile th svg {
        right: 50px;
    }
}

@media screen and (max-width: 800px) {
    .rating-content-mobile th .rating-gray {
        right: 80px;
    }

    .rating-content-mobile th svg {
        right: 45px;
    }
}

@media screen and (max-width: 730px) {
    .rating-content-mobile th .rating-gray {
        right: 70px;
    }

    .rating-content-mobile th svg {
        right: 35px;
    }
}

@media screen and (max-width: 630px) {
    .rating-content-mobile th .rating-gray {
        right: 55px;
    }

    .rating-content-mobile th svg {
        right: 27px;
    }
}

.rating-content-mobile td {
    padding-bottom: 32px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.rating-content-mobile td:first-child {
    text-align: left;
}

.rating-content-mobile th {
    position: relative;
    text-align: center;
    font-weight: 400;
    padding-top: 16px;
    padding-bottom: 50px;
}


.rating-content-mobile th,
.rating-content-mobile td {
    max-width: 250px;
    vertical-align: baseline;
}

.rating-content-mobile {
    color: black;
}

.rating-content-mobile .hint {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    opacity: 0.3;
    margin-top: 9px;
}

.text-bold {
    font-weight: 500;
}


.rating-radius-top-left {
    border-top-left-radius: 10px;
}

.rating-radius-top-right {
    border-top-right-radius: 10px;
}

@media screen and (max-width: 500px) {
    .rating-content-mobile th, .rating-content-mobile td {
        max-width: 105px !important;
    }

    .rating-content-mobile th .rating-gray {
        right: 45px;
    }

    .rating-content-mobile th svg {
        right: 23px;
    }
}

@media screen and (max-width: 380px) {
    .rating-content-mobile th .rating-gray {
        right: 35px;
    }

}

@media screen and (max-width: 350px) {
    .rating-content-mobile th svg {
        right: 17px;
    }
}

.partners-2024 .partners-container {
    max-width: 990px;
}

.partners-2024 .partners-block {
    padding: 0 10px;
}

.partners-2024 .parthers_header {
    margin-bottom: 20px !important;
}

.partners-2024 .partners__item {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 220px !important;
    height: 130px !important;
    margin-bottom: 6px !important;
    background: #F8F8F8;
    border-radius: 10px;
    padding: 20px 35px;
}

.partners-2024 .partners-logo {
    max-width: 253px;
    width: 100% !important;
    height: 100% !important;
    object-fit: scale-down !important;

}

.partners-2024 .partners_name {
    font-family: 'Rubik', Sans-Serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
}

@media screen and (max-width: 990px) {
    .partners-2024 .partners-block {
        flex: 1;
        flex-basis: 33%;
        max-width: 33%;
    }

    .partners-2024 .partners__item {
        width: 100% !important;
    }
}

@media screen and (max-width: 776px) {
    .partners-2024 .partners-block {
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 25px !important;
    }

    .partners-2024 .partners-logo {
        scale: 0.8 !important;
    }

    .partners-2024 .partners_name {
        font-size: 9px;
    }


}

.z-index-1 {
    z-index: 1;
}

.title-clue {
    position: relative;
    cursor: pointer;
}

.title-clue:hover .block-clue {
    visibility: visible;
    opacity: 1;
}

.block-clue {
    visibility: hidden;
    position: absolute;
    top: 60px;
    left: 25px;
    background: #009651;
    color: white;
    width: max-content;
    max-width: 370px;
    border-radius: 10px;
    padding: 14px 18px;
    z-index: 2;
    opacity: 0;
    transition: all .3s;
}

.block-clue.safety {
    left: -210px;
}

.block-clue.competence {
    left: -195px;
}

.block-clue p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    word-wrap: break-word;
    text-align: left;
    margin-bottom: 0;
}

.clue-arrow {
    position: absolute;
    top: -10px;
    left: 58px;
}

.block-clue.safety .clue-arrow {
    left: auto;
    right: 55px;
}

.block-clue.competence .clue-arrow {
    left: auto;
    right: 55px;
}

.partners-badge {
    position: relative;
}

.partners-badge svg {
    position: absolute;
    top: -60%;
    right: 10px;
}

.vk-email {
    position: relative;
    padding-top: 120px !important;
    backdrop-filter: blur(2px);
    z-index: 3;
}

.enter {
    background: none;
}

.vk-email-bg {
    position: absolute;
    top: 49.7%;
    left: 50%;
    transform: translateX(-50%) translateY(-68%);
    filter: blur(2px);
}

.vk-email-content {
    padding: 22px 40px;
    background: #FFFFFF;
    border-radius: 8px;
}

.vk-email-title {
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #000000;
}

.input-vk-email {
    color: black !important;
    border-bottom: 1px solid black !important;
}

.input-vk-email .input:focus {
    color: black;
    border-color: black !important;
}

.vk-email .form__item {
    margin-bottom: 0;
}

.vk-email .invalid-feedback,
.vk-email .help-block {
    color: black;
}

.vk-email .btn {
    background: #009651;
    border: 1px solid #009651;
    border-radius: 8px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0;
    text-transform: unset;
}

@media screen and (max-width: 1415px) {
    .partners-badge svg {
        top: 25%;
        right: auto;
        left: 39%;
    }
}

@media screen and (max-width: 1250px) {
    .news--big .news__picture {
        max-width: 100%;
        height: 240px;
    }
}

@media screen and (max-width: 990px) {
    .news--big .news__picture {
        height: 170px;
    }
}

@media screen and (max-width: 768px) {
    .news--big .news__picture {
        height: 280px;
    }

    .vk-email-bg {
        position: absolute;
        top: 49.5%;
        left: 50%;
        transform: translateX(-50%) translateY(-68%);
        clip-path: inset(8% 0 0 0);
    }
}

@media screen and (max-width: 500px) {
    .news--big .news__picture {
        height: 260px;
    }
}

@media screen and (max-width: 450px) {
    .news--big .news__picture {
        height: 215px;
    }
}

@media screen and (max-width: 390px) {
    .partners-badge svg {
        top: 25%;
        right: auto;
        left: 42%;
    }
}

.skip-link {
    display: block;
    position: absolute;
    top: 0;
    left: 10%;
    padding: 10px 15px;
    color: white;
    background: rgb(0, 150, 81);
    transform: translateY(-100%);
    border: none;
}

.skip-link:hover {
    color: white;
    background: rgba(0, 150, 81, .9);
}

.skip-link:focus {
    transform: translateY(20%);
}

html {
    scroll-behavior: smooth;
}

.skip-block {
    transform: translateY(-150px);
}

.test-24 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.test-24.test-24-green {
    background: #009651;
}

.test-24.test-24-yellow {
    background: #F39208;
}

.test-24.test-24-red {
    background: #E30E0E;
}

.test-24 .content {
    max-width: 780px;
    padding: 65px 80px;
    background-color: white;
    border-radius: 20px;
    margin: 0 auto;
}

.test-24.test-24-green .content .test-rating,
.test-24.test-24-green .content .test-result {
    color: #009651;
}

.test-24.test-24-green .content .button-block a {
    background: #009651;
    border-color: #009651;
}

.test-24.test-24-yellow .content .test-rating,
.test-24.test-24-yellow .content .test-result {
    color: #F39208;
}

.test-24.test-24-yellow .content .button-block a {
    background: #F39208;
    border-color: #F39208;
}

.test-24.test-24-red .content .test-rating,
.test-24.test-24-red .content .test-result {
    color: #E30E0E;
}

.test-24.test-24-red .content .button-block a {
    background: #E30E0E;
    border-color: #E30E0E;
}

.test-24 .content-section {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 44px;
}

.test-24 .content-section:first-child {
    margin-bottom: 33px;
}

.test-24 .content-section-item {
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 50%;
}

.test-24 .content-section-item.test-rating div {
    display: flex;
    align-items: flex-start;
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 75% !important;
}

.test-24 .content-section-item.test-rating.total-big div {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    flex-wrap: nowrap;
    font-size: 35px;
}

.test-24 .content-section-item span {
    font-style: normal;
    font-weight: 500;
    font-size: 300px;
    line-height: 75%;
}

.test-24 .content-section-item.test-rating.total-big span {
    font-size: 193px;
    line-height: 85%;
}

.test-24 .content-section-item-block h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
}

.test-24 .content-section-item-block p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}

.test-24 .content-section-item-rating {
    display: flex;
    align-items: flex-start;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 8px;
}

.test-24 .content-section-item-rating span {
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 55px;

}

.test-24 .content-section.no-between .content-section-item {
    justify-content: flex-start;
}

.test-24 .content-section.button-block {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 0;
}

.test-24 .content-section.button-block a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #009651;
    border: 1px solid #009651;
    border-radius: 8px;
    max-width: 437px;
    width: 100%;
    height: 56px;
}

.total-balls {
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 28px !important;
    opacity: .75;
}

.main-total-balls {
    opacity: .75;
    font-size: 35px !important;
    line-height: 75% !important;
}

.test-24 .content-section.button-block p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #757575;
    max-width: 455px;
}

.test-24 .content-section-item p {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
}

.test-24 .content-section-item-title {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    margin-bottom: 8px !important;
}

.test-24 .content-section-item-block.share-mobile {
    display: none;
    color: black;
}
.test-24 .content-section-item-block.share-mobile p {/* Поделиться результатом */
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
}

@media screen and (max-width: 1000px) {
    .test-24 .content-section-item.test-rating.total-big span {
        font-size: 163px;
        line-height: 85%;
    }
}

.test-24 .content-section-item-block.share,
.test-24 .content-section-item-block.share-mobile
{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

@media screen and (max-width: 768px) {
    .test-24 .content-section {
        flex-direction: column;
    }
    .test-24 .content-section.button-block a {
        max-width: 100%;
    }
    .test-24 .content {
        padding: 18px 24px;
    }
    .test-24 .content-section-item-block.share {
        display: none;
    }
    .test-24 .content-section-item-block.share-mobile {
        display: block;
    }
    .test-24 .content-section {
        margin-bottom: 32px;
    }
}

.test-24-header {
    background: white;
    padding: 30px;
    border-radius: 20px;
}

.rec-24 .news__title,
.rec-24 .news__title:hover,
.rec-24 .news__tags .tag {
    color: white !important;
}
.test-24-cabinet {
    padding-top: 50px;
}

.comparable-simple {
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    border: 1px solid #bcbcbc;
    border-radius: 6px;
    color: #000;
    opacity: 0.4;
}

.body--red .socials__item--rt {
    background: url("../img/rutube-logo-red.svg");
}

.body--orange .socials__item--rt {
    background: url("../img/rutube-logo-yellow.svg");
}