.color-1#content #calc-confidence .horizontal-selector-container > div {
    display: flex !important;
    gap: 8px;
    height: auto !important;
    padding: 8px !important;
    background: #fff !important;
    border: 2px solid #000;
}

.color-1#content #calc-confidence .horizontal-selector-container > div > label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 10px 16px !important;
    border: 2px solid #000;
    background: #fff !important;
    color: #000 !important;
    cursor: pointer;
}

.color-1#content #calc-confidence .horizontal-selector-container > div > input:checked + label {
    background: #000 !important;
    color: #fff !important;
}
.color-2#content #calc-confidence .horizontal-selector-container > div {
    background: #000 !important;
    border: 2px solid #fff;
}

.color-2#content #calc-confidence .horizontal-selector-container > div > label {
    border: 2px solid #fff;
    background: #000 !important;
    color: #fff !important;
}

.color-2#content #calc-confidence .horizontal-selector-container > div > input:checked + label {
    background: #fff !important;
    color: #000 !important;
}

.color-3#content #calc-confidence .horizontal-selector-container > div {
    background: #063462 !important;
    border: 2px solid yellow;
}

.color-3#content #calc-confidence .horizontal-selector-container > div > label {
    border: 2px solid yellow;
    background: #063462 !important;
    color: yellow !important;
}

.color-3#content #calc-confidence .horizontal-selector-container > div > input:checked + label {
    background: yellow !important;
    color: #063462 !important;
}
.color-1#content #calc-confidence .confidence-checkbox-container input[type="checkbox"] + label:before {
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #000 !important;
    box-shadow: none !important;
    background: #fff !important;
}

.color-1#content #calc-confidence .confidence-checkbox-container input[type="checkbox"]:checked + label:before {
    background: #000 !important;
    box-shadow: inset 0 0 0 4px #fff !important;
}
.color-2#content #calc-confidence .confidence-checkbox-container input[type="checkbox"] + label:before {
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #fff !important;
    box-shadow: none !important;
    background: #000 !important;
}

.color-2#content #calc-confidence .confidence-checkbox-container input[type="checkbox"]:checked + label:before {
    background: #fff !important;
    box-shadow: inset 0 0 0 4px #000 !important;
}

.color-3#content #calc-confidence .confidence-checkbox-container input[type="checkbox"] + label:before {
    width: 24px !important;
    height: 24px !important;
    border: 2px solid yellow !important;
    box-shadow: none !important;
    background: #063462 !important;
}

.color-3#content #calc-confidence .confidence-checkbox-container input[type="checkbox"]:checked + label:before {
    background: yellow !important;
    box-shadow: inset 0 0 0 4px #063462 !important;
}
/* SMS modal for special version */
.color-1#content .modal-in-programm.phone-confirm,
.color-2#content .modal-in-programm.phone-confirm,
.color-3#content .modal-in-programm.phone-confirm {
    display: none !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    width: min(760px, calc(100% - 32px)) !important;
    height: auto !important;
    max-height: calc(100vh - 48px) !important;
    transform: translate(-50%, -50%) !important;
    padding: 40px 48px !important;
    opacity: 1 !important;
    z-index: 10001 !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

.color-1#content .modal-in-programm.phone-confirm.show,
.color-2#content .modal-in-programm.phone-confirm.show,
.color-3#content .modal-in-programm.phone-confirm.show {
    display: block !important;
}

.color-1#content .background-modal,
.color-2#content .background-modal,
.color-3#content .background-modal {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    opacity: 1 !important;
    z-index: 10000 !important;
}

.color-1#content .background-modal.show,
.color-2#content .background-modal.show,
.color-3#content .background-modal.show {
    display: block !important;
}

.color-1#content .modal-in-programm.phone-confirm {
    background: #fff !important;
    color: #000 !important;
    border: 3px solid #000 !important;
}

.color-1#content .background-modal.show {
    background: rgba(0, 0, 0, 0.65) !important;
}

.color-2#content .modal-in-programm.phone-confirm {
    background: #000 !important;
    color: #fff !important;
    border: 3px solid #fff !important;
}

.color-2#content .background-modal.show {
    background: rgba(255, 255, 255, 0.65) !important;
}

.color-3#content .modal-in-programm.phone-confirm {
    background: #063462 !important;
    color: #ffff00 !important;
    border: 3px solid #ffff00 !important;
}

.color-3#content .background-modal.show {
    background: rgba(0, 0, 0, 0.65) !important;
}

.color-1#content .modal-in-programm.phone-confirm *,
.color-2#content .modal-in-programm.phone-confirm *,
.color-3#content .modal-in-programm.phone-confirm * {
    background: transparent !important;
}

