*,
:after,
:before {
    box-sizing: border-box;
}
li,
ol,
ol[class],
ul,
ul[class] {
    margin: 0;
    padding: 0;
}
blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol[class],
p,
ul[class] {
    margin: 0;
}
body {
    line-height: 1.5;
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
}
li,
ol[class],
ul[class] {
    list-style: none;
}
a {
    text-decoration: none;
    transition: all 0.3s;
}
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
	color: #fa5800;
}
img {
    display: block;
    height: auto;
    max-width: 100%;
}
button,
input,
select,
textarea {
    border: none;
    font: inherit;
}
[role="button"],
button {
    cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
.hero {
    background-color: #001328;
    overflow: hidden;
    position: relative;
}
.hero--bg {
    background-image: url(../images/hero-bg.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 442px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 1320px;
}
.hero--row {
    align-items: center;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    position: relative;
}
.hero--subtitle {
    color: #428cdc;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.16;
    margin-bottom: 5px;
}
.hero--title {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.17;
    margin-bottom: 15px;
    max-width: 100%;
    width: 560px;
}
.hero--link {
    /* width: 300px; */
    margin-top: 5px;
    white-space: normal !important;
    line-height: 1.4 !important;
    word-wrap: break-word;
}
@media (max-width: 1024px) {
    .hero {
        padding-top: 50px;
    }
    .hero--row {
        display: block;
        text-align: center;
    }
    .hero--subtitle {
        font-size: 18px;
    }
    .hero--title {
        font-size: 24px;
        width: 100%;
    }
    .hero--bg {
        height: 402px;
        width: 486px;
    }
}
.regist--wrap {
    background-image: url(../images/registration-bg.webp);
    background-size: cover;
    border-radius: 10px;
    margin: 30px 0;
    padding: 12px 15px 0;
}
.regist--top {
    margin-left: auto;
    margin-right: auto;
    padding: 12px 40px 20px;
    position: relative;
    text-align: center;
    width: 480px;
}
.regist--title {
    font-size: 25px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin-bottom: 1px;
    position: relative;
}
.regist--title::before {
    content: none !important; /* Убираем псевдоэлемент :before */
}
.regist--text {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    position: relative;
	margin-top: 5px;
}
.regist--top-bg {
    background: linear-gradient(1turn, #ff9e08 -0.31%, #ff4600);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skew(-20deg);
    width: 100%;
}
.regist--bottom {
    position: relative;
    text-align: center;
}
.regist--image {
    margin-top: -40px;
    position: relative;
}
.regist--image img {
    margin-left: auto;
    margin-right: auto;
}
.regist--link {
    bottom: 45px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 184px;
}
@media (max-width: 1024px) {
    .regist--wrap {
        background-position: 50%;
        background-size: 130%;
    }
    .regist--top {
        width: 87%;
    }
    .regist--title {
        font-size: 16px;
    }
    .regist--text {
        font-size: 12px;
        font-weight: 400;
    }
    .regist--image {
        margin-top: -28px;
    }
}
.rep--wrap {
    background-image: url(../images/rep-bg.webp);
    background-position: 50%;
    background-size: cover;
    border-radius: 10px;
    margin: 30px 0;
    padding: 30px;
}
.rep--row {
    align-items: center;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
}
.rep--text {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.15;
    margin-bottom: 15px;
}
.rep--link {
    white-space: normal !important;
    line-height: 1.4 !important;
    word-wrap: break-word;
    margin-top: 5px;
	margin-bottom: 5px;
	max-width: 550px !important;
}
@media (max-width: 1024px) {
    .rep--wrap {
        padding: 15px;
    }
    .rep--row {
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
    }
}
.bonus-card {
    align-items: center;
    background-position: 50%;
    background-size: cover;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    padding: 9px 9px 42px;
    position: relative;
    text-align: center;
}
.bonus-card--img {
    margin-bottom: 5px;
}
.bonus-card--title {
    color: #fee801;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
    margin: 8px 0px;
}
.bonus-card--subtitle {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 1.7;
    margin-bottom: 18px;
}
.bonus-card--link {
    font-size: 14px !important;
    padding: 5px 10px !important;
    width: 134px;
}
.bonus-card--bottom {
    background: rgba(0, 25, 50, 0.8);
    border-radius: 0 0 11px 11px;
    bottom: 0;
    font-size: 10px;
    left: 0;
    line-height: 11px;
    padding: 4px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.bonus-list {
    margin: 30px 0;
}
.bonus-list--line {
    display: grid;
    gap: 23px;
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
    .bonus-list--line {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 500px) {
    .bonus-list--line {
        grid-template-columns: repeat(1, 1fr);
    }
}
.bonus-row {
    margin: 30px 0;
    max-width: 100%;
    overflow-x: auto;
    position: relative;
}
.bonus-row--line {
    display: grid;
    gap: 23px;
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
    .bonus-row .bonus-card {
        min-width: 220px;
        width: 220px;
    }
}
.account {
    background: linear-gradient(180deg, #0084e1, #0064b9 77.48%);
    border-radius: 10px;
    margin: 30px 0;
    padding: 15px 35px 25px;
    position: relative;
}
.account--row {
    align-items: flex-end;
    display: grid;
    gap: 5px;
    grid-template-columns: 3fr 5fr;
    position: relative;
}
.account--link {
    font-size: 18px !important;
    margin-top: 60px;
    padding: 6px 10px 6px 10px !important;
    width: 280px;
    white-space: normal !important;
    line-height: 1.4 !important;
    word-wrap: break-word;
	
}
.account--img {
    margin-top: -50px;
}
.account--bg {
    background: linear-gradient(180deg, #0058a3, #00458c);
    border-radius: 0 0 10px 10px;
    bottom: 0;
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
}
.account--content {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
	margin-top: 10px;
}
.account--title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}
.account--title::before {
    content: none !important; /* Убираем псевдоэлемент :before */
}
@media (max-width: 1024px) {
    .account {
        margin-top: 70px;
    }
    .account--row {
        display: flex;
        flex-direction: column-reverse;
        gap: 25px;
        text-align: center;
    }
    .account--link {
        margin-top: 30px;
    }
}
.slots-row {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
    margin: 30px 0;
}
.slots-row--item {
    background: linear-gradient(90deg, #003266, #003a76);
    border: 1px solid #254b74;
    border-radius: 10px;
    padding: 15px;
}
.slots-row--icon {
    height: 45px;
    margin-bottom: 15px;
}
.slots-row--icon img {
    max-height: 45px;
    max-width: 41px;
}
.slots-row--title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.16;
    margin-bottom: 10px;
}
.slots-row--content {
    font-size: 14px;
    line-height: 1.21;
    margin-bottom: 10px;
}
.slots-row--link {
    color: #428cdc;
    font-size: 12px;
    font-weight: 500;
}
@media (max-width: 1024px) {
    .slots-row {
        overflow-x: auto;
    }
    .slots-row--item {
        min-width: 220px;
        width: 220px;
    }
}
.install {
    background-image: url(../images/intstall-app-bg.webp);
    background-position: 50%;
    background-size: cover;
    border-radius: 10px;
    margin: 30px 0;
    padding: 30px 25px 20px 50px;
}
.install--row {
    align-items: center;
    display: grid;
    gap: 30px;
    grid-template-columns: 3fr 2fr;
}
.install--title {
    font-size: 30px;
    font-weight: 700;
}
.install--text,
.install--title {
    line-height: 1.2;
    margin-bottom: 15px;
}
.install--text {
    font-size: 24px;
}
.install--link {
    font-size: 18px !important;
    padding: 10px !important;
	white-space: normal !important;
	line-height: 1.4 !important;
    width: 280px;
    word-wrap: break-word;
	margin-top: 5px; 
}
@media (max-width: 1024px) {
    .install {
        padding: 30px 20px;
    }
    .install--row {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }
    .install--title {
        font-size: 18px;
    }
    .install--text {
        font-size: 16px;
    }
}
.content-image {
    align-items: center;
    background: #001932;
    border-radius: 10px;
    display: flex;
    margin: 30px 0;
}
.content-image.left {
    flex-direction: row-reverse;
}
.content-image--info {
    font-weight: 500;
    padding: 25px;
	position: relative;
    width: calc(100%);
	max-width: calc(100% - 381px);
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .content-image--info {
	font-weight: 500;
    padding: 25px;
    position: relative;
    width: calc(100%);
	max-width: calc(100%);
    word-wrap: break-word;
	order: 2;
	}
}
.content-image--picture {
    border-radius: 10px;
    min-width: 381px;
    width: 381px;
}
@media (max-width: 768px) {
    .content-image {
        flex-direction: column !important;
    }
    .content-image--picture {
        min-width: auto;
        width: 100%;
    }
    .content-image--picture img {
        width: 100%;
		order: 1;
    }
}
.payments {
    background: #001932;
    border-radius: 10px;
    display: grid;
    gap: 17px;
    grid-template-columns: repeat(4, 1fr);
    margin: 30px 0;
    padding: 25px;
}
.payments--item {
    align-items: center;
    border: 2px solid #428cdc;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    min-height: 211px;
    padding: 25px 15px;
}
@media (max-width: 768px) {
    .payments {
        grid-template-columns: repeat(2, 1fr);
        padding: 17px;
    }
    .payments--item {
        min-height: 120px;
    }
}
.mobile {
    background-image: url(../images/mobile-bg.webp);
    background-position: 50%;
    background-size: cover;
    border-radius: 10px;
    margin: 30px 0;
    padding: 15px 50px;
}
.mobile--row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.mobile--left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}
.mobile--image {
    display: flex;
    justify-content: flex-end;
}
.mobile--links {
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 14px;
}
.mobile--link,
.mobile--links {
    align-items: center;
    display: flex;
}
.mobile--link {
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid #fa4d00;
    border-radius: 4px;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    gap: 14px;
    line-height: 1;
    padding: 12px 16px;
}
.mobile--link span {
    font-size: 11px;
    font-weight: 400;
}
.mobile--subtitle {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}
.mobile--title {
    font-size: 40px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    padding-top: 20px;
}
@media (max-width: 768px) {
    .mobile {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mobile--row {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .mobile--image {
        justify-content: center;
    }
}
@media (min-width: 768px) {
    .calc--desktop .calc--wrap {
        padding: 20px 20px 1px;
    }
    .calc--desktop .calc--inputs {
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .calc--desktop .calc--bet {
        padding: 13px;
    }
    .calc--desktop .calc--bottom-buttons {
        align-items: flex-start;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: flex-end;
    }
    .calc--desktop .calc--bottom-buttons a,
    .calc--desktop .calc--bottom-buttons button {
        width: 200px;
    }
}
.calc--wrap {
    background: #004a97;
    border-radius: 6px;
    color: #fff;
    margin: 20px 0px;
    padding: 20px 10px 1px;
}
.calc--wrap-title {
    align-items: center;
    border-bottom: 1px solid rgba(152, 167, 181, 0.2);
    display: flex;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 19px;
    padding-bottom: 15px;
}
.calc--wrap-title span {
    margin-right: 9px;
}
.calc--row,
.calc--row-col {
    position: relative;
}
.calc--row {
    margin-bottom: 20px;
}
.calc--row input {
    background: #002449;
    border: 1px solid #1286ff;
    border-radius: 6px;
    color: #f5f6f7;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    max-width: 100%;
    outline: none;
    padding: 12px;
    width: 100%;
}
.calc--row input:focus {
    border-color: #3bc117;
    outline: none;
}
.calc--row input::-moz-placeholder {
    color: rgba(245, 246, 247, 0.5);
}
.calc--row input::placeholder {
    color: rgba(245, 246, 247, 0.5);
}
.calc--row input.err {
    border-color: #ff2727;
}
.calc--row input.err + .error {
    display: block;
}
.calc--row .error {
    background: #0b0808;
    border-radius: 5px;
    bottom: 34px;
    display: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    padding: 6px 10px;
    position: absolute;
    right: 0;
}
.calc--row .error:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 9.844a.875.875 0 1 1-1.75 0 .875.875 0 0 1 1.75 0ZM12.906 7A5.906 5.906 0 1 1 7 1.094 5.913 5.913 0 0 1 12.906 7Zm-1.312 0a4.594 4.594 0 1 0-9.189 0 4.594 4.594 0 0 0 9.189 0ZM7 3.5c-1.327 0-2.406.981-2.406 2.188v.218a.656.656 0 1 0 1.312 0v-.218c0-.483.492-.875 1.094-.875.602 0 1.094.392 1.094.875 0 .482-.492.875-1.094.875a.656.656 0 0 0-.656.656v.437a.656.656 0 0 0 1.297.14c1.017-.256 1.765-1.104 1.765-2.109C9.406 4.482 8.326 3.5 7 3.5Z' fill='%23FF2727'/%3E%3C/svg%3E");
    bottom: -21px;
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    right: 10px;
    width: 14px;
}
.calc--row .error svg {
    bottom: -5px;
    position: absolute;
    right: 14px;
}
.calc--row.two {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.calc--row-title {
    font-weight: 700;
    margin-bottom: 10px;
}
.calc--reset,
.calc--row-title {
    font-size: 14px;
    line-height: 1.2;
}
.calc--reset {
    background: transparent;
    border: 1px solid #98a7b5;
    border-radius: 4px;
    color: #98a7b5;
    display: block;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 12px;
    text-align: center;
    width: 100%;
}
.calc--bet {
    width: 100%;
}
.calc--win-col {
    align-items: center;
    background: #002449;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    padding: 12px;
}
.calc--win-col span {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}
.calc--win-col p {
    font-size: 14px;
    font-weight: 500;
}
.sidebar-banner {
    background: linear-gradient(0.383turn, #003267 23.74%, #0a509c 76.26%);
    border-radius: 10px;
    padding: 15px 10px;
    text-align: center;
}
.sidebar-banner--title {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 17px;
}
.sidebar-banner--image {
    margin-bottom: 10px;
}
.sidebar-banner--info {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 10px;
}
.sidebar-banner--dates {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
	gap: 20px;
    display: flex;
}
.sdate-start {
    color: #87c209;
	font-weight: 500;
}
.sdate-end {
	color: #ffba00;
	font-weight: 500;
}
.sidebar-banner--bottom {
    background: linear-gradient(23deg, #084b93, hsla(0, 0%, 100%, 0.1), #084b93);
    padding: 20px 10px 10px;
	border-radius: 10px;
}
.sidebar-banner--bottom-title {
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 11px;
}
.sidebar-banner--link {
    width: 100%;
}
body,
html {
    scroll-behavior: smooth;
    scroll-margin-top: 110px;
}
body.-toggle,
html.-toggle {
    overflow: hidden;
}
.button-border,
.button-orange,
.calc--bet {
    border: 1px solid #428cdc;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 18px;
    max-width: 100%;
    padding: 12px 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.button-orange,
.calc--bet {
    background: #fa4d00;
    border-color: #fa4d00;
    box-shadow: 0 1px 24px 0 rgba(250, 83, 0, 0.8);
}
.not-found-main {
    padding: 16vh 0;
}
.not-found-block {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.not-found-block h1 {
    font-size: 50px;
}
.not-found-block h2 {
    font-size: 30px;
    margin: 10px 0 30px;
}
.page--content-wrap {
    padding-top: 60px;
    position: relative;
}
.page--content-bg {
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
}
.page--content-bg.information,
.page--content-bg.personal_office {
    background-image: url(../images/body-office-bg.webp);
    top: 185px;
}
.page--content-bg.mobiles {
    background-image: url(../images/body-mobile-bg.webp);
    background-repeat: no-repeat;
}
.page--content-bg.bonus {
    background-image: url(../images/body-bonuses-bg.webp);
}
.page--content-bg.payment {
    background-image: url(../images/body-payments-bg.webp);
}
.page--content-bg.home {
    background-image: url(../images/body-home-bg.webp);
}
.page--content-bg.registration {
    background-image: url(../images/body-register-bg.webp);
}
.page--content-row {
    display: flex;
    gap: 40px;
    position: relative;
}
.page--content-left {
    padding-bottom: 30px;
    width: 75%;
}
.page--content-right {
    padding-bottom: 60px;
    width: 25%;
}
@media (max-width: 1024px) {
    .page--content-bg {
        display: none;
    }
    .page--content-row {
        flex-direction: column;
    }
    .page--content-left,
    .page--content-right {
        width: 100%;
    }
}
.bpages-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    margin-bottom: 42px;
    max-width: 100%;
    overflow-wrap: anywhere;
}
.bpages-block__item {
    border-radius: 80px;
    display: flex;
    gap: 10px;
    height: 100px;
    padding: 20px 35px;
    align-items: center;
    text-align: center;
    font-weight: bold;
    border: 2px solid #0a4c99;
}
.bpages-block__item i {
    display: block;
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bpages-block__item:hover {
    background: #0a4c99;
	border: 2px solid #0a4c99;
}
.bpages-block__item span {
    font-size: 22px;
    color: #fff;
    line-height: 1.3;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    flex: 1;
}
@media (max-width: 768px) {
    .bpages-block {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .bpages-block {
        grid-template-columns: 1fr;
		overflow: hidden;
    }
	.bpages-block__item {
		height: 80px;
		padding: 10px 25px;
	}
}
.body--inner {
    box-sizing: border-box;
    max-width: 100vw;
    min-height: 100vh;
    position: relative;
	/* overflow: hidden; */
}
body {
    background: #002449;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}
.container {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
    width: 1310px;
}
.header {
    background: linear-gradient(180deg, #003266, #0a509c);
    padding: 15px 25px 15px 25px;
	position: sticky;
    top: 0px;
    z-index: 100;
}
.header--right {
    align-items: center;
    display: flex;
    gap: 20px;
}
.header--logo {
    min-width: 172px;
    width: 172px;
}
.header--logo,
.header--logo img {
    position: relative;
}
.header--row {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.header--bottom {
    margin-top: 15px;
    background-color: #003266;
    border-radius: 40px;
}
.header--menu-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}
.header--links a {
    margin-left: 24px;
}
.header--menu-btn {
    display: none;
}
.header--menu .menu {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    margin: 0 -16px;
	justify-content: center;
}
.header--menu .menu > li {
    margin: 0 16px;
}
.header--menu .menu > li:first-child > a,
.header--menu .menu > li:nth-child(2) > a,
.header--menu .menu > li:nth-child(3) > a,
.header--menu .menu > li:nth-child(4) > a,
.header--menu .menu > li:nth-child(5) > a,
.header--menu .menu > li:nth-child(6) > a,
.header--menu .menu > li:nth-child(7) > a {
    padding-left: 23px;
    position: relative;
}
.header--menu .menu > li:first-child > a:before,
.header--menu .menu > li:nth-child(2) > a:before,
.header--menu .menu > li:nth-child(3) > a:before,
.header--menu .menu > li:nth-child(4) > a:before,
.header--menu .menu > li:nth-child(5) > a:before,
.header--menu .menu > li:nth-child(6) > a:before,
.header--menu .menu > li:nth-child(7) > a:before {
    content: "";
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
}
.header--menu .menu > li:first-child > a:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22https://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22%23428cdc%22%3E%3Cpath d=%22M12 2l2.39 6.942 7.21.555-5.3 4.436 1.73 6.817-6.03-3.94-6.03 3.94 1.73-6.817-5.3-4.436 7.21-.555z%22/%3E%3C/svg%3E');
}
.header--menu .menu > li:nth-child(2) > a:before {
    background-image: url(../images/menu-3.svg)
}
.header--menu .menu > li:nth-child(3) > a:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22https://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22%23428cdc%22%3E%3Cpath d=%22M17 1H7C5.895 1 5 1.895 5 3v18c0 1.105.895 2 2 2h10c1.105 0 2-.895 2-2V3c0-1.105-.895-2-2-2zM7 3h10v14H7V3zm0 16h10v2H7v-2z%22/%3E%3Cpath d=%22M11 9h2v5h3l-4 4-4-4h3z%22/%3E%3C/svg%3E');
}
.header--menu .menu > li:nth-child(4) > a:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22https://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22%234993e3%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%225%22 fill=%22none%22 stroke=%22%23033C77%22 stroke-width=%222%22/%3E%3Cpath d=%22M12 2v2M12 20v2M2 12h2M20 12h2%22 stroke=%22%23033C77%22 stroke-width=%222%22/%3E%3C/svg%3E');
}
.header--menu .menu > li:nth-child(5) > a:before {
    background-image: url(../images/menu-2.svg);
}
.header--menu .menu > li:nth-child(6) > a:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22https://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 24 24%22 fill=%22%23428cdc%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M12 14c-5 0-9 2.5-9 5v1h18v-1c0-2.5-4-5-9-5z%22/%3E%3C/svg%3E');
}
.header--menu .menu > li:nth-child(7) > a:before {
    background-image: url(../images/menu-1.svg);
}
.header--menu .menu > li.menu-item-has-children:hover > .sub-menu {
    display: block;
}
.header--menu .menu > li.menu-item-has-children > a {
    padding-right: 17px;
}
.header--menu .menu > li.menu-item-has-children > a:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.558 7.942c.244.244.64.244.884 0l2.5-2.5a.625.625 0 1 0-.884-.884L6 6.616 3.942 4.558a.625.625 0 1 0-.884.884l2.5 2.5Z' fill='%23fff'/%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}
.header--menu li {
    position: relative;
}
.header--menu a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 5px;
    letter-spacing: 0.5px;
    padding: 10px 0;
}
.header--menu .sub-menu {
    background: #002449;
	border: 2px solid #004a97;
    border-radius: 5px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    display: none;
    left: 50%;
    padding: 15px 10px;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 200px;
    z-index: 2;
	max-height: 360px;
    overflow-y: auto;
}
@media (max-width: 1024px) {
    .header {
        background: linear-gradient(180deg, #003266, #0a509c);
    }
    .header--link {
        padding: 9px 15px !important;
    }
    .header--left-link,
    .header--right-link {
        display: none;
    }
    .header--menu-btn {
        align-items: center;
        background: #012449;
        border: none;
        border-radius: 5px;
        display: flex;
        height: 42px;
        justify-content: center;
        width: 42px;
    }
    .header--menu-btn span {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M15 13.125a1.125 1.125 0 0 1 .108 2.245l-.108.005H3a1.125 1.125 0 0 1-.108-2.245L3 13.125h12Zm0-5.25a1.125 1.125 0 0 1 0 2.25H3a1.125 1.125 0 1 1 0-2.25h12Zm0-5.25a1.125 1.125 0 0 1 0 2.25H3a1.125 1.125 0 0 1 0-2.25h12Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 18px;
        width: 18px;
    }
    .header--top {
        position: relative;
    }
    .header--right {
        align-items: center;
        display: flex;
        gap: 20px;
    }
	.header--bottom {
		margin-top: 0px;
	}
    .header--menu a:after {
        display: none !important;
    }
    .header--menu .sub-menu {
        background: transparent;
		border: none;
        box-shadow: none;
        display: block;
        left: auto;
        padding: 10px 0 10px 20px;
        position: relative;
        top: auto;
        transform: none;
        width: 100%;
		max-height: none;
    }
    .header--menu .sub-menu a {
        font-size: 14px;
    }
    .header--menu .menu {
        align-items: flex-start;
        flex-direction: column;
        margin: 0 0 20px;
    }
    .header--menu .menu > li {
        margin: 0;
    }
    .header--menu-wrap {
        align-items: flex-start;
        background: #002449;
        display: none;
        flex-direction: column;
        left: 0;
        max-height: 90vh;
        overflow-y: auto;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 10;
    }
    .header--menu-wrap.-toggle {
        display: flex;
		justify-content: flex-start;
		background: #0A4F9B;
    }
    .header--links {
        align-items: center;
        display: none;
        flex-wrap: wrap;
        gap: 20px;
    }
    .header--links a {
        margin-left: 0;
    }
    .header--logo {
        min-width: 160px;
        width: 180px;
    }
    .header--bottom-items a {
        font-size: 12px;
        padding: 6px 8px;
    }
}
.header--menu .sub-menu::-webkit-scrollbar {
    width: 7px;
}
.header--menu .sub-menu::-webkit-scrollbar-track {
    background: #002449;
    border-radius: 20px;
}
.header--menu .sub-menu::-webkit-scrollbar-thumb {
    background: #0a4c99;
    border-radius: 20px;
}
.footer {
    background: #011b36;
}
.footer--top {
    align-items: flex-start;
    display: flex;
    gap: 40px;
    padding: 30px 65px 35px 55px;
    justify-content: space-evenly;
}
.foot-social-title,
.foot-menu-title {
    font-size: 18px;
    margin: 5px 0px 25px 0;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}
.foot-social-title {
    margin: 0;
    text-align: center;
}
.footer--logo {
	width: 290px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
}
.footer--download {
    align-items: center;
    background: #002449;
    border-radius: 20px;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    gap: 25px;
    line-height: 1.1;
    padding: 30px 52px;
    text-transform: uppercase;
}
.footer--download svg {
    width: 24px;
    height: 24px;
    fill: #4993e3;
}
.header--download{
    align-items: center;
    background: #054588;
    border-radius: 20px;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    gap: 15px;
    line-height: 1.1;
    padding: 9px 16px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .header--download {
        display: none;
    }
}
.footer--menu .menu {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.footer--menu a {
    color: #1183d3;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.footer--middle {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 4fr 10fr;
    padding: 0 40px 40px;
}
.footer--middle-left {
    border: 5px solid #04386e;
    border-radius: 50%;
    color: #1183d3;
    font-size: 25px;
    font-weight: 500;
    height: 93px;
    letter-spacing: 0.6px;
    width: 93px;
}
.footer--middle-left,
.footer--top-logos {
    align-items: center;
    display: flex;
    justify-content: center;
}
.footer--middle-right {
    border: 4px solid #04386e;
    border-radius: 20px;
    padding: 0 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
  .footer--middle-right {
    padding: 10px 20px;
  }
}
.footer--top-logos {
    background: #002449;
    border-radius: 20px;
    flex-wrap: wrap;
    gap: 50px;
    padding: 21px 30px;
}
.footer--bottom {
    background: #002449;
    padding: 0 40px 26px;
}
.footer--bottom-logos {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: center;
    padding: 26px 0;
}
.footer--copy {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    opacity: 0.6;
    text-align: center;
}
@media (max-width: 1024px) {
    .footer--top {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 38px 20px 35px 20px;
		gap: 40px;
    }
    .footer--menu .menu {
        gap: 20px 40px;
		text-align: center;
		justify-content: center;
    }
    .footer--download {
        padding: 27px 60px;
    }
    .footer--middle {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer--top-logos {
        gap: 10px 37px;
        padding: 10px 40px;
    }
    .footer--bottom {
        padding: 24px 30px 15px;
    }
    .footer--bottom-logos {
        gap: 10px 30px;
    }
}
.menu-lang{
    background: #054588;
    border-radius: 100px;
    padding: 5px;
}
select#lang_choice_1 {
    background: #428cdc;
    color: #fff;
    border-radius: 100px;
}
@media (max-width: 1024px) {
    .header--logo {
        min-width: 80px;
        width: 100%;
    }
}
.post-content .wp-block-group {
    border-radius: 10px;
    margin: 60px 0;
    padding: 30px;
}
.post-content .wp-block-group:first-child {
    margin-top: 0;
}
.wp-block-group a:where(:not(.wp-element-button)) {
    color: #fa5800 !important;
}
.post-content p {
    font-weight: 500;
    margin-bottom: 27px;
}
.post-content h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.14;
    margin-bottom: 30px;
    margin-top: 60px;
    padding-left: 20px;
    position: relative;
}
.post-content h2:first-child {
    margin-top: 0;
}
.post-content h2:before {
    background: #428cdc;
    content: "";
    display: block;
    height: 36px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
}
h2.account--title {
    /* less before */
    all: unset;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}
h2.regist--title {
    /* less before */
    all: unset;
    font-size: 25px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin-bottom: 1px;
    position: relative;
}
.post-content h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.14;
    margin-bottom: 30px;
    margin-top: 25px;
    padding-left: 20px;
    position: relative;
}
.post-content h3:before {
    background: #2973c3;
    content: "";
    display: block;
    height: 36px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
}
.post-content h4 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.14;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 20px;
    position: relative;
}
.post-content h4:before {
    background: #0f59a9;
    content: "";
    display: block;
    height: 36px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
}
.post-content ul {
    list-style: none;
    padding-left: 0;
}
.post-content ul li {
    margin-bottom: 30px;
    padding-left: 21px;
    position: relative;
}
@media (max-width: 768px) {
    .post-content ul li {
        margin-bottom: 30px;
        padding-left: 30px; 
    }
}
.post-content ul li:before {
    background-image: url(../images/list-icon.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    left: -1%;
    position: absolute;
    width: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.post-content ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 0;
	margin: 40px 0px;
}
.post-content ol li {
    counter-increment: my-awesome-counter;
    line-height: 27px;
    margin-bottom: 35px;
    padding-left: 57px;
    position: relative;
}
.post-content ol li:before {
    background: #002449;
    border: 1px solid #428cdc;
    border-radius: 50%;
    color: #428cdc;
    content: counter(my-awesome-counter);
    font-size: 20px;
    font-weight: 700;
    height: 47px;
    left: 0;
    line-height: 47px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 47px;
}
.post-content .wp-block-table {
    background: #012;
    border: 8px solid #012;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    margin: 30px 0;
    overflow-x: auto;
}
.post-content .wp-block-table table {
    border: none;
    border-spacing: 0;
}
.post-content .wp-block-table td,
.post-content .wp-block-table th {
    border: none;
    padding: 11px 24px;
}
.post-content .wp-block-table th {
    color: #fff;
    font-weight: inherit;
}
.post-content .wp-block-table thead {
    border-bottom: none;
}
.post-content .wp-block-table tr {
    vertical-align: top;
}
.post-content .wp-block-table strong {
    font-weight: 500;
}
.post-content .wp-block-table tr:nth-child(2n) td {
    background: #002449;
}
.post-content .wp-block-table tr:nth-child(2n) td:first-child {
    border-radius: 10px 0 0 10px;
}
.post-content .wp-block-table tr:nth-child(2n) td:last-child {
    border-radius: 0 10px 10px 0;
}
.post-content .wp-block-image {
    margin: 30px 0;
}
ul.wp-block-list.has-background {
    padding: 20px;
    border-radius: 10px;
}
/*Custom Lang Switcher*/
.lang--switcher {
    font-size: 14px;
    position: relative;
}
.lang--switcher:hover .lang--switcher-list {
    display: flex;
}
.lang--switcher-current {
    align-items: center;
    background: inherit;
    border-radius: 8px;
    color: #fff;
    display: flex;
    gap: 8px;
    padding: 0;
}
.lang--switcher-current svg {
    max-width: 8px;
    position: relative;
    transition: 0.3s;
}
.lang--switcher-item {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 8px;
    text-transform: uppercase;
}
.lang--switcher-item span {
    border-radius: 50%;
    height: 20px;
    min-width: 20px;
    overflow: hidden;
    width: 20px;
}
@media (max-width: 767px) {
    .lang--switcher-item {
        font-size: 14px;
    }
    .lang--switcher-item span {
        border-radius: 50%;
        height: 20px;
        min-width: 20px;
        overflow: hidden;
        width: 20px;
    }
}
.lang--switcher-item span img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.lang--switcher-list {
    background: #054588;
    border-radius: 8px;
    display: none;
    flex-direction: column;
    gap: 4px;
    left: 0;
    padding: 8px 6px;
    position: absolute;
    top: 100%;
    z-index: 10000;
    box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);
}
.lang--switcher-list a {
    color: #fff;
}
.lang--switcher:hover
.lang--switcher-current svg {
    transform: rotate(180deg);
}
/*Sitebar promocode*/
.promo-block {
    background: #004a97;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    max-width: 350px;
    margin: 90px 0 0 auto;
}
@media (max-width: 480px) {
.promo-block {
    max-width: 100%;
    margin: 60px 0 0 auto;
    }
}
.promo-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.promo-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: capitalize;
}
.promo-icon {
    width: 32px;
    height: 32px;
    background: #4993e3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.promo-offer {
    font-size: 14px;
    color: #cbd5e1;
    margin-bottom: 16px;
}
.promo-code-simple {
    background: rgba(16, 185, 129, 0.1);
    border: 2px dashed #4993e3;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
    margin-bottom: 16px;
}
.promo-code-simple .code {
    font-size: 18px;
    font-weight: 700;
    color: #4993e3;
    letter-spacing: 2px;
    font-family: monospace;
}
.promo-btn {
    width: 100%;
    background: linear-gradient(135deg, #4993e3, #fa5800);
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
}
.promo-btn:hover {
    opacity: 0.95;
}
/*Ai Buttoms*/
.ai-services-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    align-items: center;
    justify-content: center;
}
.ai-service-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 12px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: white;
    position: relative;
    overflow: hidden;
    min-height: 60px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.ai-service-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.ai-service-btn:active {
transform: translateY(0);
}
.chatgpt-btn {
background: linear-gradient(135deg, #10a37f, #0d8068);
}
.chatgpt-btn:hover {
background: linear-gradient(135deg, #0d8068, #0a6b57);
}
.perplexity-btn {
background: linear-gradient(135deg, #20808d, #1a6b75);
}
.perplexity-btn:hover {
background: linear-gradient(135deg, #1a6b75, #155a63);
}
.google-ai-btn {
background: linear-gradient(135deg, #4285f4, #1a73e8);
}
.google-ai-btn:hover {
background: linear-gradient(135deg, #1a73e8, #1557b0);
}
.grok-btn {
background: linear-gradient(135deg, #000000, #1a1a1a);
}
.grok-btn:hover {
background: linear-gradient(135deg, #1a1a1a, #333333);
}
.claude-btn {
background: linear-gradient(135deg, #cc785c, #b8654a);
}
.claude-btn:hover {
background: linear-gradient(135deg, #b8654a, #a55540);
}
.ai-icon {
width: 24px;
height: 24px;
margin-right: 8px;
fill: currentColor;
}
.service-text {
font-size: 14px;
font-weight: 600;
white-space: nowrap;
}
@media (max-width: 768px) {
.ai-services-container {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.ai-service-btn {
padding: 12px 8px;
font-size: 12px;
min-height: 50px;
}
.ai-icon {
width: 20px;
height: 20px;
margin-right: 6px;
}
}
@media (max-width: 480px) {
.ai-services-container {
grid-template-columns: 1fr;
gap: 10px;
}
.ai-service-btn {
padding: 15px 20px;
font-size: 14px;
min-height: 55px;
}
.ai-icon {
width: 22px;
height: 22px;
margin-right: 8px;
}
}
.wp-block-ai-services {
margin: 20px 0;
}
/*Freespin Widget*/
:root {
    --primary-blue: #0a4c99;
    --dark-blue: #003266;
    --light-blue: #4993e3;
    --orange: #fa5800;
}

#wheel-bonus-widget {
    position: fixed;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    z-index: 99;
    width: 200px;
    height: 290px;
    border-radius: 15px;
    padding: 15px;
    background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
    box-shadow: 0 10px 30px rgba(10, 76, 153, 0.3);
    color: white;
    font-family: 'Arial', sans-serif;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease, opacity 0.4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    animation: slideInRight 0.5s ease-out 2s forwards;
}

#wheel-bonus-widget:hover {
    transform: translateY(-50%) translateX(-5px);
    box-shadow: 0 15px 40px rgba(10, 76, 153, 0.4);
}

#wheel-bonus-widget.hide-anim {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}

.close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
}

.close-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.wheel-container {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 10px 0;
}

.wheel {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    animation: wheelRotate 4s linear infinite;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.wheel-segment {
    position: absolute;
    width: 50%;
    height: 50%;
    transform-origin: 100% 100%;
}

.wheel-segment:nth-child(1) { background: linear-gradient(45deg, #ff6b6b, #ff5252); transform: rotate(0deg);}
.wheel-segment:nth-child(2) { background: linear-gradient(45deg, #4ecdc4, #26a69a); transform: rotate(45deg);}
.wheel-segment:nth-child(3) { background: linear-gradient(45deg, #45b7d1, #2196f3); transform: rotate(90deg);}
.wheel-segment:nth-child(4) { background: linear-gradient(45deg, #96ceb4, #4caf50); transform: rotate(135deg);}
.wheel-segment:nth-child(5) { background: linear-gradient(45deg, #ffeaa7, #fdcb6e); transform: rotate(180deg);}
.wheel-segment:nth-child(6) { background: linear-gradient(45deg, #fd79a8, #e84393); transform: rotate(225deg);}
.wheel-segment:nth-child(7) { background: linear-gradient(45deg, #a29bfe, #6c5ce7); transform: rotate(270deg);}
.wheel-segment:nth-child(8) { background: linear-gradient(45deg, var(--orange), #ff7675); transform: rotate(315deg);}

.wheel-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background: var(--orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: bold;
    color: white;
    z-index: 10;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.wheel-pointer {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #fff;
    z-index: 20;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.3));
}

@keyframes wheelRotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes slideInRight {
    0% { opacity: 0; transform: translateY(-50%) translateX(100px);}
    100% { opacity: 1; transform: translateY(-50%) translateX(0);}
}

.bonus-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.bonus-subtitle {
    font-size: 12px;
    opacity: 0.9;
    margin-bottom: 10px;
}

.bonus-btn {
    background: linear-gradient(135deg, var(--orange), #ff6b1a);
    border: none;
    border-radius: 20px;
    padding: 10px 20px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(250, 88, 0, 0.3);
    width: 100%;
    max-width: 150px;
}

.bonus-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(250, 88, 0, 0.4);
}

.bonus-btn:active {
    transform: translateY(0);
}

.bonus-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.sparkle {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #FFD700;
    border-radius: 50%;
    animation: sparkle 2s ease-in-out infinite;
}

.sparkle:nth-child(2) { top: 15%; left: 15%; animation-delay: 0s; }
.sparkle:nth-child(3) { top: 12%; right: 35px; animation-delay: 0.5s; }
.sparkle:nth-child(4) { bottom: 20%; left: 10%; animation-delay: 1s; }
.sparkle:nth-child(5) { bottom: 15%; right: 8%; animation-delay: 1.5s; }

@keyframes sparkle {
    0%, 100% { opacity: 0; transform: scale(0); }
    50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 768px) {
    #wheel-bonus-widget {
        width: 250px;
        height: 250px;
        right: 10px;
    }
    .wheel-container { width: 100px; height: 100px; }
    .wheel { width: 100px; height: 100px; }
    .wheel-center { width: 36px; height: 36px; font-size: 30px; }
    .bonus-title { display: none; }
}
@media (max-width: 480px) {
    #wheel-bonus-widget { width: 130px; height: 230px; right: 3px;}
}
/*Winners widget*/
#win-notification-widget {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 320px;
    background: linear-gradient(135deg, var(--primary-blue, #0a4c99), var(--dark-blue, #003266));
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(10, 76, 153, 0.3);
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    z-index: 999;
    transform: translateX(400px);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    display: none;
}

#win-notification-widget.win-show {
    transform: translateX(0);
    opacity: 1;
}

.win-close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    font-weight: bold;
}

.win-close-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    transform: scale(1.1);
}

.win-head {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
    gap: 8px;
}

.win-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}

.win-content {
    color: white;
    margin-bottom: 18px;
    font-size: 14px;
    margin-right: 20px;
    line-height: 1.4;
}

.win-user {
    font-weight: 600;
    color: var(--orange, #fa5800);
    font-size: 18px;
}

.win-text {
    font-weight: 400;
}

.win-btn {
    width: 100%;
    background: linear-gradient(45deg, var(--orange, #fa5800), #e04d00);
    color: white;
    border: none;
    padding: 14px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(250, 88, 0, 0.3);
}

.win-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(250, 88, 0, 0.4);
}

.win-btn:active {
    transform: translateY(0);
}

@media (max-width: 480px) {
    #win-notification-widget {
        width: calc(100vw - 40px);
        right: 20px;
        left: 20px;
    }
}
/* Custom mobile buttons after megamenu js*/
.custom-mobile-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 10px 10px 10px 10px;
  background: var(--dark-blue);
}
@media (min-width: 768px) {
  .custom-mobile-buttons { display: none !important; }
}
.custom-mobile-buttons a.button-orange {
  background-color: #fa4d00 !important;
}
/* App info block */
.app-info-block {
    display: flex;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    margin: 30px 0;
}

.app-info-block .sidebar {
    background: #003266;
    color: white;
    padding: 30px 25px;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.app-info-block .version-large {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.app-info-block .version-label {
    font-size: 12px;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.app-info-block .download-btn {
    background: #fa5800;
    color: white;
    padding: 12px 20px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.3s;
    display: block;
}

.app-info-block .download-btn:hover {
    background: #e54f00;
}

.app-info-block .main-content {
    flex: 1;
    padding: 30px;
}

.app-info-block .stats {
    display: flex;
    gap: 30px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.app-info-block .stat-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.app-info-block .stat-icon {
    width: 40px;
    height: 40px;
    background: #4993e3;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    flex-shrink: 0;
}

.app-info-block .stat-text .label {
    font-size: 12px;
    color: #999;
}

.app-info-block .stat-text .value {
    font-size: 16px;
    color: #003266;
    font-weight: 600;
}

.app-info-block .changelog {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
}

.app-info-block .changelog-title {
    color: #0a4c99;
    margin-bottom: 12px;
    font-size: 16px;
    margin-top: 0;
    font-weight: 600;
}

.app-info-block .changelog p {
    color: #555;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .app-info-block {
        flex-direction: column;
    }
    
    .app-info-block .sidebar {
        min-width: auto;
    }
    
    .app-info-block .stats {
        gap: 15px;
    }
    
    .app-info-block .stat-item {
        flex: 1 1 calc(50% - 15px);
        min-width: 140px;
    }
}
/* App alt download block */
.alt-downloads-block {
    background: #033b78;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin: 30px 0;
}

.alt-downloads-block .top-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: linear-gradient(130deg, #0a4c99 0%, #033b78 100%);
    border-radius: 10px;
    margin-bottom: 25px;
    gap: 15px;
}

.alt-downloads-block .source-label {
    color: white;
    font-size: 16px;
    font-weight: 600;
    flex-shrink: 0;
}

.alt-downloads-block .sources-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.alt-downloads-block .source-btn {
    background: #fa5800;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s, transform 0.2s;
    font-size: 15px;
}

.alt-downloads-block .source-btn:hover {
    background: #e54f00;
    transform: translateY(-2px);
}

.alt-downloads-block .source-logo {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.alt-downloads-block .versions-header {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}

.alt-downloads-block .versions-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.alt-downloads-block .version-btn {
    background: white;
    border: 2px solid #4993e3;
    color: #0a4c99;
    padding: 14px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
    flex: 1;
    min-width: 140px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.alt-downloads-block .version-btn:hover {
    background: #4993e3;
    color: white;
    transform: translateY(-2px);
}

.alt-downloads-block .version-number {
    font-size: 18px;
    font-weight: 700;
}

.alt-downloads-block .version-date {
    font-size: 12px;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .alt-downloads-block .top-section {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .alt-downloads-block .sources-buttons {
        width: 100%;
    }
    
    .alt-downloads-block .source-btn {
        flex: 1;
        justify-content: center;
    }
    
    .alt-downloads-block .versions-list {
        flex-direction: column;
    }
    
    .alt-downloads-block .version-btn {
        min-width: auto;
    }
}
/* ... */
strong.schema-faq-question {
    background: #0a4c99;
    width: 100%;
    display: flex;
    padding: 10px;
    border-radius: 5px;
    margin: 0px 0px 10px 0px;
    justify-content: center;
}