/*!
Theme Name: casion
Theme URI: http://underscores.me/
Author: casino
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: casino
*/

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/subset-Onest-Medium.woff2') format('woff2'),
        url('assets/fonts/subset-Onest-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/subset-Onest-Bold.woff2') format('woff2'),
        url('assets/fonts/subset-Onest-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/subset-Onest-SemiBold.woff2') format('woff2'),
        url('assets/fonts/subset-Onest-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SONGER SemiExpanded';
    src: url('assets/fonts/subset-SONGERSemiExpanded-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/subset-SONGERSemiExpanded-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('assets/fonts/subset-Onest-Regular.woff2') format('woff2'),
        url('assets/fonts/subset-Onest-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 8px;
    height: 12px;
    background-color: #121E26;
}

::-webkit-scrollbar-thumb {
    background: #2510c0;
}

a {
    text-decoration: none;
}

ul,
ol,
li {
    list-style: none;
}

img {
    vertical-align: top;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

input {
    outline: none;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Onest', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: clamp(0.875rem, -0.3472rem + 2.5463vw, 1.5625rem);
    line-height: 120%;
    color: #FFFFFF;
    background-color: #000000;
    scroll-behavior: smooth;
}

section {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: clamp(6.25rem, 0.4808rem + 16.0256vw, 12.5rem);
    z-index: 3;
}

.wrapper {
    position: relative;
    width: 100%;
    max-width: 1920px;
    padding: 0 15px;
    margin: 0 auto;
    z-index: 2;
}
.header--news {
    position: relative;
    z-index: 4;
}

.header--zindex {
    position: relative;
    z-index: 998;
}

.header__top {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 0;
    gap: 14px;
    font-weight: 600;
    font-size: clamp(0.5625rem, -0.6298rem + 1.9231vw, 0.8125rem);
    line-height: 123%;
}

.header__body {
    padding-top: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu__list {
    display: flex;
    align-items: center;
}

.menu__list__items {
    padding: 14px 0;
}

.menu__list__items__link {
    position: relative;
    padding: 14px clamp(0.625rem, -1.8117rem + 3.9301vw, 1.75rem);
    color: #9C9DA9;
    font-size: clamp(0.75rem, -0.0552rem + 1.2987vw, 1rem);
    font-weight: 500;
    border-bottom: 2px solid #121E26;
    background: transparent;
    transition: 0.3s all;
}

.menu__list__items__link::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #04EAD7;
    content: "";
    transition: width 0.3s ease-out;
}

.lang__items {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: clamp(0.75rem, -0.4423rem + 1.9231vw, 1rem);
    line-height: 125%;
    color: #fff;
    text-transform: uppercase;
}

.lang__items a {
    color: #fff;
    transition: 0.3s all;
}

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.mfp-arrow,.slick-slider{-webkit-tap-highlight-color:transparent}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0;width:100%}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader,.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{height:100%;z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{height:100%;z-index:1043;outline:0!important;/*-webkit-backface-visibility:hidden*/}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';height:100%}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;/*-webkit-appearance:none*/;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}

.hero {
    background-image: url(assets/img/hero.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: clamp(5rem, -1.8548rem + 25.8065vw, 17.5rem) 0;
}

.hero:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    background: linear-gradient(#000000 20%, #0a0b14);
    z-index: 1;
}

.hero:after {
    position: absolute;
    content: '';
    width: 100%;
    height: clamp(5rem, -1.8548rem + 25.8065vw, 17.5rem);
    bottom: 0;
    left: 0;
    background: linear-gradient(180.00deg, rgba(10, 12, 18, 0), rgba(0, 0, 0, 1) 100%);
    z-index: 1;
}

.hero__content {
    display: flex;
    flex-direction: column;
    gap: 35px;
    padding-bottom: clamp(2.1875rem, -0.1202rem + 6.4103vw, 4.6875rem);
    width: 100%;
    max-width: 1285px;
    color: #fff;
}

.hero__content h1 {
    font-size: clamp(1.875rem, 0.0978rem + 4.9365vw, 4.0625rem);
    line-height: 138%;
    font-family: 'SONGER SemiExpanded', sans-serif;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
}

.hero__content p {
    width: 100%;
    max-width: 1040px;
}

.hero__content a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 210px;
    font-size: clamp(0.75rem, -0.7404rem + 2.4038vw, 1.0625rem);
    line-height: 130%;
    font-weight: 500;
    color: #fff;
    padding: 15px 30px;
    border-radius: 15px;
    background-color: rgba(37, 16, 192, 1);
    transition: 0.3s all;
}

.hero__properties {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 550px;
    flex-wrap: wrap;
    gap: 12px;
}

.hero__properties__items {
    display: flex;
    flex: 1;
    max-width: fit-content;
    min-width: 118px;
}

.hero__properties__items__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 7px 12px 12px;
}

.hero__properties__items__inner img {
    width: 32px;
}

.hero__properties__items__inner span {
    font-size: clamp(0.625rem, -0.0417rem + 1.3889vw, 1rem);
    line-height: 100%;
}

.section__box {
    display: flex;
    flex-direction: column;
    gap: 35px;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    padding-bottom: 35px;
}

.section__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px;
}

.section__content__subtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    padding: 10px;
    border: 1px solid rgba(18, 32, 228, 1);
    border-radius: 12px;
}

.section__content__subtitle span {
    font-size: clamp(1rem, 0.4038rem + 0.9615vw, 1.125rem);
    line-height: 122%;
}

.section__content h2,
.section__content h1 {
    display: flex;
    font-size: clamp(1.625rem, -0.0481rem + 4.6474vw, 3.4375rem);
    line-height: 138%;
    font-family: 'SONGER SemiExpanded', sans-serif;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
}

.section__content p {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 1080px;
}

.rating__box {
    display: flex;    ;
    flex-direction: column;
    gap: 35px;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
}

.rating__box__items {
    display: flex;
    width: 100%;
}

.rating__box__items__inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
    width: 100%;
    padding: 44px 20px 48px 44px;
    border: 1px solid rgba(18, 32, 228, 1);
    border-radius: 9px;
}

.rating__box__items__inner__king {
    background-color: rgba(18, 32, 228, 0.3);
}

.rating__box__items__img {
    position: relative;
    display: flex;
    flex: 1 1 210px;
}

.rating__box__items__img img {
    object-fit: cover;
    border-radius: 9px;
}

.rating__box__items__img__k {
    position: absolute;
    top: -64px;
    left: 9px;
    width: 36px;
    height: 41px;
    border-radius: 0 0 19px 19px;
    border: 1px solid rgba(60, 55, 205, 1);
    background-color: rgba(4, 3, 139, 1);
    font-size: clamp(0.875rem, 0.6528rem + 0.463vw, 1rem);
    font-weight: 700;
    line-height: 137%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating__box__items__img__svg {
    position: absolute;
    top: -88px;
    left: 12px;
}

.rating__box__items__img__circle {
    position: absolute;
    top: -20px;
    right: -10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2510c0;
    border-radius: 50%;
}

.rating__box__items__inner__content {
    display: flex;
    flex: 1 1 calc(100% - 238px);
    flex-direction: column;
    gap: 15px;
}

.rating__box__items__inner__content__head {
    display: grid;
    grid-template-columns: 60% auto;
    gap: 15px;
}

.rating__box__items__inner__content__head h3 {
    font-size: clamp(1rem, -0.3333rem + 2.7778vw, 1.75rem);
    font-weight: 700;
    line-height: 125%;
}

.rating__box__items__inner__content__head__links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.rating__box__items__inner__content__head__links__number {
    display: flex;
    align-items: center;
    gap: 9px;
}

.rating__box__items__inner__content__head__links__number span {
    font-size: clamp(0.875rem, 0.2083rem + 1.3889vw, 1.25rem);
    font-weight: 700;
    line-height: 160%;
}

.rating__box__items__inner__content__head__links a {
    display: flex;
    width: clamp(9.6875rem, -6.7067rem + 26.4423vw, 13.125rem);
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: rgba(37, 16, 192, 1);
    font-size: clamp(0.875rem, 0.5417rem + 0.6944vw, 1.0625rem);
    font-weight: 500;
    line-height: 130%;
    color: #fff;
    transition: 0.3s all;
}

.rating__box__items__inner__king .rating__box__items__inner__content__head__links a {
    background-color: #fff;
    color: #2510c0;
}

.rating__box__items__inner__content__body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 745px;
    gap: 10px;
}

.rating__box__items__inner__content__body__column {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
}

.rating__box__items__inner__content__body__column span {
    font-size: clamp(0.9375rem, 0.6042rem + 0.6944vw, 1.125rem);
    font-weight: 700;
    line-height: 156%;
    white-space: nowrap;
}

.rating__box__items__inner__content__body__column p {
    font-size: clamp(0.75rem, 0.4167rem + 0.6944vw, 0.9375rem);
    line-height: 118%;
}

.operators::before {
    content: "";
    position: absolute;
    bottom: -1820px;
    left: 0;
    width: 100%;
    max-width: clamp(48rem, 4.1667rem + 91.3194vw, 113.75rem);
    height: clamp(72.75rem, 16.0417rem + 118.1424vw, 157.8125rem);
    max-height: clamp(72.75rem, 16.0417rem + 118.1424vw, 157.8125rem);
    background-image: url(assets/img/operators-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 1;
}

.operators__box {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.25rem, -2.0833rem + 6.9444vw, 3.125rem);
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
}