.color-1#content .modal-in-programm.phone-confirm .main-more-info-block,
.color-1#content .modal-in-programm.phone-confirm .phone-confirm__code-input {
    background: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}

.color-2#content .modal-in-programm.phone-confirm .main-more-info-block,
.color-2#content .modal-in-programm.phone-confirm .phone-confirm__code-input {
    background: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

.color-3#content .modal-in-programm.phone-confirm .main-more-info-block,
.color-3#content .modal-in-programm.phone-confirm .phone-confirm__code-input {
    background: #063462 !important;
    color: #ffff00 !important;
    border-color: #ffff00 !important;
}

.color-1#content .modal-in-programm.phone-confirm .close-modal {
    color: #000 !important;
    border-color: #000 !important;
}

.color-2#content .modal-in-programm.phone-confirm .close-modal {
    color: #fff !important;
    border-color: #fff !important;
}

.color-3#content .modal-in-programm.phone-confirm .close-modal {
    color: #ffff00 !important;
    border-color: #ffff00 !important;
}
/* Close button */
.color-1#content .modal-in-programm.phone-confirm .close-modal,
.color-2#content .modal-in-programm.phone-confirm .close-modal,
.color-3#content .modal-in-programm.phone-confirm .close-modal {
    display: flex !important;
    position: absolute !important;
    top: 22px !important;
    right: 22px !important;
    width: 48px !important;
    height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: 1 !important;
    z-index: 10002 !important;
    border: 3px solid currentColor !important;
    box-sizing: border-box !important;
}

.color-1#content .modal-in-programm.phone-confirm .close-modal:before,
.color-1#content .modal-in-programm.phone-confirm .close-modal:after,
.color-2#content .modal-in-programm.phone-confirm .close-modal:before,
.color-2#content .modal-in-programm.phone-confirm .close-modal:after,
.color-3#content .modal-in-programm.phone-confirm .close-modal:before,
.color-3#content .modal-in-programm.phone-confirm .close-modal:after {
    content: "" !important;
    position: absolute !important;
    width: 28px !important;
    height: 4px !important;
    background: currentColor !important;
}

.color-1#content .modal-in-programm.phone-confirm .close-modal:before,
.color-2#content .modal-in-programm.phone-confirm .close-modal:before,
.color-3#content .modal-in-programm.phone-confirm .close-modal:before {
    transform: rotate(45deg) !important;
}

.color-1#content .modal-in-programm.phone-confirm .close-modal:after,
.color-2#content .modal-in-programm.phone-confirm .close-modal:after,
.color-3#content .modal-in-programm.phone-confirm .close-modal:after {
    transform: rotate(-45deg) !important;
}

/* SMS code inputs */
.color-1#content .modal-in-programm.phone-confirm input,
.color-2#content .modal-in-programm.phone-confirm input,
.color-3#content .modal-in-programm.phone-confirm input {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    padding: 0 !important;
    margin: 0 8px 0 0 !important;
    text-align: center !important;
    font-size: 32px !important;
    line-height: 64px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
    border: 3px solid currentColor !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

.color-1#content .modal-in-programm.phone-confirm input {
    background: #fff !important;
    color: #000 !important;
}

.color-2#content .modal-in-programm.phone-confirm input {
    background: #000 !important;
    color: #fff !important;
}

.color-3#content .modal-in-programm.phone-confirm input {
    background: #063462 !important;
    color: #ffff00 !important;
}

/* Modal inner spacing */
.color-1#content .modal-in-programm.phone-confirm,
.color-2#content .modal-in-programm.phone-confirm,
.color-3#content .modal-in-programm.phone-confirm {
    padding: 56px 72px 56px 72px !important;
}

.color-1#content .top-block-sport .mobile-img,
.color-2#content .top-block-sport .mobile-img,
.color-3#content .top-block-sport .mobile-img,
.color-1#content #animBanner .container.mobile,
.color-2#content #animBanner .container.mobile,
.color-3#content #animBanner .container.mobile,
.color-1#content .top-block-sport .right,
.color-2#content .top-block-sport .right,
.color-3#content .top-block-sport .right {
    display: none !important;
}

.color-1#content #animBanner .container.desc,
.color-2#content #animBanner .container.desc,
.color-3#content #animBanner .container.desc {
    display: block !important;
}

.color-1#content .top-block-sport .container,
.color-2#content .top-block-sport .container,
.color-3#content .top-block-sport .container,
.color-1#content .lower-top-block .container,
.color-2#content .lower-top-block .container,
.color-3#content .lower-top-block .container,
.color-1#content .questions-block .container,
.color-2#content .questions-block .container,
.color-3#content .questions-block .container {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    box-sizing: border-box !important;
}