.operators__box__items {
    display: flex;
    flex: 1 1 calc((100% - clamp(5rem, -8.3333rem + 27.7778vw, 12.5rem)) / 5);
}

.operators__box__items__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px 21px;
    background-color: rgba(44, 51, 80, 1);
    border-radius: 12px;
}

.uncos {
    z-index: 4;
}

.uncos__box {
    display: grid;
    grid-template-columns: 68.25% auto;
    align-items: flex-start;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    gap: 20px;
}

.uncos__box__column {
    display: grid;
    grid-template-columns: 40.65% auto;
    gap: 30px;
}

.uncos__box__column__one {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.uncos__box__column__link {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.uncos__box__column__link--left-minh {
    min-height: 270px;
}

.uncos__box__column__link__img {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.uncos__box__column__link__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s all;
}

.uncos__box__column__link__title {
    position: absolute;
    bottom: -1px;
    left: 0;
    border-radius: 0px 0px 20px 20px;
    backdrop-filter: blur(16.55px);
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    font-size: clamp(0.875rem, -0.3173rem + 1.9231vw, 1.125rem);
    font-weight: 500;
    line-height: 145%;
    color: #fff;
}

.uncos__box__column--grid {
    display: flex;
    flex-direction: column;
}

.uncos__box__column__two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.uncos__box__column__items {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.uncos__top {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 20px;
    background: rgba(18, 21, 38, 1);
}

.uncos__top__head {
    padding: 16px 24px;
    border-radius: 20px;
    border: 1px solid rgba(42, 53, 77, 1);
    font-size: clamp(0.875rem, -0.3173rem + 1.9231vw, 1.125rem);
    font-weight: 600;
    line-height: 133%;
    color: #fff;
}

.uncos__top__table {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1px 5px;
    padding: 0 24px;
}

.uncos__top__table__items {
    display: flex;
    justify-content: center;
    flex: 1 1 calc((100% - 5px) / 2);
}

.uncos__box__column__items a {
    padding: 12px 0;
    font-size: clamp(0.75rem, -0.4423rem + 1.9231vw, 1rem);
    line-height: 103%;
    text-align: center;
    color: #fff;
    transition: 0.3s all;
}

.uncos__top__link {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 42px;
    font-size: clamp(0.75rem, -0.4423rem + 1.9231vw, 1rem);
    line-height: 103%;
    color: #2510c0;
    margin-bottom: 11px;
    transition: 0.3s all;
}

.uncos__top__expert {
    padding: 25px 16px;
    display: grid;
    grid-template-columns: 96px auto;
    gap: 16px;
}

.uncos__top__expert img {
    object-fit: cover;
}

.uncos__top__expert__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.uncos__top__expert__content p {
    font-size: clamp(0.75rem, -0.4423rem + 1.9231vw, 1rem);
    font-weight: 500;
    line-height: 143%;
}

.uncos__top__expert__content small {
    font-size: clamp(0.625rem, -0.5673rem + 1.9231vw, 0.875rem);
    font-weight: 300;
    line-height: 143%;
}

.bonuses {
    z-index: 4;
}

.bonuses__box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    gap: 35px;
}

.bonuses__box__items {
    display: flex;
    flex: 0 0 calc((100% - 70px) / 3);
}

.bonuses__box__items__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: clamp(1.5625rem, -3.125rem + 13.0208vw, 3.125rem);
    padding-bottom: clamp(1.5625rem, -3.125rem + 13.0208vw, 3.125rem);
    border-radius: 20px;
    background-color: rgba(18, 21, 38, 1);
}

.bonuses__box__items__inner img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bonuses__box__items__inner__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 clamp(0.75rem, -1.5rem + 6.25vw, 1.5rem);
}

.bonuses__box__items__inner__content h3 {
    font-size: clamp(1.25rem, 0.7885rem + 1.2821vw, 1.75rem);
    font-weight: 600;
    line-height: 100%;
}

.bonuses__box__items__inner__content p {
    font-size: clamp(0.875rem, 0.5288rem + 0.9615vw, 1.25rem);
    line-height: 140%;
}

.bonuses__box__items__inner__content__links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0.625rem, -1.25rem + 5.2083vw, 1.25rem);
    padding-top: clamp(0.9375rem, -0.1875rem + 3.125vw, 1.3125rem);
}

.bonuses__box__items__inner__content__links a {
    border-radius: 8px;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8125rem, 0.524rem + 0.8013vw, 1.125rem);
    line-height: 150%;
    color: #fff;
    border: 1px solid #1220e4;
    transition: 0.3s all;
}

.bonuses__box__items__inner__content__links a:first-child {
    background-color: #1220e4;
}

.faq::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: clamp(48rem, 5rem + 89.5833vw, 112.5rem);
    max-height: clamp(48rem, 5rem + 89.5833vw, 112.5rem);
    background-image: url(assets/img/faq-hero.webp);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.faq {
    padding-bottom: 30px;
}

.faq__box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq__box__items {
    display: flex;
    flex-direction: column;
}

.faq__box__query {
    display: grid;
    grid-template-columns: auto 40px;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: clamp(0.75rem, -0.5833rem + 2.7778vw, 1.5rem);
    background-color: #060410;
    border-radius: clamp(0.625rem, -0.4861rem + 2.3148vw, 1.25rem);
    cursor: pointer;
    transition: 0.3s;
}

.faq__box__query__circle {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    transition: 0.3s all;
}

.faq__box__query p,
.faq__box__answer p {
    font-size: clamp(0.875rem, 0.2083rem + 1.3889vw, 1.25rem);
    line-height: 130%;
}

.faq__box__answer {
    display: block;
    padding: 0 clamp(0.75rem, -0.5833rem + 2.7778vw, 1.5rem);
    background-color: #060410;
    border-radius: clamp(0.625rem, -0.4861rem + 2.3148vw, 1.25rem);
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0, 3 ease, opacity 0, 3s ease, padding 0.1s ease;
}

.faq__box__query.faq-open .faq__box__query__circle {
    transform: rotate(180deg);
}

.faq__box__query.faq-open+.faq__box__answer {
    padding: clamp(0.375rem, -0.2917rem + 1.3889vw, 0.75rem) clamp(0.75rem, -0.5833rem + 2.7778vw, 1.5rem);
    opacity: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer {
    position: relative;
    padding: clamp(5.625rem, -0.1442rem + 16.0256vw, 11.875rem) 0 30px;
    background: linear-gradient(0.00deg, rgba(18, 32, 228, 0.5),rgba(9.947369575500488, 17.68421173095703, 40, 0) 100%);
}

.footer__box {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5625rem, 0.1202rem + 4.0064vw, 3.125rem);
}

.footer__box__items {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.5625rem, 0.1202rem + 4.0064vw, 3.125rem);
}

.footer__box__items__columns {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(0.625rem, 0.0481rem + 1.6026vw, 1.25rem);
    flex: 1 1 calc((100% - 50px) / 2);
}

.footer__box__items__columns--end {
    align-items: end;
}

.footer__box__items__columns h6 {
    font-size: clamp(1rem, 0rem + 2.0833vw, 1.5625rem);
    font-weight: 500;
    line-height: 100%;
    display: block;
    width: 100%;
    max-width: 520px;
}

.footer__box__items__columns p,
.footer__box__items__row p {
    font-size: 13px;
    line-height: 16px;
    max-width: 520px;
}

.footer__box__items__row {
    display: flex;
    gap: 10px;
    align-items: center;
    flex: 1 1 calc((100% - 50px) / 2);
}

.footer__box__items__columns a {
    font-size: clamp(0.875rem, 0.2083rem + 1.3889vw, 1.25rem);
    font-weight: 500;
    line-height: 140%;
    text-decoration: underline;
    color: #fff;
    transition: 0.3s all;
}

.footer__logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    opacity: 0.5;
    z-index: 1;
    font-size: clamp(2.5rem, -0.25rem + 13.75vw, 16.25rem);
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.application {
    z-index: 4;
}

.application__box {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1796px;
    border-radius: 20px;
    background: linear-gradient(90.00deg, rgba(0, 0, 0, 1),rgba(18, 32, 228, 1) 100%);
    padding: clamp(1.5rem, -0.1154rem + 4.4872vw, 3.25rem) clamp(0.75rem, -2.25rem + 8.3333vw, 4rem);
}

.application__box__item {
    display: flex;
    flex-direction: column;
    gap: 35px;
    width: 100%;
    max-width: 1200px;
}

.application__box__item h2 {
    font-size: clamp(1.5rem, -0.2308rem + 4.8077vw, 3.375rem);
    line-height: 119%;
}

.application__box__item__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: clamp(11.875rem, 0.7981rem + 30.7692vw, 23.875rem);
    height: clamp(2.5rem, 0.1923rem + 6.4103vw, 5rem);
    border-radius: clamp(0.5rem, 0.0385rem + 1.2821vw, 1rem);
    background: rgba(18, 32, 228, 1);
    border: 1px solid #1220e4;
    font-size: clamp(1.0625rem, 0.024rem + 2.8846vw, 2.1875rem);
    line-height: 157%;
    color: #fff;
    transition: 0.3s all;
}

.application__box__item__os__row__link svg {
    width: clamp(1.25rem, -0.0769rem + 3.6859vw, 2.6875rem);
    height: clamp(1.25rem, -0.0769rem + 3.6859vw, 2.6875rem);
}

.application__box__item__os {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.application__box__item__os p {
    display: block;
    font-size: clamp(0.75rem, 0rem + 2.0833vw, 1.5625rem);
    line-height: 216%;
    font-weight: 600;
}

.application__box__item__os__row {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 0.0769rem + 2.5641vw, 2rem);
}

.application__box__item__os__row__link {
    display: flex;
    flex: 1;
    max-width: fit-content;
    gap: clamp(0.375rem, 0.0288rem + 0.9615vw, 0.75rem);
    align-items: center;
}

.application__box__item__os__row__link span {
    font-size: clamp(0.75rem, 0rem + 2.0833vw, 1.5625rem);
    line-height: 216%;
    color: #fff;
    transition: 0.3s all;
}

.application__img {
    position: absolute;
    bottom: 0;
    right: clamp(3.75rem, -0.2578rem + 11.1328vw, 10.875rem);
    width: 100%;
    max-width: clamp(11.25rem, -0.9808rem + 25.4808vw, 24.5rem);
}

.top {
    background-image: url(assets/img/hero.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: clamp(5rem, -0.0769rem + 14.1026vw, 10.5rem) 0 clamp(6.25rem, 0.4808rem + 16.0256vw, 12.5rem);
}

.top-zindex5 {
    z-index: 5;
}

.top::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    background: linear-gradient(#000000 20%, #0a0b14);
    z-index: 1;
}

.top::after {
    position: absolute;
    content: '';
    width: 100%;
    height: clamp(5rem, -1.8548rem + 25.8065vw, 17.5rem);
    bottom: 0;
    left: 0;
    background: linear-gradient(180.00deg, rgba(10, 12, 18, 0), rgba(0, 0, 0, 1) 100%);
    z-index: 1;
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.breadcrumbs span span {
    font-size: clamp(0.75rem, 0.4038rem + 0.9615vw, 1.125rem);
    line-height: 122%;
    color: #1220e4;
}

.breadcrumbs span span a {
    color: #fff;
    opacity: 0.8;
    transition: 0.3s all;
}

.top__box {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    padding: 52px 0 60px;
}

.top__box__items {
    display: flex;
    flex: 0 0 calc((100% - 75px) / 4);
}

.top__box__items__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    padding: 12px 8px 14px;
    border-radius: 10px;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(15, 7, 37, 0.4);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.top__box__items__inner__circle {
    position: absolute;
    top: -20px;
    right: -10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2510c0;
    border-radius: 50%;
}

.top__box__items__inner__head {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.top__box__items__inner__head__img {
    display: flex;
    justify-content: center;
}

.top__box__items__inner__head__img img {
    display: block;
    width: 100%;
    max-width: 95px;
    object-fit: cover;
}

.top__box__items__inner__head p {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}

.top__box__items__inner__date {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.top__box__items__inner__date__column {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.top__box__items__inner__date__column p {
    font-size: 14px;
    line-height: 140%;
    white-space: nowrap;
}

.top__box__items__inner__date__column p:last-child {
    font-size: 12px;
}

.top__box__items__inner__footer {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.top__box__items__inner__footer__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
}

.top__box__items__inner__footer__row__column {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 5px;
}

.top__box__items__inner__footer__row__column p {
    color: #fff;
    font-size: 14px;
    line-height: 140%;
    white-space: nowrap;
}

.top__box__items__inner__footer__row__column b {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    white-space: nowrap;
}

.top__box__items__inner__footer__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    border-radius: 10px;
    background: rgba(18, 32, 228, 1);
    border: 1px solid #1220e4;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: #fff;
    transition: 0.3s all;
}

.top__box__items__inner__number {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: clamp(1.125rem, 0.0865rem + 2.8846vw, 2.25rem);
    font-weight: 700;
    line-height: 111%;
    color: rgba(18, 32, 228, 1);
}

.top__footer {
    display: flex;
    width: 100%;
    max-width: 1595px;
    margin: 0 auto;
}

.top__footer__table {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}

.top__footer__table__tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.top__footer__table__thead tr,
.top__footer__table__tbody tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid rgba(18, 32, 228, 1);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    background: rgba(15, 7, 37, 0.4);
    padding: 12px 35px;
}

.top__footer__table__thead tr th,
.top__footer__table__tbody tr td {
    display: flex;
    flex: 1 1 16.66%;
    justify-content: center;
    align-items: center;
    color: rgba(217, 217, 217, 1);
    font-size: clamp(0.875rem, 0.7596rem + 0.3205vw, 1rem);
    line-height: 160%;
}

.top__footer__table__tbody tr td {
    color: #fff;
}

.top__footer__table__tbody tr td a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.games__box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.games__box__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.games__box__links__items,
.games__box__links__items--category {
    display: flex;
    flex: 1;
    max-width: fit-content;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
    border-radius: 15px;
    transition: 0.3s all;
}

.games__box__links__items.active,
.games__box__links__items--category.active {
    background-color: #1220e4;
}

.games__box__links__items__text {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.games__box__links__items__text p {
    font-size: 14px;
    white-space: nowrap;
    line-height: 120%;
    font-weight: bold;
}

.games__box__links__items__text span {
    font-size: 9px;
    line-height: 120%;
}

.games__form {
    position: relative;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-bottom: 68px;
}

.games__form__input {
    border: 1px solid rgba(18, 32, 228, 1);
    width: 100%;
    border-radius: 20px;
    background: rgba(15, 7, 37, 0.4);
    padding: 15px 20px 15px 55px;
    font-size: clamp(0.875rem, 0.6442rem + 0.641vw, 1.125rem);
    line-height: 116%;
    font-weight: 700;
    color: rgb(71, 87, 116);
}

.games__form__input::placeholder {
    font-size: clamp(0.875rem, 0.6442rem + 0.641vw, 1.125rem);
    line-height: 116%;
    font-weight: 700;
    color: rgb(71, 87, 116);
}

.games__form__btn {
    position: absolute;
    top: 0;
    left: 1px;
    border-radius: 20px;
    height: 52.88px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    cursor: pointer;
}

.games__box__content {
    padding-top: 68px;
}

.games__box__content__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-8px);
    transition: max-height 400ms cubic-bezier(.2,.8,.2,1), opacity 300ms ease, transform 300ms ease;
    will-change: max-height, opacity, transform;
}

.games__box__content__items.active {
    opacity: 1;
    transform: translateY(0);
}

.games__box__content__items__block {
    display: flex;
    flex: 1 1 calc((100% - 30px) / 4);
}

.games__box__content__items__block__link {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(18, 32, 228, 1);
    border-radius: 20px;
    backdrop-filter: blur(10.100000381469727px);
    background: rgba(15, 7, 37, 0.4);
    transition: 0.3s all;
    color: #fff;
}

.games__box__content__items__block__link__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.games__box__content__items__block__link img {
    width: 55px;
    height: 55px;
    object-fit: cover;
}

.games__box__content__items__block__link p {
    font-size: 14px;
    line-height: 120%;
    font-weight: bold;
}

.games__box__content__items__block__link span {
    font-size: 9px;
    line-height: 120%;
}

.favorites__box {
    padding: 20px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 18px;
    background: rgba(25, 33, 54, 0.76);
    max-width: fit-content;
}

.favorites__box p {
    font-size: clamp(0.875rem, 0.1827rem + 1.9231vw, 1.625rem);
    font-weight: bold;
    line-height: 120%;
    color: #fff;
}

.favorites__slider {
    overflow: hidden;
    padding-top: 32px;
}

.favorites__slider__items {
    display: flex;
    box-sizing: border-box;
    padding: 0 12.5px;
    flex: 0 0 auto;
    width: calc((100% - 125px) / 6);
    max-width: 100%;
}

.favorites__slider__items__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px 12px;
    width: 100%;
    min-height: 295px;
    border-radius: 33px;
    background: rgba(18, 26, 41, 1);
}

.favorites__slider__items__inner::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180.00deg, rgba(18, 32, 228, 0),rgba(18, 32, 228, 1) 82%);
    z-index: 1;
    border-bottom-left-radius: 33px;
    border-bottom-right-radius: 33px;
}

.favorites__slider__items__inner span,
.favorites__slider__items__inner__link p {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.8;
    z-index: 2;
}

.favorites__slider__items__inner__link {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 2;
}

.favorites__slider__items__inner__link h3 {
    font-size: clamp(1rem, 0.5385rem + 1.2821vw, 1.5rem);
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

.news {
    padding: clamp(5rem, -0.0769rem + 14.1026vw, 10.5rem) 0 0;
    padding-bottom: 30px;
}

.news::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: clamp(48rem, 5rem + 89.5833vw, 112.5rem);
    max-height: clamp(48rem, 5rem + 89.5833vw, 112.5rem);
    background-image: url(assets/img/faq-hero.webp);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.news--404::before {
    height: auto;
    max-height: auto;
    background-image: none;
}

.news__box {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 35px;
}

.news__box,
.news__box__top,
.news__box__center {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.news__box__top__two {
    display: grid;
    grid-template-columns: 33% auto;
    gap: 35px;
}

.news__box__top__two__items,
.news__box__base__items {
    position: relative;
    display: flex;
    min-height: 470px;
    border-radius: 20px;
    overflow: hidden;
}

.news__box__top__two__items__link,
.news__box__base__items__link {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 64px;
    padding: clamp(1.3125rem, 0.2163rem + 3.0449vw, 2.5rem) clamp(1.25rem, -0.1346rem + 3.8462vw, 2.75rem) clamp(1.4375rem, 1.0337rem + 1.1218vw, 1.875rem);
    overflow: hidden;
}

.news__box__top__two__items__link:before,
.news__box__base__items__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 45%);
    z-index: 2;
}