.color-1#content .top-block-sport,
.color-2#content .top-block-sport,
.color-3#content .top-block-sport,
.color-1#content .lower-top-block,
.color-2#content .lower-top-block,
.color-3#content .lower-top-block,
.color-1#content .questions-block,
.color-2#content .questions-block,
.color-3#content .questions-block {
    padding: 40px 0 !important;
}

.color-1#content .top-block-sport .text-under-title,
.color-2#content .top-block-sport .text-under-title,
.color-3#content .top-block-sport .text-under-title {
    display: block !important;
    max-width: none !important;
    line-height: 1.35 !important;
}

.color-1#content .top-block-sport .text-under-title.m,
.color-2#content .top-block-sport .text-under-title.m,
.color-3#content .top-block-sport .text-under-title.m {
    display: none !important;
}

.color-1#content .lower-top-block .ins-block,
.color-2#content .lower-top-block .ins-block,
.color-3#content .lower-top-block .ins-block {
    display: block !important;
}

.color-1#content .lower-top-block .item,
.color-2#content .lower-top-block .item,
.color-3#content .lower-top-block .item {
    display: block !important;
    margin: 0 0 16px !important;
}

.color-1#content .lower-top-block .top-text,
.color-2#content .lower-top-block .top-text,
.color-3#content .lower-top-block .top-text,
.color-1#content .lower-top-block .low-text,
.color-2#content .lower-top-block .low-text,
.color-3#content .lower-top-block .low-text {
    display: inline !important;
    color: inherit !important;
}

.color-1#content .top-block-sport .btn.sport,
.color-2#content .top-block-sport .btn.sport,
.color-3#content .top-block-sport .btn.sport {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 64px !important;
    margin-top: 22px !important;
    padding: 14px 32px !important;
    border: 3px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.color-1#content .questions-block h2,
.color-2#content .questions-block h2,
.color-3#content .questions-block h2 {
    margin: 0 0 32px !important;
    line-height: 1.15 !important;
}

.color-1#content .questions-block .main-questions-block,
.color-2#content .questions-block .main-questions-block,
.color-3#content .questions-block .main-questions-block {
    display: none !important;
}

.color-1#content .questions-block .main-questions-block.active,
.color-2#content .questions-block .main-questions-block.active,
.color-3#content .questions-block .main-questions-block.active {
    display: block !important;
}

.color-1#content .questions-block .questions,
.color-2#content .questions-block .questions,
.color-3#content .questions-block .questions {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 18px 22px !important;
    border: 2px solid currentColor !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.color-1#content .questions-block .questions {
    background: #fff !important;
    color: #000 !important;
}

.color-2#content .questions-block .questions {
    background: #000 !important;
    color: #fff !important;
}

.color-3#content .questions-block .questions {
    background: #063462 !important;
    color: #ffff00 !important;
}

.color-1#content .questions-block .title-block,
.color-2#content .questions-block .title-block,
.color-3#content .questions-block .title-block {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.color-1#content .questions-block .title-block svg,
.color-2#content .questions-block .title-block svg,
.color-3#content .questions-block .title-block svg {
    display: none !important;
}

.color-1#content .questions-block .title-block:after,
.color-2#content .questions-block .title-block:after,
.color-3#content .questions-block .title-block:after {
    content: "+" !important;
    flex: 0 0 auto !important;
    font-weight: 700 !important;
}

.color-1#content .questions-block .questions.show .title-block:after,
.color-2#content .questions-block .questions.show .title-block:after,
.color-3#content .questions-block .questions.show .title-block:after {
    content: "-" !important;
}

.color-1#content .questions-block .answer,
.color-2#content .questions-block .answer,
.color-3#content .questions-block .answer {
    display: none !important;
    margin-top: 16px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
}

.color-1#content .questions-block .questions.show .answer,
.color-2#content .questions-block .questions.show .answer,
.color-3#content .questions-block .questions.show .answer {
    display: block !important;
}

.color-1#content .questions-block a,
.color-2#content .questions-block a,
.color-3#content .questions-block a,
.color-1#content .modal-in-programm:not(.phone-confirm) a,
.color-2#content .modal-in-programm:not(.phone-confirm) a,
.color-3#content .modal-in-programm:not(.phone-confirm) a {
    color: inherit !important;
    text-decoration: underline !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm),
.color-2#content .modal-in-programm:not(.phone-confirm),
.color-3#content .modal-in-programm:not(.phone-confirm) {
    display: none !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm).show,