.news__box__top__two__items__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: 0.3s all;
    z-index: 1;
}

.news__box__top__two__items__link__content,
.news__box__row__items__link__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    z-index: 3;
}

.news__box__top__two__items__link__content h2 {
    font-size: clamp(1.25rem, -0.1923rem + 4.0064vw, 2.8125rem);
    font-weight: 700;
    line-height: 120%;
}

.news__box__top__two__items__link__content p {
    font-size: clamp(1rem, 0.4808rem + 1.4423vw, 1.5625rem);
    line-height: 120%;
}

.news__box__top__two__items__link__info,
.news__box__row__items__link__info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    color: #fff;
    opacity: 0.7;
    z-index: 3;
}

.news__box__top__two__items__link__info p {
    display: flex;
    flex: 1;
    max-width: fit-content;
    font-size: clamp(0.875rem, 0.5288rem + 0.9615vw, 1.25rem);
    line-height: 120%;
}

.news__box__row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.news__box__row__items {
    display: flex;
    flex: 0 0 calc((100% - 60px) / 4);
}

.news__box__row__items__link {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 65px;
    padding: 21px 20px 23px;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}

.news__box__row__items__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 45%);
    z-index: 2;
}

.news__box__row__items__link__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: 0.3s all;
}

.news__box__row__items__link__content p,
.news__box__row__items__link__content h3 {
    position: relative;
    font-size: clamp(0.875rem, 0.5288rem + 0.9615vw, 1.25rem);
    line-height: 120%;
}

.news__box__row__items__link__content h3 {
    font-weight: bold;
}

.news__box__row__items__link__info p {
    display: flex;
    flex: 1;
    max-width: fit-content;
    font-size: clamp(0.75rem, 0.5192rem + 0.641vw, 1rem);
    line-height: 120%;
}

.news__box__base {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.news__box__center__two {
    display: grid;
    grid-template-columns: 67% auto;
    gap: 35px;
}

.news__box__center__two__items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 35px;
}

.news__box__center__two__items__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}

.news__box__base__items__link--minh {
    min-height: 470px;
}

.single {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: clamp(5rem, -1.8548rem + 25.8065vw, 17.5rem) 0;
    z-index: 4;
}

.single--page {
    padding-bottom: 80px;
}

.single::after {
    position: absolute;
    content: "";
    width: 100%;
    height: clamp(5rem, -1.8548rem + 25.8065vw, 17.5rem);
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background: linear-gradient(rgba(10, 12, 18, 0), rgb(0, 0, 0) 100%);
}

.single__box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-width: 1200px;
}

.single__box h1 {
    font-size: clamp(2.5rem, -0.1667rem + 5.5556vw, 4rem);
    line-height: 140%;
    color: #fff;
}

.single__box p {
    font-size: clamp(0.875rem, 0.2404rem + 1.7628vw, 1.5625rem);
    line-height: 120%;
    color: #fff;
}

.article {
    position: relative;
    z-index: 4;
    padding-bottom: clamp(6.25rem, 0.4808rem + 16.0256vw, 12.5rem);
}

.article__box {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    padding-top: 60px;
}

.article__box__info {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}

.article__box__info__items {
    display: flex;
    flex: 1;
    gap: clamp(0.3125rem, 0.024rem + 0.8013vw, 0.625rem);
    align-items: center;
}

.article__box__info__items--end {
    justify-content: end;
}

.article__box__info__items--end a svg {
    width: clamp(1.875rem, 1.2981rem + 1.6026vw, 2.5rem);
    height: clamp(1.875rem, 1.2981rem + 1.6026vw, 2.5rem);
}

.article__box__info__items--end a:last-child svg {
    height: clamp(2.1875rem, 1.149rem + 2.8846vw, 3.3125rem);
}

.article__box__info__items__img {
    width: clamp(1.8125rem, -0.0337rem + 5.1282vw, 3.8125rem);
    height: clamp(1.8125rem, -0.0337rem + 5.1282vw, 3.8125rem);
    border-radius: 50%;
    object-fit: cover;
}

.article__box__info__items__link {
    display: flex;
    flex-direction: column;
    gap: clamp(0.3125rem, 0.024rem + 0.8013vw, 0.625rem);
    color: #fff;
}

.article__box__info__items__link p {
    font-size: clamp(0.875rem, 0.2404rem + 1.7628vw, 1.5625rem);
    font-weight: 700;
    line-height: 120%;
    transition: 0.3s all;
}

.article__box__info__items__link span {
    font-size: clamp(0.625rem, 0.1635rem + 1.2821vw, 1.125rem);
    line-height: 120%;
}

.article__box__img {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.article__box__img__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5;
}

.article__box__img__info figcaption,
.article__box__img__info data {
    font-size: clamp(0.5rem, 0.2692rem + 0.641vw, 0.75rem);
    line-height: 120%;
    color: #fff;
    font-style: italic;
}

.article__box__content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.article__box__content h2,
.article__box__content h3,
.article__box__content h4,
.article__box__content h5,
.article__box__content h6 {
    line-height: 120%;
    font-weight: bold;
}

.article__box__content h2 {
    font-size: clamp(2.125rem, -0.2083rem + 4.8611vw, 3.4375rem);
}

.article__box__content h3 {
    font-size: clamp(1.5rem, -0.2778rem + 3.7037vw, 2.5rem);
}

.article__box__content h4 {
    font-size: clamp(1.25rem, 0.1389rem + 2.3148vw, 1.875rem);
}

.article__box__content h5 {
    font-size: clamp(1rem, 0.5556rem + 0.9259vw, 1.25rem);
}

.article__box__content h6 {
    font-size: clamp(0.875rem, 0.6528rem + 0.463vw, 1rem);
}

.article__box__content img {
    margin: 25px 0;
    border-radius: 20px;
}

.article__box__content ul,
.article__box__content ol {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 25px;
}

.article__box__content ul li {
    list-style: disc;
}

.article__box__content ol li {
    list-style: decimal;
}

.article__box__content a {
    color: #2510c0;
    transition: 0.3s all;
}

.single__subtance {
    display: block;
    width: 100%;
    max-width: 985px;
    padding: clamp(1.875rem, 0.122rem + 4.878vw, 3.125rem) clamp(0.9375rem, -1.2538rem + 6.0976vw, 2.5rem);
    margin: clamp(2.5rem, 0.747rem + 4.878vw, 3.75rem) auto;
    border: 1px solid rgba(42, 53, 77, 1);
    border-radius: 15px;
    background: rgba(18, 21, 38, 1);
}

.single__subtance--mt {
    margin-top: 0;
}

.single__subtance__list {
    display: flex;
    flex-direction: column;
    gap: clamp(0.9375rem, -0.3773rem + 3.6585vw, 1.875rem);
}

.single__subtance__list__items {
    padding-left: clamp(0.3125rem, -0.6185rem + 2.5907vw, 0.625rem);
}

.single__subtance__list__items:before {
    position: relative;
    content:  "-";
    left: clamp(-0.3125rem, 0.6185rem + -2.5907vw, -0.625rem);
}

.single__subtance__list__items__link {
    color: #fff;
    font-size: clamp(1.125rem, 0.9497rem + 0.4878vw, 1.25rem);
    line-height: 140%;
    transition: 0.3s all;
    text-decoration: underline;
}

.read {
    padding-bottom: 30px;
}

.read::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: clamp(48rem, 5rem + 89.5833vw, 112.5rem);
    max-height: clamp(48rem, 5rem + 89.5833vw, 112.5rem);
    background-image: url(assets/img/faq-hero.webp);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.read h2 {
    font-size: clamp(2.125rem, -0.2083rem + 4.8611vw, 3.4375rem);
    font-weight: bold;
    line-height: 160%;
    padding-bottom: clamp(2rem, 0rem + 4.1667vw, 3.125rem);
}

.advice__box {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding-top: 64px;
}

.advice__box__items {
    display: flex;
    flex: 1 1 calc((100% - 48px) / 3);
}

.advice__box__items__inner {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(18, 32, 228, 1);
    border-radius: 10px;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),0px 4px 6px -4px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    background: rgba(15, 7, 37, 0.4);
    padding: clamp(1.875rem, 0.3194rem + 3.2407vw, 2.75rem) clamp(1.5rem, -0.2778rem + 3.7037vw, 2.5rem) clamp(1.5rem, 0.1667rem + 2.7778vw, 2.25rem);
}

.advice__box__items__inner__head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.advice__box__items__inner__head span {
    font-size: clamp(0.875rem, 0.4306rem + 0.9259vw, 1.125rem);
    line-height: 122%;
    color: rgba(255, 255, 255, 0.7);
}

.advice__box__items__inner h3 {
    display: block;
    font-size: clamp(1.125rem, 0.4327rem + 1.9231vw, 1.875rem);
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    padding: clamp(1rem, 0.1111rem + 1.8519vw, 1.5rem) 0 clamp(1.5rem, 0.1667rem + 2.7778vw, 2.25rem);
}

.advice__box__items__inner__footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #fff;
}

.advice__box__items__inner__footer p {
    font-size: clamp(0.875rem, 0.4306rem + 0.9259vw, 1.125rem);
    line-height: 122%;
    color: rgba(255, 255, 255, 0.7);
}

.clock {
    z-index: 4;
}

.clock__box {
    display: grid;
    grid-template-columns: 48.90% auto;
    gap: clamp(4.0625rem, 1.4919rem + 9.6774vw, 8.75rem);
    width: 100%;
    max-width: 1810px;
    margin: 0 auto;
}

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

.section__content--left {
    align-items: start;
}

.section__content--left p,
.section__content--left h2 {
    text-align: left;
}

.clock__box__items__stat {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.75rem, 0.1048rem + 6.1935vw, 4.75rem) clamp(2.25rem, 0.6048rem + 6.1935vw, 5.25rem);
    padding-top: 70px;
}

.clock__box__items__stat__item {
    display: flex;
    flex: 1 1 calc((100% - clamp(2.25rem, 0.6048rem + 6.1935vw, 5.25rem)) / 2);
    flex-direction: column;
    width: 100%;
    gap: 15px;
    color: #fff;
}


.clock__box__items__stat__item p {
    font-size: clamp(1rem, 0.4808rem + 1.4423vw, 1.5625rem);
    font-weight: 600;
    line-height: 120%;
    color: #fff;
}

.clock__box__items__stat__item__number {
    display: flex;
    align-items: center;
}

.clock__box__items__stat__item__number p,
.clock__box__items__stat__item__number span {
    font-size: clamp(1.5625rem, 0.4087rem + 3.2051vw, 2.8125rem);
    line-height: 120%;
    font-weight: 600;
}

.clock__box__items__stat__item__number span {
    font-size: clamp(1.5625rem, 0.4087rem + 3.2051vw, 2.8125rem);
    line-height: 120%;
    font-weight: 600;
    color: #2510c0;
}

.clock__box__items__stat__item svg {
    max-width: 85px;
    max-height: 39px;
}

.single__article__chart__wrap {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    height: 0;
    padding-top: 100%;
    box-sizing: content-box;
}

.single__article__chart__circle {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(#eee 0 100%);
    overflow: visible;
    transform: translateY(8px);
    transition: transform 600ms ease, background 800ms ease;
    will-change: transform, background;
    border: 2px solid rgba(18, 32, 228, 1);
}

.single__article__chart__circle.is-visible {
    transform: translateY(0);
}

.single__article__chart__center {
    position: relative;
    z-index: 4;
    font-weight: 700;
    pointer-events: none;
}

.single__article__chart__labels {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.single__article__chart__label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 0 0;
    white-space: nowrap;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.96);
    padding: 3px 8px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    z-index: 5;
    transform: translate(-50%, -100%);
    transition: transform 320ms ease, box-shadow 320ms ease;
    cursor: default;
    pointer-events: none;
    color: #000;
}

.single__article__chart__circle::after {
    content: "";
    position: absolute;
    width: 58%;
    height: 58%;
    background: #000;
    border-radius: 50%;
    z-index: 1;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03);
}

.diagram {
    z-index: 4;
}

.diagram__box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 30px;
    padding-top: 56px;
}

.diagram__box__items p {
    font-size: clamp(1rem, -0.5556rem + 3.2407vw, 1.875rem);
    font-weight: 600;
    line-height: 120%;
    text-align: center;
}

.diagram__graph {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: clamp(14.5625rem, 5.4113rem + 34.4516vw, 31.25rem);
    gap: 20px;
    align-items: flex-end;
}

.diagram__graph__columns {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: clamp(0.75rem, 0.1786rem + 1.1905vw, 1.25rem);
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    padding-top: 16px;
    height: 0;
    transition: height 2s ease-in-out;
}

.diagram__graph__columns::before {
    position: absolute;
    content: "";
    top: -50px;
    left: 0;
    width: 50%;
    height: 40px;
    border-radius: 10px;
    background: rgba(44, 51, 80, 1);
    z-index: 1;
    transform: translateX(50%);
}

.diagram__graph__columns--one-color {
    border-radius: 10px;
    background: linear-gradient(180.00deg, rgba(185.68206787109375, 190.3032684326172, 255, 1),rgba(9.947369575500488, 17.68421173095703, 126, 0) 100%);
}

.diagram__graph__columns--two-color {
    border-radius: 10px;
    background: linear-gradient(180.00deg, rgba(98.48555755615234, 108.91984558105469, 255, 1),rgba(9.947369575500488, 17.68421173095703, 126, 0) 100%);
}

.diagram__graph__columns--three-color {
    border-radius: 10px;
    background: linear-gradient(180.00deg, rgba(18, 32, 228, 1),rgba(9.947369575500488, 17.68421173095703, 126, 0) 100%);
}

.banks {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 35px clamp(2.1875rem, -1.0417rem + 5.2083vw, 3.125rem);
}

.banks__items__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 110px;
    border-radius: 12px;
    background-color: #2C3350;
}

.cards {
    background-image: url(assets/img/operators-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.cards-zindex5 {
    z-index: 5;
}

.section__content--maxw p {
    max-width: 100%;
}

.rating__box__items__img--cards img {
    border-radius: 13px;
    background-color: #fff;
    border: 2px solid rgb(0 180 228);
}

.electronic {
    padding-top: clamp(6.25rem, 0.4808rem + 16.0256vw, 12.5rem);
}

.electronic--ptop0 {
    padding-top: 0;
}

.safety__box {
    padding-top: 35px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.safety__box__items {
    display: flex;
    flex: 1 1 calc((100% - 60px) / 4);
}

.safety__box__items__inner {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 0.2885rem + 1.2821vw, 1.25rem);
    padding: clamp(1.25rem, 0.3846rem + 2.4038vw, 2.1875rem);
    border: 1px solid rgba(18, 32, 228, 1);
    border-radius: 10px;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),0px 4px 6px -4px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    background-color: #0F0725;
}

.safety__box__items__inner__head {
    display: grid;
    grid-template-columns: 55px auto;
    justify-content: space-between;
    align-items: start;
    gap: 10px;    
}

.safety__box__items__inner__head__square {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    width: 100%;
    background: rgba(18, 32, 228, 1);
}

.safety__box__items__inner__head span {
    font-size: clamp(0.9375rem, 0.0433rem + 1.4423vw, 1.125rem);
    line-height: 122%;
    color: rgba(255, 255, 255, 0.7);
}

.safety__box__items__inner h3 {
    font-size: clamp(1rem, 0.1923rem + 2.2436vw, 1.875rem);
    font-weight: 600;
    line-height: 120%;
}

.safety__box__items__inner__footer {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.safety__box__items__inner__footer p {
    font-size: clamp(0.9375rem, 0.0433rem + 1.4423vw, 1.125rem);
    line-height: 122%;
    color: rgba(255, 255, 255, 0.7);
}

.welcome {
    padding: clamp(12.1875rem, 5.2083rem + 34.8958vw, 33.125rem) 0 clamp(1.25rem, -1.0577rem + 6.4103vw, 3.75rem);;
    background-image: url(assets/img/welcome.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: clamp(6.25rem, 0.4808rem + 16.0256vw, 12.5rem);
}

.welcome__box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0.75rem, -1.3269rem + 5.7692vw, 3rem);
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.welcome__box p {
    display: block;
    text-align: center;
    font-size: clamp(1rem, -0.0962rem + 3.0449vw, 2.1875rem);
    line-height: 120%;
}

.welcome__box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 678px;
    height: clamp(3rem, -0.6346rem + 10.0962vw, 6.9375rem);
    border-radius: clamp(0.75rem, 0.2885rem + 1.2821vw, 1.25rem);
    background-color: #1220E4;
    transition: 0.3s all;
    font-size: clamp(0.875rem, -0.2788rem + 3.2051vw, 2.125rem);
    line-height: 120%;
    font-weight: 500;
    color: #fff;
}

.single__faq {
    padding-top: clamp(6.25rem, 0.4808rem + 16.0256vw, 12.5rem);
}

.bonuses__top {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    padding: 35px 0 0;
}

.bonuses__top__items {
    display: flex;
    flex: 0 0 calc((100% - 100px) / 5);
}

.bonuses__top__items__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 30px 16px;
    border: 1px solid #1220E4;
    border-radius: 16px;
    box-shadow: 0px 0px 12px 0px #0000001A;
}

.bonuses__top__items__inner__head {
    position: relative;
    z-index: 2;
}

.bonuses__top__items__inner__head__number {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F9F9F9;
    color: #000;
    font-size: 10px;
    border-bottom-right-radius: 16px;
}

.bonuses__top__items__inner__rating {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    background-color: #4361EE;
    color: #fff;
    font-size: 10px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 16px; 
}

.bonuses__top__items__inner__body {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}

.bonuses__top__items__inner__body__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bonuses__top__items__inner__body__items p {
    font-size: 16px;
    line-height: 100%;
}

.bonuses__top__items__inner__body__items p span {
    font-size: 9px;
    line-height: 100%;
    opacity: 0.7;
}

.bonuses__top__items__inner__body__items__title {
    font-size: 12px;
    line-height: 100%;
    font-weight: bold;
}