.color-2#content .modal-in-programm:not(.phone-confirm).show,
.color-3#content .modal-in-programm:not(.phone-confirm).show {
    display: block !important;
    position: fixed !important;
    z-index: 10001 !important;
    left: 50% !important;
    top: 50% !important;
    width: min(960px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 48px) !important;
    transform: translate(-50%, -50%) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .main-more-info-block,
.color-2#content .modal-in-programm:not(.phone-confirm) .main-more-info-block,
.color-3#content .modal-in-programm:not(.phone-confirm) .main-more-info-block {
    position: relative !important;
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 48px 56px !important;
    border: 4px solid currentColor !important;
    box-sizing: border-box !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .main-more-info-block {
    background: #fff !important;
    color: #000 !important;
}

.color-2#content .modal-in-programm:not(.phone-confirm) .main-more-info-block {
    background: #000 !important;
    color: #fff !important;
}

.color-3#content .modal-in-programm:not(.phone-confirm) .main-more-info-block {
    background: #063462 !important;
    color: #ffff00 !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .main-more-info-block *,
.color-2#content .modal-in-programm:not(.phone-confirm) .main-more-info-block *,
.color-3#content .modal-in-programm:not(.phone-confirm) .main-more-info-block * {
    color: inherit !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .main-more-info-block .main-text,
.color-2#content .modal-in-programm:not(.phone-confirm) .main-more-info-block .main-text,
.color-3#content .modal-in-programm:not(.phone-confirm) .main-more-info-block .main-text,
.color-1#content .modal-in-programm:not(.phone-confirm) .main-more-info-block li,
.color-2#content .modal-in-programm:not(.phone-confirm) .main-more-info-block li,
.color-3#content .modal-in-programm:not(.phone-confirm) .main-more-info-block li {
    max-width: none !important;
    margin-left: 0 !important;
    line-height: 1.35 !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .main-more-info-block ul,
.color-2#content .modal-in-programm:not(.phone-confirm) .main-more-info-block ul,
.color-3#content .modal-in-programm:not(.phone-confirm) .main-more-info-block ul {
    margin: 0 0 22px !important;
    padding-left: 1.4em !important;
    list-style: disc !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .main-more-info-block li:before,
.color-2#content .modal-in-programm:not(.phone-confirm) .main-more-info-block li:before,
.color-3#content .modal-in-programm:not(.phone-confirm) .main-more-info-block li:before {
    display: none !important;
    content: none !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .close-modal,
.color-2#content .modal-in-programm:not(.phone-confirm) .close-modal,
.color-3#content .modal-in-programm:not(.phone-confirm) .close-modal {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 48px !important;
    height: 48px !important;
    border: 3px solid currentColor !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .close-modal:before,
.color-1#content .modal-in-programm:not(.phone-confirm) .close-modal:after,
.color-2#content .modal-in-programm:not(.phone-confirm) .close-modal:before,
.color-2#content .modal-in-programm:not(.phone-confirm) .close-modal:after,
.color-3#content .modal-in-programm:not(.phone-confirm) .close-modal:before,
.color-3#content .modal-in-programm:not(.phone-confirm) .close-modal:after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 20px !important;
    width: 22px !important;
    height: 3px !important;
    background: currentColor !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .close-modal:before,
.color-2#content .modal-in-programm:not(.phone-confirm) .close-modal:before,
.color-3#content .modal-in-programm:not(.phone-confirm) .close-modal:before {
    transform: rotate(45deg) !important;
}

.color-1#content .modal-in-programm:not(.phone-confirm) .close-modal:after,
.color-2#content .modal-in-programm:not(.phone-confirm) .close-modal:after,
.color-3#content .modal-in-programm:not(.phone-confirm) .close-modal:after {
    transform: rotate(-45deg) !important;
}

@media (max-width: 767px) {
    .color-1#content .top-block-sport .container,
    .color-2#content .top-block-sport .container,
    .color-3#content .top-block-sport .container,
    .color-1#content .lower-top-block .container,
    .color-2#content .lower-top-block .container,
    .color-3#content .lower-top-block .container,
    .color-1#content .questions-block .container,
    .color-2#content .questions-block .container,
    .color-3#content .questions-block .container {
        padding: 0 18px !important;
    }

    .color-1#content .modal-in-programm:not(.phone-confirm).show,
    .color-2#content .modal-in-programm:not(.phone-confirm).show,
    .color-3#content .modal-in-programm:not(.phone-confirm).show {
        width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 24px) !important;
    }

    .color-1#content .modal-in-programm:not(.phone-confirm) .main-more-info-block,
    .color-2#content .modal-in-programm:not(.phone-confirm) .main-more-info-block,
    .color-3#content .modal-in-programm:not(.phone-confirm) .main-more-info-block {
        padding: 72px 22px 28px !important;
    }
}