.bonuses__top__items__inner__links {
    position: relative;
    padding-top: 5px;   
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 2;
}

.bonunses__top__items__inner__link__bg,
.bonunses__top__items__inner__link__transparent {
    border-radius: 8px;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8125rem, 0.524rem + 0.8013vw, 1.125rem);
    line-height: 150%;
    color: #fff;
    border: 1px solid #1220e4;
    transition: 0.3s all;
}

.bonunses__top__items__inner__link__bg {
    background-color: #1220e4;
}

.bonuses__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 1370px;
    margin: 0 auto;
    padding-top: clamp(3.75rem, 0.2885rem + 9.6154vw, 6.25rem);
}

.bonuses__content blockquote {
    position:  relative;
    font-size: clamp(1.25rem, 0.3846rem + 2.4038vw, 2.1875rem);
    font-style: italic;
    font-weight: 200;
    line-height: 130%;
    padding: 10px 0 10px 20px;
}

.bonuses__content blockquote:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #1220e4;
}

.bonuses__content blockquote b {
    font-weight: bold;
    font-style: normal;
}

.bonuses__content h2, .bonuses__content h3, .bonuses__content h4, .bonuses__content h5, .bonuses__content h6 {
    line-height: 120%;
    font-weight: bold;
}

.bonuses__content h2 {
    font-size: clamp(2.125rem, -0.2083rem + 4.8611vw, 3.4375rem);
}

.bonuses__content h3 {
    font-size: clamp(1.5rem, -0.2778rem + 3.7037vw, 2.5rem);
}

.bonuses__content ul, .bonuses__content ol {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: clamp(0.9375rem, 0.0721rem + 2.4038vw, 1.5625rem);
}

.bonuses__content ul li {
    list-style: disc;
}

.bonuses__rating {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 992px;
    margin: 0 auto;
}

.bonuses__rating__items {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bonuses__rating__items h3 {
    font-size: clamp(1.25rem, 0.5577rem + 1.9231vw, 2rem);
    line-height: 100%;
    font-weight: bold;
}

.bonuses__rating__items__inner {
    position: relative;
    width: 100%;
    max-width: 992px;
    border: 1px solid #1220E4;
    border-radius: 16px;
    padding: 35px clamp(0.625rem, -1.1058rem + 4.8077vw, 1.875rem);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.bonuses__rating__items__inner__head {
    display: grid;
    grid-template-columns: 33% auto;
    gap: 30px;
}

.rating__box__items__img__k--top {
    top: -18px;
}

.bonuses__rating__items__inner__head__items--left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.bonuses__rating__items__inner__head__items--left a {
    font-size: clamp(0.75rem, 0.6346rem + 0.3205vw, 0.875rem);
    font-weight: bold;
    line-height: 150%;
    color: #fff;
    text-decoration: underline;
}

.bonuses__rating__items__inner__head__items--right {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bonuses__rating__items__inner__head__items--right h4 {
    position: relative;
    font-size: clamp(1rem, 0.7692rem + 0.641vw, 1.25rem);
    line-height: 120%;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;        
}

.bonuses__rating__items__inner__head__items--right h4:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #BFBFBF;
}

.bonuses__rating__items__inner__head__items--right ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bonuses__rating__items__inner__head__items--right ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bonuses__rating__items__inner__head__items--right ul li span {
    font-size: clamp(0.875rem, 0.7596rem + 0.3205vw, 1rem);
    line-height: 155%;
}

.bonuses__rating__items__inner__body,
.bonuses__rating__items__inner__footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.bonuses__rating__items__inner__body__items {
    display: grid;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.bonuses__rating__items__inner__body__items--left {
    grid-template-columns: repeat(2, 1fr);
}

.bonuses__rating__items__inner__body__items--right {
    grid-template-columns: repeat(1, 1fr);
}

.bonuses__rating__items__inner__body__items--right a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 58px;
    border-radius: 100px;
    background-color: #1220E4;
    font-size: clamp(0.875rem, 0.6442rem + 0.641vw, 1.125rem);
    color: #fff;
    line-height: 150%;
}

.bonuses__rating__items__inner__body__items__column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.bonuses__rating__items__inner__body__items__column p {
    font-size: 16px;
    line-height: 100%;
}

.bonuses__rating__items__inner__body__items__column p span {
    font-size: 9px;
    line-height: 100%;
    opacity: 0.7;
}

.bonuses__rating__items__inner__footer__items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.bonuses__rating__items__inner__footer__items h5 {
    font-size: clamp(1rem, 0.7692rem + 0.641vw, 1.25rem);
    font-weight: bold;
    line-height: 100%;
}

.bonuses__rating__items__inner__footer__items__banks {
    display: flex;
    gap: 12px;
}

.bonuses__rating__items__inner__footer__items__banks img {
    max-width: 60px;
    border-radius: 8px;
}

.bonuses__rating__items__inner__footer__items ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.bonuses__rating__items__inner__footer__items ul li {
    display: grid;
    grid-template-columns: 16px auto;
    align-items: center;
    gap: 4px;
}

.bonuses__rating__items__inner__footer__items ul li span {
    font-size: 16px;
    line-height: 100%;
}

.article__map {
    position: relative;
    display: grid;
    grid-template-columns: 875px auto;
    gap: 25px;
}

.article__map__right {
    position: sticky;
    top: 40px;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.article__map__left svg {
    fill: white;
    fill-opacity: 0.4;
    transition: 0.3s all;
}

.article__map__left svg path {
    transition: 0.3s all;
}

.cookies {
    display: none;
    position: fixed;
    top: 15px;
    right: 15px;
    background-color: #fff;
    box-shadow: 0 -1px 10px 0 #acabab4d;
    padding: 16px clamp(0.9375rem, -2.228rem + 8.8083vw, 2rem) 20px;
    border-radius: 5px;
    width: 100%;
    max-width: 425px;
    z-index: 10;
}

.cookies.show {
    display: block;
}

.cookies__box {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cookies__box h6 {
    font-size: 15px;
    line-height: 130%;
    font-weight: 600;
    color: #000;
}

.cookies__box p {
    font-size: 12px;
    line-height: 130%;
    color: #000;
}

.cookies__link {
    color: #1220e4;
    text-decoration: underline;
}

.cookies__box__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}

.cookies__box__buttons__link {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #1220e4;
    font-size: 12px;
    color: #1220e4;
    transition: 0.3s all;
}

.cookies__box__buttons__link--accept {
    background-color: #1220e4;
    color: #fff;
    transition: 0.3s all;
}

.author {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    z-index: 4;
}

.author__box {
    display: grid;
    grid-template-columns: 60% auto;
    gap: 24px;
}

.author__box__left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.author__box__left__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.author__box__left__content h1 {
    font-size: clamp(1.5rem, -0.1154rem + 4.4872vw, 3.25rem);
    line-height: 120%;
}

.author__box__left__content p {
    font-size: 16px;
    line-height: 150%;
}

.author__box__left__info {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.author__box__left__info__items {
    position: relative;
    font-size: clamp(0.75rem, 0.2836rem + 1.99vw, 1rem);
    line-height: 150%;
    opacity: 0.7;
}

.author__box__left__info__items:first-child::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: -8px;
    width: 1px;
    height: 80%;
    background-color: #636264;
}

.author__box__left__social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.author__box__left__social a svg {
    width: clamp(1.875rem, 1.2981rem + 1.6026vw, 2.5rem);
}

.archive {
    padding-top: 60px;
}

.archive__box {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.archive__box__links {
    display: grid;
    grid-template-columns: 28.53% auto;
    gap: clamp(1.25rem, -0.9722rem + 4.6296vw, 2.5rem);
    color: #fff;
    transition: 0.3s all;
}

.archive__box__links__left {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.archive__box__links__img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    transition: 0.3s all;
}

.archive__box__links__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    gap: clamp(0.9375rem, -3.3482rem + 8.9286vw, 2.1875rem);
}

.archive__box__links__content h4 {
    font-size: clamp(1.25rem, 0.0962rem + 3.2051vw, 2.5rem);
    font-weight: 500;
    line-height: 122%;
    color: #fff;
    transition: 0.3s all;
}

.archive__box__links__content p {
    font-size: clamp(0.875rem, 0.5288rem + 0.9615vw, 1.25rem);
    line-height: 150%;
    color: #fff;
}

.archive__box__links__content__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.archive__box__links__content__footer span {
    font-size: clamp(0.75rem, 0.4615rem + 0.8013vw, 1.0625rem);
    line-height: 116%;
    color: #979797;
}

.about__comparison {
    display: flex;
    flex-direction: column;
    gap: 35px;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.about__comparison__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.about__comparison__items__inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 16px;
    border: 1px solid #1220E4;
    padding: 16px;
    height: 100%;
}

.about__comparison__items__inner h3 {
    font-size: clamp(1rem, 0.8846rem + 0.3205vw, 1.125rem);
    line-height: 160%;
    color: #fff;
    font-weight: bold;
}

.about__comparison__items__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about__comparison__items__list li {
    position: relative;
    font-weight: 300;
    font-size: clamp(0.875rem, 0.7596rem + 0.3205vw, 1rem);
    line-height: 160%;
    padding-left: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about__comparison__items__list li::before {
    position: absolute;
    content: '';
    left: 0;
    background-image: url(assets/img/plus.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.about__comparison__items__list--minus li::before {
    background-image: url(assets/img/minus.svg);
}

.about__comparison__graphs {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.about__comparison__graphs__items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about__comparison__graphs__items__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about__comparison__graphs__items__content h3,
.about__comparison__graphs__items__content p {
    font-size: clamp(1rem, 0.8846rem + 0.3205vw, 1.125rem);
    line-height: 160%;
    color: #fff;
    font-weight: 600;
}

.about__comparison__graphs__items__graph {
    position: relative;
    content: '';
    width: 100%;
    height: 8px;
    border-radius: 8px;
    background-color: #DADADD;
}

.about__comparison__graphs__items__graph::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--progress, 0%); 
    background-color: #4361EE; 
    border-radius: 8px;
    transition: width 1.5s ease-in-out;
}

.about__games {
    padding-top: clamp(6.25rem, 0.4808rem + 16.0256vw, 12.5rem);
}

.about__games__box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 35px;
    max-width: 860px;
    margin: 0 auto;
}

.about__games__box__items {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 calc((100% - 60px) / 4);
}

.about__games__box__items__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 60px;
    height: 100%;
    padding-bottom: 30px;
    border-radius: 16px;
    border: 1px solid #1220E4;
}

.about__games__box__items__inner__head {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about__games__box__items__inner__head img {
    border-radius: 16px;
}

.about__games__box__items__inner__head__content {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.about__games__box__items__inner__head__content h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
}

.about__games__box__items__inner__head__content p {
    font-size: 12px;
    line-height: 160%;
}

.about__games__box__items__inner__link {
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
    width: calc(100% - 16px);
    margin: 0 auto;
    padding: 10px 0;
    background-color: #1220E4;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    color: #fff;
    transition: 0.3s all;
}

.about__games__info {
    padding-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 860px;
    margin: 0 auto;
}

.about__games__info__items {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #1220E4;
}

.about__games__info__items h3 {
    display: block;
    text-align: center;
    font-size: clamp(1.25rem, 0.6731rem + 1.6026vw, 1.875rem);
    line-height: 160%;
    font-weight: 700;

}

.about__games__info__box {
    display: flex;
    flex-direction: column;
} 

.about__games__info__box__items {
    display: grid;
    grid-template-columns: 33.33333% auto;
    align-items: center;
    gap: 10px;
    padding: 15px 0 17px;
    border-bottom: 1px solid #DFE3E6;
}

.about__games__info__box__items h4,
.about__games__info__table__items h4 {
    font-size: 16px;
    line-height: 160%;
    font-weight: bold;
}

.about__games__info__box__items p {
    font-size: clamp(0.875rem, 0.6442rem + 0.641vw, 1.125rem);
    line-height: 160%;
}

.about__games__info__table {
    display: grid;
    grid-template-columns: 33.33333% repeat(2, 1fr);
    gap: 10px;
    padding-top: 15px;
}

.about__games__info__table__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.about__games__info__table__items__list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.about__games__info__table__items__list {
    font-size: clamp(1rem, 0.8846rem + 0.3205vw, 1.125rem);
    line-height: 160%;
}

.cards-after::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: clamp(31.25rem, 25.4808rem + 16.0256vw, 37.5rem);
    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%)
}

.cards--bgnone {
    background-image: none;
}

.about__opinion {
    display: flex;
    flex-direction: column;
    max-width: 860px;
    margin: 30px auto 0;
    border: 1px solid #1220E4;
    border-radius: 16px;
}

.about__opinion__head {
    padding: 12px 20px 14px;
    background-color: #2C3350;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-size: clamp(0.875rem, 0.7596rem + 0.3205vw, 1rem);
    font-weight: bold;
    line-height: 175%;
}

.about__opinion__content {
    padding: 12px 20px 14px;
    font-size: clamp(0.875rem, 0.7596rem + 0.3205vw, 1rem);
    line-height: 175%
}
.slot__box {
    padding-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.slot__box__items {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
    padding: clamp(2.5rem, -0.1667rem + 5.5556vw, 4rem) clamp(1.25rem, -1.8611rem + 6.4815vw, 3rem) clamp(1.25rem, -1.8611rem + 6.4815vw, 3rem);
    border-radius: 16px;
    border: 1px solid #1220E4;
}

.slot__box__items__inner {
    display: grid;
    grid-template-columns: 50% auto;
    gap: 15px;
}

.slot__box__items__inner__column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.slot__box__items__inner__column h3 {
    font-weight: 700;
    font-size: clamp(1.125rem, 0.7788rem + 0.9615vw, 1.5rem);
    line-height: 100%;
}

.slot__box__items__inner__column__row {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    gap: 10px;
}

.slot__box__items__inner__column__row h4 {
    font-size: clamp(0.875rem, 0.7596rem + 0.3205vw, 1rem);
    font-weight: 700;
    line-height: 160%;
}

.slot__box__items__inner__column__row p {
    font-weight: 300;
    font-size: clamp(0.875rem, 0.7596rem + 0.3205vw, 1rem);
    line-height: 160%;
}

.bonuses__content--slot {
    padding-top: 0;
}

.section__box--slot {
    padding-bottom: 0;
}

@media (min-width: 1201px) {
    #map-tooltip {
        box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        white-space: nowrap;
        pointer-events: none; 
    }
}

@media (min-width: 1200px) {
    .menu__list__items__link:hover {
        background: linear-gradient(180deg, rgba(18, 130, 228, 0), rgba(18, 105.5, 228, 0.4) 100%);
        color: #FFFFFF;
    }

    .menu__list__items__link:hover:after {
        width: 100%;
    }

    .hero__content a:hover {
        background-color: rgba(36, 16, 192, 0.5);
    }

    .rating__box__items__inner__content__head__links a:hover {
        background: #fff;
        color: #2510c0;
    }

    .rating__box__items__inner__king .rating__box__items__inner__content__head__links a:hover {
        background-color: #2510c0;
        color: #fff;
    }

    .uncos__box__column__link:hover .uncos__box__column__link__img img {
        transform: scale(1.3);
    }

    .uncos__top__link:hover {
        color: #fff;
    }

    .bonuses__box__items__inner__content__links a:first-child:hover {
        background-color: transparent;
    }

    .bonuses__box__items__inner__content__links a:last-child:hover {
        background-color: #1220e4;
    }

    .faq__box__query:hover .faq__box__query__circle {
        transform: rotate(180deg);
    }

    .faq__box__query:hover {
        background-color: #1220e4;
    }

    .footer__box__items__columns a:hover {
        color: #1220e4;
    }

    .application__box__item__link:hover {
        background: transparent;
    }

    .application__box__item__os__row__link:hover span {
        color: #1220e4;
    }

    .breadcrumbs span span a:hover {
        color: #1220e4;
    }

    .top__box__items__inner__footer__link:hover {
        background: transparent;
    }

    .games__box__links__items:hover,
    .games__box__links__items--category:hover {
        background-color: #1220e4;
    }

    .games__box__content__items__block__link:hover {
        background: #1220e4;
    }

    .news__box__top__two__items__link:hover .news__box__top__two__items__img,
    .news__box__row__items__link:hover .news__box__row__items__link__img,
    .news__box__base__items__link:hover .news__box__row__items__link__img {
        transform: scale(1.3);
    }

    .article__box__content a:hover {
        color: #1220e4;
    }

    .article__box__info__items__link:hover p {
        color: #1220e4;
    }

    .welcome__box a:hover {
        background-color: #fff;
        color: #1220e4;
    }

    .lang__items a:hover {
        color: #1220E4;
    }

    .uncos__box__column__items a:hover {
        color: #1220E4;
    }

    .article__map__left svg path:hover {
        fill-opacity: 1;
        cursor: pointer;
    }

    .cookies__box__buttons__link:hover {
        background-color: #1220E4;
        color: #fff;
    }

    .cookies__box__buttons__link--accept:hover {
        background-color: transparent;
        color: #1220E4;
    }

    .archive__box__links:hover .archive__box__links__img {
        transform: scale(1.1);
    }

    .archive__box__links:hover .archive__box__links__content h4 {
        color: #1220E4;
    }

    .about__games__box__items__inner__link:hover {
        color: #1220E4;
        background-color: #fff;
    }
}

@media (max-width: 1199px) {
    .uncos__box__column {
        grid-template-columns: 30% auto;
        gap: 20px;
    }
    .top {
        background-attachment: fixed;
        background-position: center;
    }
    .favorites__slider__item { 
        width: calc((100% - 100px) / 5); 
    }
    .article__map {
        grid-template-columns: 650px auto;
    }
}

@media (max-width: 991px) {
    /* Menu mobile*/

    .menu__list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 999;
        width: 100%;
        max-width: 420px;
        height: 100vh;
        background-color: #000000;
        transform: translate3d(420px, 0px, 0px);
        transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    }

    .menu__list--active {
        transform: translate3d(0px, 0px, 0px);
        padding: 45px 0 0 0;
        writing-mode: horizontal-tb;
        gap: 0;
    }

    .menu__list--active .menu__list__items--mobile {
        display: flex;
    }

    .menu__list__items--first {
        border-top: 1px solid #BA9862;
        margin-top: 20px;
    }

    .menu__list__items {
        width: 100%;
        border-bottom: 1px solid #04EAD7;
        padding: 15px 0 15px 15px;
    }

    .menu__list__items--mobile--last {
        border-bottom: none;
        padding-right: 15px;
    }

    .menu__btn {
        display: block;
        position: absolute;
        right: 15px;
        bottom: -20px;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        background-color: transparent;
        cursor: pointer;
        padding-right: 15px;
    }

    .menu__btn--close {
        position: absolute;
        right: 10px;
        top: 25px;
        border-radius: 50%;
        background-color: #fff;
        z-index: 1000;
    }

    .menu__btn__element,
    .menu__btn__element:before,
    .menu__btn__element:after {
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 50%;
        margin-left: -10px;
        width: 20px;
        height: 2px;
        background-color: #2510c0;
    }

    .menu__btn--close .menu__btn__element,
    .menu__btn--close .menu__btn__element:before,
    .menu__btn--close .menu__btn__element:after {
        background-color: #2510c0;
    }

    .menu__btn__element:before,
    .menu__btn__element:after {
        content: '';
        display: block;
        transition: 0.5s;
    }

    .menu__btn__element:before {
        transform: translateY(-8px);
    }

    .menu__btn__element:after {
        transform: translateY(8px);
    }

    .menu__btn__element--close {
        height: 0;
    }

    .menu__btn__element--close:before {
        transform: rotate(45deg);
        background-color: #2510c0;
    }

    .menu__btn__element--close:after {
        transform: rotate(-45deg);
        background-color: #2510c0;
    }

    .menu__list__items--mobile {
        display: flex;
    }

    .menu__btn--close .menu__btn__element {
        top: 50%;
    }

    .menu__link {
        display: flex;
        width: 100%;
        color: #fff;
        font-size: 18px;
    }

    .menu__link-btn {
        width: 100%;
    }

    /* Menu mobile */

    .lang {
        padding-right: 40px;
    }

    .menu__list__items__link {
        color: #fff;
        font-size: 16px;
        border-bottom: none;
        background: none;
    }

    .rating__box__items__inner__content__head {
        grid-template-columns: auto;
    }

    .rating__box__items__inner__content__head__links {
        justify-content: flex-start;
    }

    .rating__box__items__inner__content__head__links a {
        width: 100%;
        max-width: 210px;
    }

    .rating__box__items__img__k {
        top: -84px;
    }

    .rating__box__items__img__svg {
        top: -108px;
    }

    .operators::before {
        bottom: -2000px;
    }

    .uncos__box {
        grid-template-columns: auto;
        gap: 20px;
    }

    .bonuses__box__items {
        flex: 0 0 calc((100% - 35px) / 2);
    }

    .top__box__items {
        display: flex;
        flex: 0 0 calc((100% - 50px) / 2);
    }

    .top__footer__table__thead {
        display: none;
    }

    .top__footer__table__tbody tr {
        padding: 12px 15px;
    }

    .top__footer__table__tbody tr td {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        gap: 10px;
        text-align: right;
    }

    .top__footer__table__tbody tr td::before {
        content: attr(data-label);
        color: rgba(217, 217, 217, 1);
        font-size: clamp(0.875rem, 0.7596rem + 0.3205vw, 1rem);
        line-height: 160%;
        text-align: left;
    }

    .top__footer__table__tbody tr td {
        flex: 1 1 100%;
        padding: 5px 0;
    }

    .games__box__links {
        justify-content: start;
    }

    .games__box__content__items__block {
        flex: 1 1 calc((100% - 20px) / 3);
    }

    .favorites__slider__item { 
        width: calc((100% - 60px) / 3); 
    }

    .news__box__top__two,
    .news__box__center__two {
        grid-template-columns: repeat(2, 1fr);
    }

    .news__box__center__two__items__grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .news__box__base__items__link--minh {
        min-height: auto;
    }

    .news__box__row__items {
       flex: 0 0 calc((100% - 20px) / 2); 
    }

    .advice__box__items {
        flex: 1 1 calc((100% - 24px) / 2);
    }

    .diagram__box {
        grid-template-columns: repeat(2, 1fr);
    }

    .bonuses__top__items {
        flex: 0 0 calc((100% - 60px) / 3); 
    }

    .rating__box__items__img__k--bonuses {
        top: -18px;
    }

    .article__map {
        grid-template-columns: repeat(1, 1fr);
    }

    .article__map__right {
        position: relative;
        top: 0;
    }
}

@media (max-width: 767px) {
    .rating__box__items__img {
        flex: 0 0 210px;
    }

    .rating__box__items__inner__content {
        flex: 1 1 100%;
    }

    .rating__box__items__inner {
        padding: 44px 20px 48px 20px;
    }

    .rating__box__items__img__k {
        top: -63px;
    }

    .rating__box__items__img__svg {
        top: -87px;
    }

    .back-wrapper::before {
        position: fixed;
    }

    .operators::before {
        bottom: -4200px;
    }

    .footer__box__items__columns,
    .footer__box__items__row {
        flex: 1 1 100%;
    }

    .footer__box__items__columns--end {
        align-items: start;
    }

    .favorites__slider__item { 
        width: calc((100% - 25px) / 2); 
    }

    .clock__box {
        grid-template-columns: repeat(1, 1fr);
    }

    .banks {
        grid-template-columns: repeat(4, 1fr);
    }

    .cards {
        background-size: contain;
    }

    .rating__box__items__inner__content__body__column:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .rating__box__items__inner__content__body__column:last-child span {
        white-space: normal;
    }

    .bonuses__rating__items__inner__head,
    .bonuses__rating__items__inner__footer,
    .bonuses__rating__items__inner__body {
        grid-template-columns: repeat(1, 1fr);
    }

    .bonuses__top__items {
        flex: 0 0 calc((100% - 40px) / 2); 
    }

    .rating__box__items__img__k--bonuses {
        top: -18px;
    }

    .author__box {
        grid-template-columns: repeat(1, 1fr);
    }

    .archive__box__links {
        grid-template-columns: repeat(1, 1fr);
    }

    .about__comparison__box {
        grid-template-columns: repeat(1, 1fr);
    }

    .about__games__box__items {
        flex: 1 1 calc((100% - 20px) / 2);
    }
}

@media (max-width: 576px) {
    .operators__box__items {
        flex: 1 1 calc((100% - 20px) / 2);
    }

    .uncos__box__column,
    .uncos__box__column__two {
        grid-template-columns: auto;
    }

    .uncos__top__table {
        padding: 0 16px;
    }

    .uncos__top__expert {
        padding: 1px 16px 16px;
    }

    .bonuses__box__items {
        flex: 0 0 100%;
    }

    .operators::before {
        bottom: -3500px;
    }

    .application__img {
        display: none;
    }

    .top__box__items {
        display: flex;
        flex: 0 0 100%;
    }

    .games__box__content__items__block {
        flex: 1 1 calc((100% - 10px) / 2);
    }

    .news__box__top__two__items,
    .news__box__base__items {
        min-height: auto;
    }

    .news__box__row__items {
        flex: 0 0 100%;
    }

    .news__box__top__two,
    .news__box__base,
    .news__box__center__two {
        grid-template-columns: repeat(1, 1fr);
    }

    .advice__box__items {
        flex: 1 1 100%;
    }

    .diagram__box {
        grid-template-columns: repeat(1, 1fr);
    }

    .diagram__graph {
        gap: 10px;
    }

    .banks {
        grid-template-columns: repeat(3, 1fr);
    }

    .cookies {
        position: fixed;
        max-width: calc(100% - 30px);
        left: 15px;
    }

    .about__games__info__items {
        padding: 24px 10px;
    }

    .about__games__info__table {
        grid-template-columns: repeat(1, 1fr);
    }

    .about__games__info__box__items--support {
        grid-template-columns: 44% auto;
    }
}

@media (max-width: 480px) {
    .favorites__slider__item { 
        width: 100%; padding: 0 8px; 
    }
    .bonuses__top__items {
        flex: 0 0 100%; 
    }
}

@media (max-width: 424px) {
    .rating__box__items__inner__content__body__column {
        flex: 1 1 calc((100% - 10px) / 2);
    }
    .games__box__content__items__block {
        flex: 1 1 100%;
    }
    .banks {
        grid-template-columns: repeat(2, 1fr);
    }
    .about__games__box__items {
        flex: 1 1 100%;
    }
    .slot__box__items__inner {
        grid-template-columns: repeat(1, 1fr);
    }
}

:root {
  --primary: #1220e4;
  --white: #fff;
  --black: #000;
  --border: rgba(18, 32, 228, 0.25);
  --shadow: 0 6px 16px rgba(18, 32, 228, 0.12);
}

.table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--black);
  box-shadow: var(--shadow);
  font-size: 16px;
  line-height: 1.4;
}

.table thead th {
  background: var(--black);
  color: var(--white);
  text-align: left;
  padding: 12px 14px;
  font-weight: 700;
}

.table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
}

.table tbody tr:nth-child(odd) {
  background: #2510c0
}

@media (max-width: 640px) {
  .table,
  .table tbody,
  .table tr,
  .table td {
    display: block;
    width: 100%;
  }

  .table thead {
    display: none;
  }

  .table tr {
    margin-bottom: 12px;
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--shadow);
    background: var(--black);
    padding: 10px;
  }

  .table td {
    border: none;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }

  .table td::before { 
    content: attr(data-label);
    color: var(--white); 
    font-weight: 600; 
    margin-right: 8px; 
    text-align: left;
  }

  .table td {
    text-align: left;
    justify-content: start;
  }
}