.fw-r {
    font-weight: 400
}

.fw-m {
    font-weight: 500
}

.fw-s {
    font-weight: 600
}

.fw-b {
    font-weight: 700
}

.fw-x {
    font-weight: 800;
    font-size:14px;
}

.fw-k {
    font-weight: 900
}

body {
    font-family: "Roboto Flex",sans-serif;
    font-size: 16px;
    min-height: 100vh;
    min-width: 320px;
    background-color: #0e0d0d;
    color: #f0f0f0;
    overflow-x: hidden
}

body * {
    line-height: 112%
}

main {
    max-width: 100%;
    position: relative
}

button:focus,.navbar-toggler:focus {
    outline: 0;
    box-shadow: none
}

img {
    image-rendering: -webkit-optimize-contrast
}

svg.icon {
    height: 1em;
    width: 1em
}

h1 {
    font-size: 26px
}

@media(min-width: 992px) {
    h1 {
        font-size:42px
    }
}

@media(min-width: 1600px) {
    h1 {
        font-size:60px
    }
}

h1 span {
    font-size: 42px;
    color: #8a2be1
}

@media(min-width: 992px) {
    h1 span {
        font-size:64px
    }
}

@media(min-width: 1600px) {
    h1 span {
        font-size:92px
    }
}

h2,.h2 {
    font-size: 36px
}

@media(min-width: 992px) {
    h2,.h2 {
        font-size:42px
    }
}

@media(min-width: 1600px) {
    h2,.h2 {
        font-size:60px
    }
}

h2 span,.h2 span {
    color: #8a2be1
}

h3,.h3 {
    font-size: 26px
}

@media(min-width: 992px) {
    h3,.h3 {
        font-size:34px
    }
}

@media(min-width: 1600px) {
    h3,.h3 {
        font-size:48px
    }
}

h4 {
    font-size: 22px
}

@media(min-width: 992px) {
    h4 {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    h4 {
        font-size:26px
    }
}

h5 {
    line-height: 140%;
    font-size: 18px;
    font-weight: 600
}

@media(min-width: 992px) {
    h5 {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    h5 {
        font-size:20px
    }
}

p {
    line-height: 140%
}

@media(min-width: 992px) {
    p {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    p {
        font-size:18px
    }
}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,p {
    margin: 0
}

a {
    text-decoration: none;
    color: #f0f0f0;
    transition: .3s
}

@media(hover: hover) {
    a:hover {
        color:#8a2be1
    }
}

@media(min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1100px
    }
}

@media(min-width: 1600px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1420px
    }
}

@media(max-width: 1199px) {
    .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        padding-left:15px;
        padding-right: 15px
    }
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.row {
    --bs-gutter-y: 0;
    --bs-gutter-x: 0
}

@media(min-width: 1600px) {
    .d-hd-none {
        display:none !important
    }
}

@media(min-width: 1600px) {
    .d-hd-block {
        display:block !important
    }
}

@media(min-width: 1600px) {
    .d-hd-flex {
        display:flex !important
    }
}

.btn {
    display: inline-flex;
    line-height: normal;
    font-size: inherit;
    color: inherit;
    background-color: inherit;
    transition: all .5s;
    border: 0
}

@media(hover: hover) {
    .btn:hover {
        color:inherit
    }
}

.btn:focus,.btn:focus-visible,.btn:active {
    color: #f0f0f0 !important;
    background-color: #8a2be1 !important;
    border-color: rgba(0,0,0,0) !important;
    box-shadow: none !important
}

.btn:focus .icon,.btn:focus-visible .icon,.btn:active .icon {
    background-color: #f0f0f0 !important
}

.btn-white {
    font-size: 14px;
    line-height: 120%;
    border-radius: 0 0 4px 4px;
    color: #8a2be1;
    background: #f0f0f0;
    padding: 5px 10px
}

@media(min-width: 992px)and (max-width: 1919px) {
    .btn-white {
        font-size:11px;
        padding: 5px
    }
}

@media(min-width: 1600px) {
    .btn-get {
        border-radius:8px
    }
}

.btn-get:not(.header__btn) {
    width: 100%;
    padding: 15px 35px;
    font-size: 15px;
    border-radius: 8px
}

@media(min-width: 576px) {
    .btn-get:not(.header__btn) {
        width:auto;
        min-width: 260px
    }
}

@media(min-width: 1600px) {
    .btn-get:not(.header__btn) {
        font-size:18px;
        min-width: 310px;
        height: 68px;
        padding: 25px 45px;
        border-radius: 10px
    }
}

@media(hover: hover) {
    .btn-get:hover {
        animation:none
    }

    .btn-get:hover::before {
        animation: none
    }
}

.btn-get_primary {
    color: #f0f0f0;
    background-color: #127729;
    border: none;
    box-shadow: none
}

@media(hover: hover) {
    .btn-get_primary:hover {
        color:#f0f0f0;
        background-color: #8a2be1;
        border: none;
        box-shadow: 0px 0px 25px 0px #8a2be1
    }
}

.btn-get_secondary {
    color: #f0f0f0;
    background-color: #29292c;
    border: none;
    box-shadow: none
}

@media(hover: hover) {
    .btn-get_secondary:hover {
        color:#f0f0f0;
        background-color: #8a2be1;
        border: none;
        box-shadow: 0px 0px 25px 0px #8a2be1
    }
}

.btn-get_yellow {
    color: #0e0d0d;
    background-color: #ffda17;
    border: none;
    box-shadow: none
}

@media(hover: hover) {
    .btn-get_yellow:hover {
        color:#0e0d0d;
        background-color: #ffda17;
        border: none;
        box-shadow: 0px 0px 25px 0px #ffda17
    }
}

.btn-get span {
    line-height: normal
}

.btn-reviews {
    font-size: 14px;
    line-height: 20px;
    color: #f0f0f0;
    border-radius: 8px 8px 0px 0px;
    border: 2px solid #1b1b1d;
    border-bottom: 0;
    padding: 10px 25px;
    gap: 10px
}

.btn-reviews:not(.collapsed) .reviews__dropdown {
    transform: rotate(180deg)
}

@media(hover: hover) {
    .btn-reviews:hover {
        background:#f0f0f0;
        border-color: rgba(0,0,0,0);
        color: #0e0d0d
    }

    .btn-reviews:hover .reviews__dropdown {
        filter: invert(1)
    }
}

.btn-apps {
    height: 42px;
    border-radius: 0 0 10px 10px;
    border-bottom: 3px solid #0e0d0d;
    background: #f0f0f0;
    padding: 10px 0 5px;
    margin-top: -10px
}

@media(min-width: 992px) {
    .btn-apps {
        height:35px;
        padding: 10px 0 5px;
        margin-top: -5px
    }
}

@media(min-width: 992px)and (max-width: 1919px) {
    .btn-apps {
        border-radius:0 0 8px 8px;
        border-bottom: 2px solid #0e0d0d
    }
}

@media(min-width: 1600px) {
    .btn-apps {
        height:50px;
        padding: 15px 0 10px;
        margin-top: -10px
    }
}

.btn-apps img {
    width: 24px
}

@media(min-width: 992px) {
    .btn-apps img {
        width:20px
    }
}

@media(min-width: 1600px) {
    .btn-apps img {
        width:auto
    }
}

.btn-android {
    font-size: 14px;
    border-radius: 6px;
    background: unset;
    gap: 10px
}

@media(hover: hover) {
    .btn-android:hover {
        border:1px solid rgba(0,0,0,0)
    }

    .btn-android:hover .icon {
        background-color: #f0f0f0
    }
}

.btn-android__header {
    height: 34px;
    padding: 5px;
    border: 1px solid rgba(8,169,115,.3)
}

@media(min-width: 1600px) {
    .btn-android__header {
        height:40px;
        padding: 5px 20px
    }
}

.btn-android__header .icon {
    background-color: #127729
}

.btn-android__footer {
    border: 1px solid #29292c
}

@media(max-width: 991px) {
    .btn-android__footer {
        margin-top:20px
    }
}

.btn-android__footer .icon {
    background-color: #a4c639
}

.btn-android .icon {
    mask-image: url(../img/icons/android.svg);
    width: 22px;
    height: 26px
}

.highlight {
    position: relative;
    overflow: hidden
}

.highlight:before {
    position: absolute;
    top: 0;
    left: -200px;
    width: 100px;
    height: 100px;
    content: "";
    filter: blur(40px);
    background: #18bd47;
    animation-name: highlight;
    animation-duration: 5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

@keyframes bg {
    0% {
        background: #00ff94
    }

    100% {
        background: #f0f0f0
    }
}

@keyframes highlight {
    0% {
        left: -200px
    }

    50% {
        left: calc(100% + 50px)
    }

    100% {
        left: -200px
    }
}

.btn .btnloader {
    position: absolute;
    z-index: 1;
    display: none;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background: inherit;
    background-color: inherit;
    align-items: center;
    justify-content: center
}

.btn .btnloader span {
    display: block;
    background: #0e0d0d;
    height: .5em;
    width: .5em;
    border-radius: 50%;
    margin: 1px;
    animation-name: btnloader;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
    opacity: .5
}

.btn .btnloader span:nth-child(1) {
    animation-delay: 0s
}

.btn .btnloader span:nth-child(2) {
    animation-delay: .25s
}

.btn .btnloader span:nth-child(3) {
    animation-delay: .5s
}

.btn .btnloader span:nth-child(4) {
    animation-delay: .75s
}

.btn .btnloader span:nth-child(5) {
    animation-delay: 1s
}

.btn.disabled {
    position: relative;
    opacity: 1
}

.btn.disabled .btnloader {
    display: flex;
    opacity: 1
}

@keyframes btnloader {
    0% {
        opacity: .5
    }

    25% {
        opacity: 1
    }

    100% {
        opacity: .5
    }
}

.dropdown {
    z-index: 20
}

.dropdown .dropdown-toggle {
    padding-right: 30px
}

.dropdown .dropdown-toggle:focus-visible {
    outline: none
}

.dropdown .dropdown-toggle:after {
    width: 10px;
    height: 15px;
    background-image: url(../img/icons/dropdown.svg);
    background-size: 100% 100%;
    border: 0;
    margin-left: 6px;
    vertical-align: text-top;
    transition: color .2s,transform .2s
}

@media(min-width: 1200px) {
    .dropdown .dropdown-toggle:after {
        width:10px;
        height: 10px
    }
}

@media(min-width: 1600px) {
    .dropdown .dropdown-toggle:after {
        width:14px;
        height: 14px;
        margin-left: 8px;
        vertical-align: text-bottom
    }
}

@media(hover: hover) {
    .dropdown .dropdown-toggle:hover::after {
        filter:brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(5242%) hue-rotate(358deg) brightness(100%) contrast(116%)
    }
}

.dropdown .dropdown-toggle.show:after {
    transform: rotate(180deg);
    filter: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(5242%) hue-rotate(358deg) brightness(100%) contrast(116%)
}

@media(max-width: 991px) {
    .dropdown .dropdown-toggle.show {
        padding-bottom:10px
    }
}

.dropdown .dropdown-menu {
    background-color: #29292c;
    border: none;
    border-radius: 8px;
    margin-top: 10px;
    z-index: 21
}

.dropdown .dropdown-menu .dropdown-item {
    position: relative;
    color: #72777c
}

@media(min-width: 1200px) {
    .dropdown .dropdown-menu .dropdown-item {
        color:#f0f0f0
    }
}

.dropdown .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #1b1b1d
}

.dropdown .dropdown-menu .dropdown-item.active {
    background-color: rgba(0,0,0,0)
}

.dropdown .dropdown-menu .dropdown-item.active::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 9px;
    background-color: #8a2be1;
    border-radius: 0 2px 2px 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width: 1600px) {
    .dropdown .dropdown-menu .dropdown-item.active::before {
        width:3px;
        height: 14px
    }
}

.dropdown .dropdown-menu .dropdown-item.active a,.dropdown .dropdown-menu .dropdown-item.active span {
    color: #8a2be1
}

.dropdown .dropdown-menu .dropdown-item:hover,.dropdown .dropdown-menu .dropdown-item:focus,.dropdown .dropdown-menu .dropdown-item:active {
    color: #8a2be1;
    background-color: rgba(0,0,0,0)
}

.dropdown .dropdown-menu .nav-link,.dropdown .dropdown-menu .nav-link:hover {
    color: #0e0d0d
}

.dropdown .dropdown-menu .btn-close-white {
    opacity: 1
}

@media(min-width: 1200px) {
    .dropdown.dropdown-center .dropdown-menu {
        left:50%;
        transform: translateX(-50%)
    }
}

.dropdown.dropdown-lang {
    z-index: 99;
    border-radius: 10px
}

@media(max-width: 1199px) {
    .dropdown.dropdown-lang {
        margin-right:5px
    }
}

.dropdown.dropdown-lang:hover .selected {
    border-color: #8a2be1
}

.dropdown.dropdown-lang .dropdown-toggle {
    padding: 0
}

.dropdown.dropdown-lang .dropdown-toggle:after {
    content: none
}

.dropdown.dropdown-lang .dropdown-toggle.show .selected {
    border-color: #f0f0f0
}

.dropdown.dropdown-lang .selected {
    color: #f0f0f0;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    padding: 3px;
    transition: all .5s
}

@media(min-width: 1200px)and (max-width: 1599px) {
    .dropdown.dropdown-lang .selected {
        padding:2px
    }
}

.dropdown.dropdown-lang .dropdown-menu {
    min-width: 100%;
    padding: 0;
    background: #1b1b1d;
    transition: all .5s
}

@media(max-width: 1199px) {
    .dropdown.dropdown-lang .dropdown-menu {
        position:fixed;
        top: 0;
        right: 0;
        width: auto;
        min-width: auto;
        height: 100vh;
        margin-top: 60px;
        border-radius: 0;
        border: 0
    }
}

@media(min-width: 1200px) {
    .dropdown.dropdown-lang .dropdown-menu {
        transform:translate(15px, 30px)
    }
}

@media(min-width: 1600px) {
    .dropdown.dropdown-lang .dropdown-menu {
        transform:translate(20px, 40px)
    }
}

.dropdown.dropdown-lang .dropdown-menu .dropdown-item {
    padding: 10px;
    color: #f0f0f0;
    cursor: pointer
}

.dropdown.dropdown-lang .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #29292c
}

.dropdown.dropdown-lang .dropdown-menu .dropdown-item span {
    text-transform: uppercase
}

.dropdown.dropdown-lang .dropdown-menu .dropdown-item.active {
    background-color: rgba(0,0,0,0)
}

.dropdown.dropdown-lang .dropdown-menu .dropdown-item:hover span {
    color: #8a2be1
}

.dropdown.dropdown-lang .dropdown-menu .dropdown-item .flag {
    width: 18px
}

@media(min-width: 1200px)and (max-width: 1599px) {
    .dropdown.dropdown-lang .dropdown-menu .dropdown-item .flag {
        width:15px
    }
}

.dropdown.dropdown-lang .flag {
    width: 26px
}

@media(min-width: 1200px)and (max-width: 1599px) {
    .dropdown.dropdown-lang .flag {
        width:20px
    }
}

.dropdown.dropdown-lang span {
    padding-left: 10px;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 22px
}

@media(min-width: 1200px)and (max-width: 1599px) {
    .dropdown.dropdown-lang span {
        font-size:13px;
        padding-left: 8px
    }
}

.slider-wrapper {
    position: relative
}

.slider-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    transform: rotate(180deg);
    background-color: #0e0d0d;
    border-radius: 8px;
    border: 1px solid #29292c;
    cursor: pointer;
    transition: all .3s;
    z-index: 1
}

@media(min-width: 992px) {
    .slider-arrow {
        width:40px;
        height: 40px
    }
}

@media(min-width: 1600px) {
    .slider-arrow {
        width:56px;
        height: 56px
    }
}

@media(hover: hover) {
    .slider-arrow:not(.slick-disabled):hover {
        background:#8a2be1;
        border-color: rgba(0,0,0,0);
        box-shadow: 0px 0px 25px 0px #8a2be1
    }
}

.slider-arrow.slick-disabled {
    opacity: .5
}

@media(min-width: 992px) {
    .slider-arrow img {
        width:13px
    }
}

@media(min-width: 1600px) {
    .slider-arrow img {
        width:auto
    }
}

.slider-prev img {
    transform: rotate(180deg)
}

.slider-next {
    right: 0
}

.slick-dots {
    display: flex;
    text-align: center;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: max-content;
    margin: 0
}

.slick-dots li {
    display: inline-flex;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #29292c;
    cursor: pointer
}

@media(min-width: 992px) {
    .slick-dots li {
        height:7px;
        width: 7px
    }
}

@media(min-width: 1600px) {
    .slick-dots li {
        height:10px;
        width: 10px
    }
}

.slick-dots li:not(:last-child) {
    margin-right: 5px
}

@media(min-width: 992px) {
    .slick-dots li:not(:last-child) {
        margin-right:10px
    }
}

@media(min-width: 1600px) {
    .slick-dots li:not(:last-child) {
        margin-right:15px
    }
}

.slick-dots li>button {
    display: none
}

.slick-dots li.slick-active {
    background: #8a2be1
}

@media(max-width: 992px) {
    .conversion-slider {
        margin-right:-10px
    }

    .conversion-slider .slick-slide {
        margin-right: 10px
    }
}

.conversion-slider__item img {
    margin: 0;
    width: 165px
}

@media(min-width: 992px) {
    .conversion-slider__item img {
        width:240px;
        margin: auto
    }
}

@media(min-width: 1600px) {
    .conversion-slider__item img {
        width:auto
    }
}

.conversion-slider-nav {
    max-width: 490px
}

@media(min-width: 1600px) {
    .conversion-slider-nav {
        max-width:660px
    }
}

.conversion-slider-nav * {
    transition: all .5s
}

.conversion-slider-nav__item {
    padding: 15px 18px 14px;
    background-color: #0e0d0d;
    border: 1px solid #29292c
}

@media(min-width: 992px) {
    .conversion-slider-nav__item {
        border-radius:8px 0 8px 8px
    }
}

@media(min-width: 1600px) {
    .conversion-slider-nav__item {
        border-radius:10px 0 10px 10px;
        padding: 19px 24px
    }
}

.conversion-slider-nav__item-num {
    min-height: 17px;
    height: max-content;
    background: #29292c;
    color: #72777c;
    margin-left: 1px;
    border-radius: 0 4px 4px 0
}

@media(min-width: 1600px) {
    .conversion-slider-nav__item-num {
        min-height:23px;
        padding: 3px 6px;
        margin-left: 2px;
        border-radius: 0 6px 6px 0
    }
}

.conversion-slider-nav__item-tag {
    min-height: 17px;
    position: absolute;
    top: -1px;
    right: -1px;
    padding: 2px 8px;
    border-radius: 0 0 0 8px;
    background-color: #29292c;
    color: #72777c
}

@media(min-width: 1600px) {
    .conversion-slider-nav__item-tag {
        min-height:23px;
        padding: 3px 8px
    }
}

.conversion-slider-nav__item-line {
    left: 100%;
    top: 50%;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, #29292C 0%, rgba(42, 45, 45, 0) 35%);
    transform: translateX(-25px);
    z-index: -1
}

@media(min-width: 1600px) {
    .conversion-slider-nav__item-line {
        background:linear-gradient(90deg, #29292C 0%, rgba(42, 45, 45, 0) 40%);
        transform: translateX(-30px)
    }
}

.conversion-slider-nav .slick-list {
    overflow: visible;
    margin-right: 0
}

@media(max-width: 576px) {
    .conversion-slider-nav .slick-list {
        margin-left:0
    }
}

.conversion-slider-nav .slick-list .slick-slide {
    cursor: pointer;
    border: none
}

.conversion-slider-nav .slick-list .slick-slide:not(:last-child) {
    margin-bottom: 10px
}

@media(min-width: 992px) {
    .conversion-slider-nav .slick-list .slick-slide:not(:last-child) {
        margin-bottom:16px
    }
}

@media(min-width: 1600px) {
    .conversion-slider-nav .slick-list .slick-slide:not(:last-child) {
        margin-bottom:22px
    }
}

.conversion-slider-nav .slick-list .slick-slide:not(.slick-current):hover .conversion-slider-nav__item {
    background-color: #0e0d0d;
    border: 1px solid #8a2be1
}

.conversion-slider-nav .slick-list .slick-slide:not(.slick-current):hover .conversion-slider-nav__item-title,.conversion-slider-nav .slick-list .slick-slide:not(.slick-current):hover .conversion-slider-nav__item-text {
    color: #8a2be1
}

.conversion-slider-nav .slick-list .slick-slide:not(.slick-current):hover .conversion-slider-nav__item-tag {
    background-color: #8a2be1;
    color: #f0f0f0
}

.conversion-slider-nav .slick-list .slick-slide:not(.slick-current):hover .conversion-slider-nav__item-num {
    background-color: #8a2be1;
    color: #f0f0f0
}

.conversion-slider-nav .slick-list .slick-slide:not(.slick-current):hover .conversion-slider-nav__item-line {
    background: linear-gradient(90deg, #8a2be1 0%, rgba(255, 255, 255, 0) 35%)
}

@media(min-width: 1600px) {
    .conversion-slider-nav .slick-list .slick-slide:not(.slick-current):hover .conversion-slider-nav__item-line {
        background:linear-gradient(90deg, #8a2be1 0%, rgba(255, 255, 255, 0) 40%)
    }
}

.conversion-slider-nav .slick-list .slick-current * {
    color: #0e0d0d
}

.conversion-slider-nav .slick-list .slick-current .conversion-slider-nav__item {
    background-color: #f0f0f0;
    border: 1px solid rgba(0,0,0,0)
}

.conversion-slider-nav .slick-list .slick-current .conversion-slider-nav__item-tag {
    background-color: #ffda17
}

@media(min-width: 992px) {
    .conversion-slider-nav .slick-list .slick-current .conversion-slider-nav__item-num {
        background-color:#ffda17
    }
}

@media(min-width: 1600px) {
    .conversion-slider-nav .slick-list .slick-current .conversion-slider-nav__item-num {
        background-color:#f0f0f0
    }
}

.conversion-slider-nav .slick-list .slick-current .conversion-slider-nav__item-line {
    background: linear-gradient(90deg, #F0F0F0 0%, rgba(255, 255, 255, 0) 35%)
}

@media(min-width: 1600px) {
    .conversion-slider-nav .slick-list .slick-current .conversion-slider-nav__item-line {
        background:linear-gradient(90deg, #F0F0F0 0%, rgba(255, 255, 255, 0) 40%)
    }
}

.conversion-slider-card__item {
    width: 100%;
    max-width: 195px;
    margin-top: 20px;
    margin-left: 150px
}

.conversion-slider-card__item-top {
    background-color: #1b1b1d;
    padding: 15px 15px 15px 30px
}

.conversion-slider-card__item-bottom {
    background-color: #ffda17;
    border-radius: 0 0 8px 8px;
    padding: 4px 15px 4px 30px
}

.conversion-slider-card__item-num {
    background: #f0f0f0;
    color: #1b1b1d;
    border-radius: 4px 4px 0 0;
    top: -20px
}

.conversion-slider-card__item-tag {
    position: relative;
    color: #1b1b1d
}

.conversion-slider-nav__item-title,.conversion-slider-card__item-title {
    color: #f0f0f0;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    .conversion-slider-nav__item-title,.conversion-slider-card__item-title {
        font-size:22px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .conversion-slider-nav__item-title,.conversion-slider-card__item-title {
        margin-bottom:5px
    }
}

.conversion-slider-nav__item-text,.conversion-slider-card__item-text {
    line-height: 140%;
    color: #f0f0f0
}

@media(min-width: 992px) {
    .conversion-slider-nav__item-text,.conversion-slider-card__item-text {
        font-size:12px;
        line-height: 120%;
        color: #72777c
    }
}

@media(min-width: 1600px) {
    .conversion-slider-nav__item-text,.conversion-slider-card__item-text {
        font-size:18px
    }
}

.conversion-slider-nav__item-num,.conversion-slider-card__item-num {
    font-size: 14px;
    line-height: 120%;
    padding: 2px 5px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .conversion-slider-nav__item-num,.conversion-slider-card__item-num {
        font-size:11px
    }
}

.conversion-slider-nav__item-tag,.conversion-slider-card__item-tag {
    font-size: 14px;
    line-height: 120%
}

@media(min-width: 992px)and (max-width: 1599px) {
    .conversion-slider-nav__item-tag,.conversion-slider-card__item-tag {
        font-size:11px
    }
}

@media(max-width: 991px) {
    .conversion-slider__btn_prev,.conversion-slider__btn_next {
        top:auto;
        bottom: 0
    }
}

@media(min-width: 992px) {
    .conversion-slider__btn_prev,.conversion-slider__btn_next {
        transform:translateY(-50%) rotate(180deg);
        top: calc(50% - 5px)
    }
}

@media(min-width: 1600px) {
    .conversion-slider__btn_prev,.conversion-slider__btn_next {
        top:calc(50% - 30px)
    }
}

.conversion-slider__btn_prev {
    right: 58px
}

@media(min-width: 992px) {
    .conversion-slider__btn_prev {
        right:auto
    }
}

@media(min-width: 1200px) {
    .conversion-slider__btn_prev {
        left:40px
    }
}

@media(min-width: 1400px) {
    .conversion-slider__btn_prev {
        left:0
    }
}

@media(min-width: 1600px) {
    .conversion-slider__btn_prev {
        left:-58px
    }
}

@media(min-width: 1200px) {
    .conversion-slider__btn_next {
        right:-30px
    }
}

@media(min-width: 1200px) {
    .conversion-slider__btn_next {
        right:38px
    }
}

@media(min-width: 1400px) {
    .conversion-slider__btn_next {
        right:0
    }
}

.conversion-slider .slick-dots {
    transform: translate(55px, 20px)
}

@media(min-width: 992px) {
    .conversion-slider .slick-dots {
        left:50%;
        transform: translate(-50%, 37px)
    }
}

@media(min-width: 1600px) {
    .conversion-slider .slick-dots {
        transform:translate(-75%, 47px)
    }
}

@media(min-width: 1600px) {
    .conversion-slider img {
        margin:0 100px 0 auto
    }
}

.reviews-slider__btn_prev,.reviews-slider__btn_next {
    top: 30px
}

@media(min-width: 1600px) {
    .reviews-slider__btn_prev,.reviews-slider__btn_next {
        top:45px
    }
}

.reviews-slider__btn_prev {
    right: 85px
}

@media(min-width: 1600px) {
    .reviews-slider__btn_prev {
        right:115px
    }
}

.reviews-slider__btn_next {
    right: 35px
}

@media(min-width: 1600px) {
    .reviews-slider__btn_next {
        right:50px
    }
}

@media(max-width: 991px) {
    .reviews-slider .slick-dots {
        position:relative;
        margin: 20px auto 0;
        transform: none
    }
}

@media(min-width: 992px) {
    .reviews-slider .slick-dots {
        left:auto;
        right: 0;
        bottom: 3px
    }
}

.tournaments-slider {
    margin-right: -20px
}

.tournaments-slider .slick-slide {
    margin-right: 20px
}

.tournaments-slider__btn_prev,.tournaments-slider__btn_next {
    top: 95px
}

@media(min-width: 1600px) {
    .tournaments-slider__btn_prev,.tournaments-slider__btn_next {
        top:140px
    }
}

.tournaments-slider__btn_prev {
    right: 50px
}

@media(min-width: 1600px) {
    .tournaments-slider__btn_prev {
        right:65px
    }
}

.tournaments-slider .slick-dots {
    position: relative;
    margin: 20px auto 0;
    transform: none
}

.conference-slider {
    margin-right: -20px
}

@media(min-width: 992px) {
    .conference-slider {
        max-width:750px
    }
}

@media(min-width: 1600px) {
    .conference-slider {
        max-width:960px
    }
}

.conference-slider .slick-slide {
    margin-right: 20px
}

.conference-slider__btn_prev,.conference-slider__btn_next {
    top: 135px
}

@media(min-width: 1600px) {
    .conference-slider__btn_prev,.conference-slider__btn_next {
        top:190px
    }
}

.conference-slider__btn_prev {
    right: 50px
}

@media(min-width: 1600px) {
    .conference-slider__btn_prev {
        right:65px
    }
}

.conference-slider .slick-dots {
    position: relative;
    margin: 20px auto 0;
    transform: none
}

.modal {
    backdrop-filter: blur(4px)
}

.modal .modal-dialog {
    max-width: 345px;
    margin: .5rem auto
}

@media(min-width: 992px) {
    .modal .modal-dialog {
        max-width:960px
    }
}

.modal .modal-dialog .modal-content {
    color: #0e0d0d;
    border: none;
    border-radius: 10px
}

@media(max-width: 576px) {
    .modal .modal-dialog .modal-content {
        border-radius:0;
        padding-bottom: 15px
    }
}

@media(min-width: 576px) {
    .modal .modal-dialog .modal-content {
        padding:20px 30px
    }
}

.modal .modal-dialog .modal-header {
    border-bottom: 0
}

@media(max-width: 576px) {
    .modal .modal-dialog .modal-header {
        background-color:#000;
        color: #fff;
        padding: 10px 15px;
        margin-bottom: 18px
    }
}

@media(min-width: 576px) {
    .modal .modal-dialog .modal-header {
        padding:10px 0;
        margin-bottom: 20px
    }
}

.modal .modal-dialog .modal-header .btn-close {
    font-size: 18px;
    box-shadow: none
}

@media(max-width: 576px) {
    .modal .modal-dialog .modal-header .btn-close {
        filter:invert(1) grayscale(100%) brightness(200%);
        opacity: 1
    }
}

.modal .modal-dialog.cover-modal {
    padding: 0 !important
}

.modal .modal-dialog.cover-modal .modal-dialog,.modal .modal-dialog.cover-modal .modal-dialog-centered {
    min-height: 100vh;
    margin: 0 !important;
    max-width: none
}

.modal .modal-dialog.cover-modal .modal-dialog .modal-content,.modal .modal-dialog.cover-modal .modal-dialog-centered .modal-content {
    padding: 0;
    height: 100vh
}

@media(max-width: 576px) {
    .modal .modal-dialog .modal-body {
        padding:0 15px
    }
}

@media(min-width: 576px) {
    .modal .modal-dialog .modal-body {
        padding:0 30px 0 0
    }
}

.modal .modal-dialog .modal-body::-webkit-scrollbar {
    width: 4px
}

@media(max-width: 576px) {
    .modal .modal-dialog .modal-body::-webkit-scrollbar {
        display:none
    }
}

.modal .modal-dialog .modal-body::-webkit-scrollbar-track {
    background: #e4e8ea;
    border-radius: 33px
}

.modal .modal-dialog .modal-body::-webkit-scrollbar-thumb {
    background: #676c71;
    border-radius: 11px;
    background-clip: content-box
}

.modalTerms {
    background: rgba(42,45,45,.9)
}

@media(max-width: 576px) {
    .modalTerms .modal-dialog {
        padding:0;
        margin: 0;
        max-width: none
    }
}

@media(min-width: 992px) {
    .modalTerms .modal-dialog {
        max-width:710px
    }
}

.modalTerms .modal-dialog .modal-content {
    box-shadow: 0px 12px 44px 0px rgba(0,0,0,.84)
}

@media(max-width: 991px) {
    .modalTerms .modal-dialog .modal-content .modal-title {
        font-size:22px
    }
}

.modalTerms .modal-dialog .modal-content .modal-body h2 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1rem
}

@media(min-width: 1600px) {
    .modalTerms .modal-dialog .modal-content .modal-body h2 {
        font-size:28px
    }
}

.modalTerms .modal-dialog .modal-content .modal-body h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.modalTerms .modal-dialog .modal-content .modal-body p {
    padding-left: 18px;
    margin-bottom: 20px
}

.modalTerms .modal-dialog .modal-content .modal-body p:last-child {
    margin-bottom: 0
}

.modalTerms .modal-dialog .modal-content .modal-body ul {
    padding-left: 3rem
}

.modalTerms .modal-dialog .modal-content .modal-body ul li:not(:last-child) {
    margin-bottom: 1rem
}

.modalTerms .modal-dialog .modal-content .modal-body p,.modalTerms .modal-dialog .modal-content .modal-body ul {
    font-size: 16px
}

.modalPopup .modal-dialog .modal-content {
    background-size: 100% 100%;
    background-color: rgba(0,0,0,0)
}

.modalPopup .modal-dialog .modal-content .modal-btn {
    width: 100%;
    font-size: 14px;
    height: 40px;
    color: #f0f0f0;
    border-radius: 8px
}

@media(min-width: 992px) {
    .modalPopup .modal-dialog .modal-content .modal-btn {
        width:auto;
        min-width: 185px;
        height: 50px;
        border-radius: 10px
    }
}

.modalPopup .modal-dialog .modal-content .modal-btn-wrapper {
    gap: 10px
}

@media(min-width: 992px) {
    .modalPopup .modal-dialog .modal-content .modal-btn-wrapper {
        gap:20px
    }
}

.modalPopup .modal-dialog .modal-content .modal-btn1 {
    background: linear-gradient(94deg, #127729 -7.13%, #11CB67 102.58%)
}

@media(hover: hover) {
    .modalPopup .modal-dialog .modal-content .modal-btn1:hover {
        box-shadow:0px 0px 25px 0px #02b96e
    }
}

.modalPopup .modal-dialog .modal-content .modal-btn2 {
    background: linear-gradient(94deg, rgba(255, 0, 0, 0.4) 1.64%, #D50500 101.66%)
}

@media(hover: hover) {
    .modalPopup .modal-dialog .modal-content .modal-btn2:hover {
        box-shadow:0px 0px 25px 0px #d9110d
    }
}

.modalPopup .modal-dialog .modal-content .btn-close {
    width: 20px;
    height: 20px;
    filter: invert(35%) sepia(66%) saturate(2563%) hue-rotate(141deg) brightness(103%) contrast(94%)
}

.modalPopup .modal-dialog .modal-content .btn-close:hover {
    filter: contrast(0%)
}

@media(min-width: 992px) {
    .modalPopup1 .modal-dialog {
        max-width:860px
    }
}

.modalPopup1 .modal-dialog .modal-content {
    padding: 95px 35px 35px
}

@media(min-width: 992px) {
    .modalPopup1 .modal-dialog .modal-content {
        padding:100px 40px 40px
    }
}

.modalPopup1 .modal-dialog .modal-content.lazyloaded {
    background-image: url(../img/modal-mob.png)
}

@media(min-width: 992px) {
    .modalPopup1 .modal-dialog .modal-content.lazyloaded {
        background-image:url(../img/modal.png)
    }
}

.modalPopup1 .modal-dialog .modal-content .modal-text {
    font-size: 25px;
    color: #f0f0f0
}

@media(min-width: 992px) {
    .modalPopup1 .modal-dialog .modal-content .modal-text {
        font-size:35px;
        max-width: 420px
    }
}

.modalPopup1 .modal-dialog .modal-content .modal-text-wrapper {
    gap: 20px
}

.modalPopup1 .modal-dialog .modal-content .modal-text span {
    color: #8a2be1
}

@media(max-width: 991px) {
    .modalPopup1 .modal-dialog .modal-content .btn-close {
        position:absolute;
        top: 35px;
        right: 35px
    }
}

@media(min-width: 992px) {
    .modalPopup2 .modal-dialog {
        max-width:800px
    }
}

.modalPopup2 .modal-dialog .modal-content {
    color: #f0f0f0;
    padding: 10px 20px 35px
}

@media(min-width: 992px) {
    .modalPopup2 .modal-dialog .modal-content {
        padding:40px 40px 25px
    }
}

.modalPopup2 .modal-dialog .modal-content.lazyloaded {
    background-image: url(../img/modal2-mob.png)
}

@media(min-width: 992px) {
    .modalPopup2 .modal-dialog .modal-content.lazyloaded {
        background-image:url(../img/modal2.png)
    }
}

@media(min-width: 992px) {
    .modalPopup2 .modal-dialog .modal-content .modal-body {
        max-width:315px
    }
}

.modalPopup2 .modal-dialog .modal-content .modal-title {
    font-size: 54px;
    line-height: 50px;
    color: #ffda17;
    background-color: #8a2be1;
    padding: 15px;
    border-radius: 10px
}

@media(min-width: 992px) {
    .modalPopup2 .modal-dialog .modal-content .modal-title {
        font-size:58px
    }
}

.modalPopup2 .modal-dialog .modal-content .modal-text {
    font-size: 20px;
    line-height: 110%;
    max-width: 290px;
    margin: 10px auto 235px
}

@media(min-width: 992px) {
    .modalPopup2 .modal-dialog .modal-content .modal-text {
        margin:20px 0
    }
}

.modalPopup2 .modal-dialog .modal-content .modal-text span {
    color: #ffda17
}

.modalPopup2 .modal-dialog .modal-content .modal-date {
    min-height: 30px;
    margin-bottom: 10px
}

@media(min-width: 992px) {
    .modalPopup2 .modal-dialog .modal-content .modal-date {
        margin:20px 0 0
    }
}

.modalPopup2 .modal-dialog .modal-content .btn-close {
    right: 50%;
    transform: translate(calc(-50% + 35px), -40px);
    filter: invert(1)
}

@media(min-width: 992px) {
    .modalPopup2 .modal-dialog .modal-content .btn-close {
        right:0;
        transform: translateX(-40px)
    }
}

.form-control {
    height: 100%;
    line-height: 140%;
    padding: 0 10px;
    border: none;
    background: none;
    color: #fff
}

@media(max-width: 576px) {
    .form-control {
        min-width:auto
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .form-control {
        font-size:11px
    }
}

.form-control .selected {
    overflow: hidden
}

.form-control::placeholder {
    color: #72777c;
    opacity: 1;
    transition: .5s
}

.form-control:focus,.form-select:focus {
    box-shadow: none;
    background: none;
    border: none;
    color: inherit
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 22px;
    width: 22px;
    background-image: url(../img/icons/cross.svg);
    background-size: 100% 100%;
    cursor: pointer
}

label:has(+:required,+.required)::after {
    content: "*"
}

.form-career {
    gap: 15px
}

.form-career * {
    font-size: 14px
}

.form-career .form-label {
    color: #72777c;
    padding-left: 10px
}

.form-career .form-control {
    height: 50px;
    border-radius: 20px;
    border: 1px solid #29292c
}

.form-career .form-dropdown {
    height: 50px;
    padding: 0 10px;
    border-radius: 20px;
    border: 1px solid #29292c
}

.form-career .form-dropdown.current::after {
    background-image: url(../img/icons/dropdown2.svg);
    width: 9px;
    height: 10px
}

.form-career .form-dropdown.current.show {
    color: #8a2be1
}

.form-career .form-dropdown .dropdown-menu {
    width: calc(100% - 20px)
}

.form-career .form-btn {
    margin-top: 15px
}

@media(min-width: 1600px) {
    .form-career .form-btn {
        margin-top:25px
    }
}

.form-career-status>.row {
    gap: 40px
}

.icon {
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: all .5s
}

.spin {
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.spin-clockwise {
    animation-name: spin
}

.spin-anticlockwise {
    animation-name: spin-reverse
}

.underline-hover {
    position: relative;
    color: #127729
}

.underline-hover:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: #127729;
    transform-origin: bottom right;
    transition: transform .25s ease-out
}

@media(hover: hover) {
    .underline-hover:hover {
        color:#127729
    }

    .underline-hover:hover:after {
        transform: scaleX(1);
        transform-origin: bottom right
    }
}

.rotate-mirror {
    transform: rotate(180deg)
}

@media(min-width: 992px) {
    .arrows-decor {
        gap:5px
    }
}

@media(min-width: 1600px) {
    .arrows-decor {
        gap:10px
    }
}

.arrows-decor__item {
    opacity: 0;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.arrows-decor__item_1 {
    animation-name: opacity1;
    animation-delay: .3s
}

.arrows-decor__item_2 {
    animation-name: opacity2;
    animation-delay: .2s
}

.arrows-decor__item_3 {
    animation-name: opacity3
}

@media(min-width: 992px)and (max-width: 1599px) {
    .arrows-decor__item img {
        width:14px
    }
}

.scrollbar::-webkit-scrollbar {
    width: 4px
}

.scrollbar::-webkit-scrollbar-track {
    background: #0e0d0d;
    border-radius: 8px
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #8a2be1;
    border-radius: 8px;
    background-clip: content-box
}

.offcanvas {
    background: #0e0d0d;
    z-index: -1
}

.offcanvas-body {
    padding: 60px 0 15px
}

@media(min-width: 1200px) {
    .offcanvas-body {
        padding:75px 0 15px
    }
}

.offcanvas-backdrop {
    visibility: collapse;
    background-color: rgba(42,45,45,.9);
    backdrop-filter: blur(4px)
}

.offcanvas-backdrop.show {
    opacity: 1;
    visibility: visible;
    z-index: 1029
}

.offcanvas.offcanvas-end {
    height: 100%;
    border: 0;
    transition: transform .3s ease,visibility .3s ease
}

@media(max-width: 575px) {
    .offcanvas.offcanvas-end {
        width:100%
    }
}

@media(max-width: 1199px) {
    .offcanvas .menu {
        width:100%
    }
}

@media(min-width: 1200px) {
    .offcanvas .menu {
        margin-left:350px;
        gap: 20px
    }
}

@media(min-width: 1600px) {
    .offcanvas .menu {
        margin-left:455px;
        gap:50px;
        /* gap: 40px */
    }
}

.offcanvas .menu__item {
    border-top: 1px solid #29292c;
    padding: 18px 20px
}

@media(min-width: 1200px) {
    .offcanvas .menu__item {
        font-size:12px;
        border: none;
        padding: 0
    }
}

@media(min-width: 1600px) {
    .offcanvas .menu__item {
        font-size:14px
    }
}

.accordion .accordion-item {
    background: none;
    color: #fff;
    border: none
}

@media(min-width: 992px) {
    .accordion .accordion-item {
        max-width:450px
    }
}

@media(min-width: 1200px) {
    .accordion .accordion-item {
        max-width:523px
    }
}

@media(min-width: 1600px) {
    .accordion .accordion-item {
        max-width:650px
    }
}

.accordion .accordion-item:last-child {
    border-bottom: 1px solid #29292c
}

.accordion .accordion-toggler {
    position: relative;
    width: 100%;
    max-width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #29292c;
    transition: all .5s
}

@media(min-width: 992px)and (max-width: 1599px) {
    .accordion .accordion-toggler {
        max-width:20px;
        max-height: 20px
    }
}

.accordion .accordion-toggler span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 2px;
    height: 12px;
    background-color: #f0f0f0;
    transition: all .5s
}

.accordion .accordion-toggler span:first-child {
    width: 2px;
    height: 12px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .accordion .accordion-toggler span:first-child {
        height:10px
    }
}

.accordion .accordion-toggler span:last-child {
    height: 2px;
    width: 12px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .accordion .accordion-toggler span:last-child {
        width:10px
    }
}

.accordion .accordion-button {
    color: #fff;
    background: rgba(0,0,0,0);
    padding: 12px 0;
    border-top: 1px solid #29292c;
    box-shadow: none;
    transition: all .3s;
    gap: 10px
}

@media(min-width: 992px) {
    .accordion .accordion-button {
        padding:15px 0
    }
}

@media(min-width: 1600px) {
    .accordion .accordion-button {
        gap:15px
    }
}

@media(min-width: 1600px)and (min-width: 992px) {
    .accordion .accordion-button p {
        font-size:14px
    }
}

@media(min-width: 1600px)and (min-width: 1600px) {
    .accordion .accordion-button p {
        font-size:20px
    }
}

.accordion .accordion-button::after {
    content: none
}

@media(hover: hover) {
    .accordion .accordion-button:hover .accordion-toggler {
        background-color:#8a2be1;
        border-color: rgba(0,0,0,0)
    }
}

.accordion .accordion-button:not(.collapsed) .accordion-toggler {
    background-color: #8a2be1
}

.accordion .accordion-button:not(.collapsed) .accordion-toggler span:first-child {
    transform: translate(-50%, -50%) rotate(90deg)
}

.accordion .accordion-body {
    font-size: 14px;
    color: #72777c;
    padding: 0 0 15px 40px
}

@media(min-width: 992px) {
    .accordion .accordion-body {
        font-size:12px;
        padding: 0 0 15px 30px
    }
}

@media(min-width: 1600px) {
    .accordion .accordion-body {
        font-size:18px;
        padding: 0 0 20px 40px
    }
}

@media(min-width: 991px) {
    .accordion.accordion-disable .accordion-body {
        background:none
    }

    .accordion.accordion-disable .accordion-item .accordion-button,.accordion.accordion-disable .card .accordion-button {
        pointer-events: none
    }

    .accordion.accordion-disable .accordion-item .accordion-button::after,.accordion.accordion-disable .card .accordion-button::after {
        content: none
    }

    .accordion.accordion-disable .accordion-item>.collapse:not(.show),.accordion.accordion-disable .card>.collapse:not(.show) {
        display: block
    }
}

.socials__wrapper {
    gap: 12px
}

@media(min-width: 992px) {
    .socials__wrapper {
        gap:10px
    }
}

@media(min-width: 1600px) {
    .socials__wrapper {
        gap:20px
    }
}

.socials__item-link {
    padding: 5px;
    border-radius: 10px;
    background-color: #29292c;
    transition: all .5s;
    gap: 10px
}

@media(min-width: 992px) {
    .socials__item-link {
        min-width:190px;
        gap: 9px
    }
}

@media(min-width: 1600px) {
    .socials__item-link {
        min-width:250px;
        padding: 10px;
        gap: 12px
    }
}

@media(hover: hover) {
    .socials__item-link:hover {
        background-color:#8a2be1;
        box-shadow: 0px 0px 25px 0px #8a2be1
    }
}

.socials__item-img {
    width: 44px
}

@media(min-width: 992px) {
    .socials__item-img {
        width:38px
    }
}

@media(min-width: 1600px) {
    .socials__item-img {
        width:auto
    }
}

.socials__item-title {
    font-size: 14px;
    line-height: 140%
}

@media(max-width: 991px) {
    .socials__item-title {
        min-width:100px
    }
}

@media(min-width: 992px) {
    .socials__item-title {
        font-size:12px
    }
}

@media(min-width: 1600px) {
    .socials__item-title {
        font-size:inherit
    }
}

.socials__item-text {
    line-height: 140%
}

@media(min-width: 992px) {
    .socials__item-text {
        font-size:13px
    }
}

@media(min-width: 1600px) {
    .socials__item-text {
        font-size:18px
    }
}

.cookie-popup {
    border-radius: 50px;
    border: 1px solid #504864;
    background: linear-gradient(180deg, rgba(54, 35, 41, 0.1) 0%, rgba(206, 9, 255, 0.1) 100%);
    box-shadow: 14.518px 63.88px 105.014px 0 rgba(0,0,0,.34);
    backdrop-filter: blur(40px);
    position: fixed;
    width: 590px;
    padding: 30px 40px;
    bottom: 50px;
    left: 30px;
    z-index: 101
}

@media(max-width: 767px) {
    .cookie-popup {
        font-size:15px;
        max-width: calc(100% - 40px);
        bottom: 20px;
        left: 20px;
        padding: 25px 25px 10px 25px
    }

    .cookie-popup .cookie-img {
        width: 44px
    }
}

.cookie-popup .row {
    gap: 10px
}

@media(min-width: 768px) {
    .cookie-popup .row {
        gap:20px
    }
}

.cookie-popup h2 {
    font-size: 15px;
    color: #fff
}

@media(min-width: 768px) {
    .cookie-popup h2 {
        font-size:20px
    }
}

.cookie-popup p {
    font-size: 12px;
    color: hsla(0,0%,100%,.6)
}

.cookie-popup .btn-cookie {
    font-size: 14px;
    display: flex;
    padding: 15px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 60px;
    text-transform: uppercase;
    font-weight: 700
}

.cookie-popup .btn-cookie-accept {
    background: #e20000
}

.cookie-popup .btn-cookie-accept:hover {
    background: #fff;
    color: #e20000
}

.cookie-popup .btn-cookie-reject:hover {
    color: #e20000
}

.bg-decor1 {
    max-width: 100%;
    z-index: -1
}

@media(min-width: 992px) {
    .bg-decor1 {
        left:auto;
        max-width: 972px
    }
}

@media(min-width: 1600px) {
    .bg-decor1 {
        max-width:none
    }
}

.bg-decor2 {
    max-width: 530px;
    mix-blend-mode: lighten;
    transform: translateY(90px);
    z-index: -1
}

@media(min-width: 992px) {
    .bg-decor2 {
        max-width:500px;
        transform: translateY(485px)
    }
}

@media(min-width: 1600px) {
    .bg-decor2 {
        max-width:none;
        transform: translateY(480px)
    }
}

.header {
    height: 60px;
    background: #0e0d0d;
    padding: 10px 0;
    border-bottom: 1px solid #29292c;
    transition: all .2s ease-in-out
}

@media(min-width: 1200px) {
    .header {
        height:auto;
        border: 1px solid #29292c;
        border-radius: 10px;
        padding: 15px;
        margin: 10px
    }
}

@media(min-width: 1600px) {
    .header {
        padding:20px;
        margin: 15px
    }
}

.header__btn {
    height: 34px;
    width: 34px;
    padding: 10px
}

@media(min-width: 992px) {
    .header__btn {
        width:max-content;
        font-size: 10px;
        padding: 10px 15px
    }
}

@media(min-width: 1600px) {
    .header__btn {
        font-size:14px;
        line-height: 1.5;
        height: 40px;
        padding: 10px 25px
    }
}

.header__btn-wrapper {
    gap: 10px
}

@media(min-width: 1200px) {
    .header__btn-wrapper {
        gap:15px
    }
}

@media(min-width: 1600px) {
    .header__btn-wrapper {
        gap:25px
    }
}

.header__btn-wrapper_child {
    gap: 5px
}

@media(min-width: 1600px) {
    .header__btn-wrapper_child {
        gap:15px
    }
}

.header.fixed-top .navbar-toggler:not(.on) span,.header.fixed-top .navbar-toggler:not(.on) span:after,.header.fixed-top .navbar-toggler:not(.on) span:before {
    background: #f0f0f0
}

.header.fixed-top .navbar-toggler.on span {
    background-color: rgba(0,0,0,0)
}

.header .navbar-toggler {
    width: 34px;
    height: 34px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 6px
}

.header .navbar-toggler span:after,.header .navbar-toggler span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -7px
}

.header .navbar-toggler span:after {
    top: 7px
}

.header .navbar-toggler span,.header .navbar-toggler span:after,.header .navbar-toggler span:before {
    width: 100%;
    height: 2px;
    background-color: #f0f0f0;
    transition: all .3s;
    backface-visibility: hidden;
    border-radius: 2px
}

.header .navbar-toggler.on {
    border-color: #8a2be1
}

.header .navbar-toggler.on span {
    background-color: rgba(0,0,0,0)
}

.header .navbar-toggler.on span:before {
    transform: rotate(45deg) translate(5px, 5px)
}

.header .navbar-toggler.on span:after {
    transform: rotate(-45deg) translate(5px, -5px)
}

.header .menu__link.active,.header .menu__link.show {
    color: #8a2be1
}

.header .menu .dropdown-menu {
    min-width: 140px
}

@media(min-width: 1600px) {
    .header .menu .dropdown-menu {
        min-width:200px
    }
}

@media(max-width: 1199px) {
    .header .menu .dropdown-menu {
        width:calc(100% + 30px);
        background-color: rgba(0,0,0,0);
        margin: 15px -15px 0
    }
}

.header .menu .dropdown-menu .dropdown-item {
    padding: 15px 40px
}

@media(min-width: 1200px) {
    .header .menu .dropdown-menu .dropdown-item {
        font-size:10px;
        padding: 5px 10px
    }
}

@media(min-width: 1600px) {
    .header .menu .dropdown-menu .dropdown-item {
        font-size:inherit;
        padding: 10px 15px
    }
}

.hero {
    padding-top: 90px
}

@media(min-width: 1200px) {
    .hero {
        padding:100px 0 60px
    }
}

@media(min-width: 1600px) {
    .hero {
        padding:160px 0 120px
    }
}

.hero__img {
    width: 436px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(200px, 175px);
    z-index: -1
}

@media(min-width: 992px) {
    .hero__img {
        transform:translate(85px, 110px)
    }
}

@media(min-width: 1200px) {
    .hero__img {
        width:540px;
        transform: translate(50px, 110px)
    }
}

@media(min-width: 1600px) {
    .hero__img {
        width:auto;
        transform: translate(250px, 180px)
    }
}

@media(max-width: 991px) {
    .hero__title {
        margin-bottom:112px
    }
}

@media(min-width: 992px) {
    .hero__title br:nth-of-type(2) {
        display:none
    }
}

.hero__text {
    line-height: 140%;
    padding: 30px 25px
}

@media(min-width: 992px) {
    .hero__text {
        padding:0;
        margin-right: 55px
    }
}

@media(min-width: 1600px) {
    .hero__text {
        font-size:24px;
        margin-right: 60px
    }
}

@media(max-width: 991px) {
    .hero__text br {
        display:none
    }
}

.hero-cards__item {
    display: grid;
    grid-template-rows: max-content;
    background-image: url(../img/hero-cards-bg.png);
    background-size: 100% 100%;
    color: #0e0d0d;
    padding: 5px 30px
}

@media(max-width: 374px) {
    .hero-cards__item {
        margin-right:0 !important;
        margin-bottom: 15px
    }

    .hero-cards__item:not(:last-child) {
        margin-bottom: 15px
    }
}

@media(min-width: 345px)and (max-width: 575px) {
    .hero-cards__item {
        max-width:165px
    }
}

@media(max-width: 991px) {
    .hero-cards__item {
        min-height:68px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .hero-cards__item {
        padding:5px 20px
    }
}

.hero-cards__item-tag {
    border-radius: 0 0 4px 4px;
    background: #8a2be1;
    max-width: max-content;
    padding: 0 5px;
    color: #f0f0f0
}

@media(min-width: 992px) {
    .hero-cards__item-tag {
        font-size:13px
    }
}

@media(min-width: 1600px) {
    .hero-cards__item-tag {
        font-size:18px
    }
}

.hero-cards__item-title {
    font-size: 13px;
    line-height: 108%;
    font-weight: 600;
    gap: 4px;
    margin: 6px 0
}

@media(min-width: 992px) {
    .hero-cards__item-title {
        font-size:10px;
        line-height: 112%
    }
}

@media(min-width: 1600px) {
    .hero-cards__item-title {
        font-size:15px
    }
}

.hero-cards__item-title span {
    font-size: 32px;
    font-weight: 800;
    align-self: center;
    line-height: .9
}

@media(min-width: 992px) {
    .hero-cards__item-title span {
        font-size:27px
    }
}

@media(min-width: 1600px) {
    .hero-cards__item-title span {
        font-size:38px
    }
}

.hero-cards__item_1 {
    margin-bottom: 15px
}

@media(max-width: 991px) {
    .hero-cards__item_1 {
        margin-right:15px
    }
}

@media(min-width: 1600px) {
    .hero-cards__item_1 {
        margin-bottom:20px
    }
}

@media(min-width: 992px) {
    .hero-cards__item_2 {
        margin-top:35px;
        margin-right: 15px
    }
}

@media(min-width: 1600px) {
    .hero-cards__item_2 {
        margin-top:45px;
        margin-right: 20px
    }
}

.hero-cards__item_2 .hero-cards__item-title {
    height: auto
}

.hero-cards__item_2 span {
    font-size: 16px
}

@media(min-width: 992px) {
    .hero-cards__item_2 span {
        font-size:14px
    }
}

@media(min-width: 1600px) {
    .hero-cards__item_2 span {
        font-size:20px
    }
}

.hero-top {
    background-image: url(../img/hero-border-mob.png);
    background-size: 100% 100%;
    margin: 55px auto 0
}

@media(max-width: 991px) {
    .hero-top {
        max-width:345px
    }
}

@media(min-width: 992px) {
    .hero-top {
        max-width:670px;
        background-image: url(../img/hero-border.png);
        margin: 45px 0 45px;
        padding: 35px 30px 25px 30px
    }
}

@media(min-width: 1600px) {
    .hero-top {
        max-width:940px;
        margin: 60px 0 60px;
        padding: 50px 40px 35px 40px
    }
}

.hero-bottom {
    margin-top: 30px
}

@media(min-width: 992px) {
    .hero-bottom {
        margin:0;
        gap: 20px
    }
}

@media(min-width: 1600px) {
    .hero-bottom {
        gap:50px
    }
}

.priority {
    padding: 60px 0 65px
}

@media(min-width: 992px) {
    .priority {
        padding:80px 0 95px
    }
}

@media(min-width: 1600px) {
    .priority {
        padding:70px 0 140px
    }
}

@media(max-width: 991px) {
    .priority__title {
        margin-bottom:30px
    }
}

@media(min-width: 992px) {
    .priority__title {
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.priority__img {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translateY(-50%);
    z-index: -1
}

@media(min-width: 992px) {
    .priority__img {
        left:50%;
        transform: translate(-50%, -50%)
    }
}

.priority__img_1 img {
    width: 673px
}

@media(min-width: 992px) {
    .priority__img_1 img {
        width:628px
    }
}

@media(min-width: 1600px) {
    .priority__img_1 img {
        width:auto
    }
}

.priority__img_2 img {
    width: 607px
}

@media(min-width: 992px) {
    .priority__img_2 img {
        width:552px
    }
}

@media(min-width: 1600px) {
    .priority__img_2 img {
        width:auto
    }
}

.priority__items {
    row-gap: 30px
}

@media(min-width: 992px) {
    .priority__items {
        row-gap:90px
    }
}

@media(min-width: 1600px) {
    .priority__items {
        row-gap:130px
    }
}

.priority__item {
    gap: 10px
}

@media(min-width: 992px) {
    .priority__item {
        padding:5px 0
    }
}

@media(min-width: 1600px) {
    .priority__item {
        gap:15px
    }
}

.priority__item-img {
    width: 56px
}

@media(min-width: 992px) {
    .priority__item-img {
        width:84px
    }
}

@media(min-width: 1600px) {
    .priority__item-img {
        width:auto
    }
}

.priority__item-title {
    font-size: 26px;
    color: #ffda17
}

@media(min-width: 992px) {
    .priority__item-title {
        font-size:34px
    }
}

@media(min-width: 1600px) {
    .priority__item-title {
        font-size:48px
    }
}

@media(min-width: 1600px) {
    .priority__item-text {
        font-size:20px
    }
}

@media(max-width: 991px) {
    .priority__item-text br {
        display:none
    }
}

.product {
    padding-bottom: 15px
}

@media(min-width: 992px) {
    .product {
        padding:40px 0 80px
    }
}

@media(min-width: 1600px) {
    .product {
        padding:60px 0 100px
    }
}

.product__wrapper {
    gap: 40px
}

@media(min-width: 992px) {
    .product__wrapper {
        gap:20px
    }
}

.product__bg {
    background-image: url(../img/product-bg-mob.png);
    background-size: 100% 100%;
    padding: 40px 30px 300px 30px
}

@media(max-width: 420px) {
    .product__bg {
        padding:40px 30px calc(85vw - 50px) 30px
    }
}

@media(max-width: 991px) {
    .product__bg {
        max-width:345px;
        margin: 0 auto
    }
}

@media(min-width: 992px) {
    .product__bg {
        background-image:url(../img/product-bg.png);
        padding: 65px 45% 65px 50px
    }
}

@media(min-width: 1600px) {
    .product__bg {
        padding:90px 445px 90px 60px
    }
}

.product__title {
    margin-bottom: 10px
}

@media(min-width: 992px) {
    .product__title {
        margin-bottom:15px
    }
}

@media(min-width: 1600px) {
    .product__title {
        margin-bottom:20px
    }
}

@media(min-width: 992px) {
    .product__text {
        max-width:365px
    }
}

@media(min-width: 1600px) {
    .product__text {
        font-size:20px;
        max-width: 510px
    }
}

.product__apps {
    padding: 25px 10px 0 25px;
    padding-bottom: 0;
    background-color: #1b1b1d;
    border-bottom: 3px solid #0e0d0d;
    border-radius: 10px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .product__apps {
        max-width:353px;
        padding: 20px 10px 0 20px;
        border-bottom: 2px solid #0e0d0d;
        border-radius: 8px
    }
}

@media(min-width: 1600px) {
    .product__apps {
        max-width:460px
    }
}

.product__apps-title {
    margin-bottom: 5px
}

@media(min-width: 992px) {
    .product__apps-title {
        margin-bottom:10px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .product__apps-title {
        font-size:18px
    }
}

.product__apps-tag {
    font-size: 14px;
    line-height: 120%;
    max-width: max-content;
    padding: 5px 10px;
    background-color: #8a2be1;
    border-radius: 0 0 4px 4px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .product__apps-tag {
        font-size:11px;
        padding: 0 5px
    }
}

.product__apps-img {
    width: 311px
}

@media(min-width: 576px)and (max-width: 991px) {
    .product__apps-img {
        width:343px
    }
}

@media(min-width: 1200px)and (max-width: 1599px) {
    .product__apps-img {
        margin-left:10px
    }
}

@media(min-width: 1600px) {
    .product__apps-img {
        width:auto
    }
}

.product__advantages {
    margin: 40px 0
}

@media(min-width: 992px) {
    .product__advantages {
        margin:30px 0 40px
    }
}

@media(min-width: 1600px) {
    .product__advantages {
        margin-bottom:60px
    }
}

.product__advantages-item {
    padding: 11px 0 14px
}

@media(max-width: 991px) {
    .product__advantages-item {
        width:345px;
        border-top: 1px solid #29292c
    }
}

@media(min-width: 992px) {
    .product__advantages-item {
        padding:23px 0;
        border-left: 1px solid #29292c
    }
}

@media(min-width: 1600px) {
    .product__advantages-item {
        padding:30px 0
    }
}

@media(max-width: 991px) {
    .product__advantages-item:last-child {
        border-bottom:1px solid #29292c
    }
}

@media(min-width: 992px) {
    .product__advantages-item:last-child {
        border-right:1px solid #29292c
    }
}

@media(max-width: 991px) {
    .product__advantages-numbers {
        font-size:32px
    }
}

.product__advantages-text {
    line-height: 120%;
    color: #72777c
}

@media(min-width: 1600px) {
    .product__advantages-text {
        font-size:20px
    }
}

@media(min-width: 992px) {
    .product__btn-wrapper {
        gap:20px
    }
}

@media(min-width: 1600px) {
    .product__btn-wrapper {
        gap:30px
    }
}

.conversion {
    padding: 80px 0 20px
}

@media(min-width: 992px) {
    .conversion {
        padding:40px 0 85px
    }
}

@media(min-width: 1600px) {
    .conversion {
        padding:70px 0 95px
    }
}

.conversion__title {
    margin-bottom: 15px
}

@media(min-width: 992px) {
    .conversion__title {
        margin-bottom:60px
    }
}

@media(min-width: 1600px) {
    .conversion__title {
        margin-bottom:100px
    }
}

.conversion__title span {
    color: #8a2be1
}

.conversion__text {
    margin-bottom: 30px
}

@media(min-width: 992px) {
    .conversion__text {
        margin-bottom:70px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .conversion__text br {
        display:none
    }
}

@media(min-width: 1600px) {
    .conversion__text {
        font-size:20px;
        margin-bottom: 50px
    }
}

.reviews {
    padding-top: 80px
}

@media(min-width: 992px) {
    .reviews {
        padding:40px 0 60px
    }
}

@media(min-width: 1600px) {
    .reviews {
        padding:40px 0 80px
    }
}

.reviews__wrapper {
    background-image: url(../img/reviews-border-mob.png);
    background-size: 100% 100%;
    padding: 30px
}

@media(max-width: 991px) {
    .reviews__wrapper {
        max-width:345px;
        margin: 0 auto
    }
}

@media(min-width: 992px) {
    .reviews__wrapper {
        background-image:url(../img/reviews-border.png);
        padding: 30px 35px 45px
    }
}

@media(min-width: 1600px) {
    .reviews__wrapper {
        padding:40px 50px 60px
    }
}

.reviews__title {
    margin-bottom: 20px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .reviews__title {
        margin-bottom:15px
    }
}

.reviews__item-img {
    width: 285px;
    height: 80px;
    background-color: #f0f0f0;
    border-radius: 8px
}

@media(min-width: 1600px) {
    .reviews__item-img {
        width:290px;
        height: 140px;
        margin-bottom: 20px
    }
}

.reviews__item-text {
    color: #72777c;
    line-height: 140%
}

@media(min-width: 992px) {
    .reviews__item-text {
        font-size:13px;
        padding-left: 20px
    }
}

@media(min-width: 1600px) {
    .reviews__item-text {
        font-size:18px
    }
}

@media(max-width: 991px) {
    .reviews__item-link {
        margin:10px 0 20px
    }
}

@media(min-width: 992px) {
    .reviews__item-link {
        margin-top:15px
    }
}

.tournaments {
    padding: 80px 0 40px
}

@media(min-width: 992px) {
    .tournaments {
        padding:40px 0 80px
    }
}

@media(min-width: 1600px) {
    .tournaments {
        padding:60px 0 110px
    }
}

.tournaments__title {
    margin-bottom: 15px
}

@media(min-width: 1600px) {
    .tournaments__title {
        margin-bottom:20px
    }
}

.tournaments__text {
    margin-bottom: 20px
}

@media(min-width: 992px) {
    .tournaments__text {
        max-width:55%;
        font-size: 14px;
        margin-bottom: 50px
    }
}

@media(min-width: 1600px) {
    .tournaments__text {
        max-width:60%;
        font-size: 20px;
        margin-bottom: 75px
    }
}

.tournaments__item {
    border-radius: 10px;
    background: #1b1b1d
}

@media(min-width: 992px) {
    .tournaments__item {
        max-width:540px;
        max-height: 200px
    }
}

@media(min-width: 1600px) {
    .tournaments__item {
        max-width:700px;
        max-height: 270px
    }
}

@media(hover: hover) {
    .tournaments__item:hover {
        color:inherit
    }

    .tournaments__item:hover .tournaments__item-btn {
        background: #8a2be1;
        border-color: rgba(0,0,0,0);
        box-shadow: 0px 0px 25px 0px #8a2be1
    }

    .tournaments__item:hover:not(.tournaments__item_finished) .tournaments__item-img {
        transform: scale(1.1)
    }
}

.tournaments__item-img {
    width: 100%;
    height: 100%;
    max-height: 220px;
    object-fit: cover;
    transition: all .5s
}

@media(min-width: 992px) {
    .tournaments__item-img {
        max-width:200px;
        max-height: none
    }
}

@media(min-width: 1600px) {
    .tournaments__item-img {
        max-width:270px
    }
}

.tournaments__item-body {
    padding: 0 20px 20px
}

@media(min-width: 992px) {
    .tournaments__item-body {
        padding:0 15px 15px
    }
}

@media(min-width: 1600px) {
    .tournaments__item-body {
        padding:0 25px 25px
    }
}

.tournaments__item-tag {
    margin-bottom: 15px;
    max-width: max-content
}

@media(min-width: 1600px) {
    .tournaments__item-tag {
        margin-bottom:20px
    }
}

.tournaments__item-title {
    font-size: 22px;
    color: #ffda17;
    margin-bottom: 5px
}

@media(min-width: 992px) {
    .tournaments__item-title {
        font-size:18px;
        margin-bottom: 10px
    }
}

@media(min-width: 1600px) {
    .tournaments__item-title {
        font-size:24px
    }
}

.tournaments__item-text {
    color: #f0f0f0;
    margin-bottom: 60px
}

@media(min-width: 992px) {
    .tournaments__item-text {
        margin-bottom:0
    }
}

.tournaments__item-bottom {
    gap: 10px
}

.tournaments__item-btn {
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 6px
}

@media(min-width: 992px) {
    .tournaments__item-btn {
        font-size:10px;
        padding: 5px 15px;
        border-radius: 4px
    }
}

@media(min-width: 1600px) {
    .tournaments__item-btn {
        font-size:14px;
        padding: 10px 25px
    }
}

.tournaments__item-date {
    gap: 10px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .tournaments__item-date {
        gap:5px
    }
}

.tournaments__item-date span {
    line-height: 140%;
    color: #72777c
}

@media(min-width: 992px)and (max-width: 1599px) {
    .tournaments__item-date span {
        font-size:12px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .tournaments__item-date img {
        width:12px
    }
}

.tournaments__item-finish {
    color: #72777c;
    border-top: 1px solid #29292c;
    border-bottom: 1px solid #29292c;
    padding: 10px 0
}

@media(min-width: 992px)and (max-width: 1599px) {
    .tournaments__item-finish {
        font-size:12px;
        padding: 5px 0
    }
}

.tournaments__item_finished *:not(.tournaments__item-tag) {
    color: #72777c
}

.tournaments__item_finished img {
    mix-blend-mode: luminosity
}

.conference {
    padding: 70px 0 40px
}

@media(min-width: 992px) {
    .conference {
        padding:60px 0 70px
    }
}

@media(min-width: 1600px) {
    .conference {
        padding:80px 0 100px
    }
}

.conference__title {
    margin-bottom: 15px
}

@media(min-width: 1600px) {
    .conference__title {
        margin-bottom:20px
    }
}

.conference__text {
    width: 60%;
    margin-bottom: 40px
}

@media(min-width: 992px) {
    .conference__text {
        width:auto;
        margin-bottom: 50px
    }
}

@media(min-width: 1600px) {
    .conference__text {
        width:auto;
        font-size: 20px;
        margin-bottom: 65px
    }
}

@media(max-width: 991px) {
    .conference__img {
        max-height:190px;
        position: absolute;
        top: 70px;
        right: 0
    }
}

@media(max-width: 575px) {
    .conference__img {
        top:117px;
        right: -30px
    }
}

@media(min-width: 992px) {
    .conference__wrapper {
        gap:35px
    }
}

@media(min-width: 1200px) {
    .conference__wrapper {
        gap:65px
    }
}

@media(min-width: 1600px) {
    .conference__wrapper {
        gap:40px
    }
}

.conference__item {
    border-radius: 10px;
    background: #1b1b1d;
    padding: 20px
}

@media(min-width: 992px) {
    .conference__item {
        max-width:355px;
        padding: 18px
    }
}

@media(min-width: 1600px) {
    .conference__item {
        max-width:460px;
        max-height: 490px;
        padding: 25px
    }
}

@media(hover: hover) {
    .conference__item:hover .conference__item-img {
        transform:scale(1.1)
    }
}

.conference__item-img {
    transition: all .5s
}

@media(min-width: 992px) {
    .conference__item-img {
        object-fit:cover
    }
}

.conference__item-img__wrapper {
    border-radius: 8px;
    border: 1px solid #29292c
}

@media(min-width: 1200px) {
    .conference__item-img__wrapper {
        height:160px
    }
}

@media(min-width: 1200px)and (max-width: 1599px) {
    .conference__item-img__wrapper {
        border-radius:6px
    }
}

@media(min-width: 1600px) {
    .conference__item-img__wrapper {
        height:225px
    }
}

.conference__item-body {
    margin-top: 45px;
    gap: 10px
}

@media(min-width: 992px) {
    .conference__item-body {
        margin-top:35px;
        gap: 9px
    }
}

@media(min-width: 1600px) {
    .conference__item-body {
        margin-top:55px;
        gap: 12px
    }
}

.conference__item-tag {
    border-radius: 4px 0 4px 0;
    background: #ffda17;
    color: #0e0d0d
}

.conference__item-title {
    font-size: 22px;
    color: #f0f0f0
}

@media(min-width: 992px) {
    .conference__item-title {
        font-size:18px
    }
}

@media(min-width: 1600px) {
    .conference__item-title {
        font-size:26px
    }
}

.conference__item-btns {
    margin-top: 20px;
    gap: 10px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .conference__item-btns {
        margin-top:15px;
        gap: 5px
    }
}

@media(min-width: 1600px) {
    .conference__item-btns {
        margin-top:25px
    }
}

.conference__item-btn {
    font-size: 13px;
    width: 100%;
    min-width: 130px;
    padding: 10px 15px;
    border-radius: 6px
}

@media(min-width: 992px) {
    .conference__item-btn {
        font-size:10px;
        padding: 5px 15px
    }
}

@media(min-width: 1600px) {
    .conference__item-btn {
        font-size:14px;
        padding: 10px 25px
    }
}

.conference__item-btn.btn-get_primary {
    min-width: 165px
}

.conference__item-date,.conference__item-geo {
    gap: 8px
}

.conference__item-date span,.conference__item-geo span {
    line-height: 140%;
    color: #72777c
}

@media(min-width: 992px)and (max-width: 1599px) {
    .conference__item-date,.conference__item-geo {
        gap:6px
    }

    .conference__item-date img,.conference__item-geo img {
        width: 12px
    }

    .conference__item-date span,.conference__item-geo span {
        font-size: 12px
    }
}

.conference__item_finished .conference__item-tag {
    background: #29292c;
    color: #72777c;
    margin: 0
}

.faq {
    padding: 40px 0
}

@media(min-width: 992px) {
    .faq {
        padding:70px 0 40px
    }
}

@media(min-width: 1600px) {
    .faq {
        padding:100px 0 90px
    }
}

.faq__title {
    margin-bottom: 35px
}

@media(min-width: 1600px) {
    .faq__title {
        margin-bottom:50px
    }
}

@media(min-width: 992px) {
    .faq__wrapper {
        gap:55px
    }
}

@media(min-width: 1600px) {
    .faq__wrapper {
        gap:120px
    }
}

.faq__img {
    width: 497px;
    top: -100px
}

@media(min-width: 992px) {
    .faq__img {
        width:688px;
        top: -35px;
        right: -115px
    }
}

@media(min-width: 1600px) {
    .faq__img {
        width:auto;
        top: -50px;
        left: -70px;
        right: auto
    }
}

.faq__img-wrapper {
    margin-bottom: 10px
}

@media(min-width: 1600px) {
    .faq__img-wrapper {
        margin-bottom:0;
        margin-top: 10px
    }
}

.faq__ava,.faq__logo {
    max-width: max-content
}

.faq__ava-text,.faq__logo-text {
    position: relative;
    font-size: 14px;
    line-height: 140%;
    border-radius: 8px;
    margin-bottom: 22px
}

@media(min-width: 992px) {
    .faq__ava-text,.faq__logo-text {
        font-size:13px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .faq__ava-text,.faq__logo-text {
        margin-bottom:18px
    }
}

@media(min-width: 1600px) {
    .faq__ava-text,.faq__logo-text {
        font-size:18px
    }
}

.faq__ava-text::after,.faq__logo-text::after {
    position: absolute;
    bottom: -20px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .faq__ava-text::after,.faq__logo-text::after {
        bottom:-12px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .faq__ava {
        margin-top:-5px
    }
}

.faq__ava-text {
    max-width: 215px;
    color: #0e0d0d;
    background-color: #f0f0f0;
    padding: 5px 10px
}

@media(min-width: 992px) {
    .faq__ava-text {
        max-width:205px
    }
}

@media(min-width: 1600px) {
    .faq__ava-text {
        max-width:255px;
        padding: 10px 15px
    }
}

.faq__ava-text::after {
    content: url(../img/corner-white.png);
    left: 32px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .faq__ava-text::after {
        width:16px;
        height: 13px;
        right: 28px
    }
}

.faq__ava-img {
    width: 40px
}

@media(min-width: 992px) {
    .faq__ava-img {
        width:34px
    }
}

@media(min-width: 1600px) {
    .faq__ava-img {
        width:auto
    }
}

.faq__logo {
    margin-top: -45px;
    margin-left: 60px
}

@media(min-width: 992px) {
    .faq__logo {
        margin-top:-20px;
        margin-left: 40px
    }
}

@media(min-width: 1600px) {
    .faq__logo {
        margin-top:-30px;
        margin-left: 70px
    }
}

.faq__logo-text {
    max-width: 260px;
    background-color: #8a2be1;
    padding: 5px 10px
}

@media(min-width: 992px) {
    .faq__logo-text {
        max-width:215px
    }
}

@media(min-width: 1600px) {
    .faq__logo-text {
        max-width:290px;
        padding: 10px 15px
    }
}

.faq__logo-text::after {
    content: url(../img/corner-red.png);
    right: 32px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .faq__logo-text::after {
        width:16px;
        height: 13px;
        right: 28px
    }
}

.faq__logo-img {
    width: 40px
}

@media(min-width: 992px) {
    .faq__logo-img {
        width:34px
    }
}

@media(min-width: 1600px) {
    .faq__logo-img {
        width:auto
    }
}

.contacts {
    padding: 40px 0
}

@media(min-width: 992px) {
    .contacts {
        padding:0 0 60px
    }
}

@media(min-width: 1600px) {
    .contacts {
        padding:40px 0 80px
    }
}

.contacts__wrapper {
    background-image: url(../img/contacts-bg-mob.png);
    background-size: 100% 100%;
    padding: 25px 30px 210px
}

@media(max-width: 991px) {
    .contacts__wrapper {
        max-width:345px;
        margin: 0 auto
    }
}

@media(min-width: 992px) {
    .contacts__wrapper {
        min-height:400px;
        background-image: url(../img/contacts-bg.png);
        padding: 110px 0 65px 45px
    }
}

@media(min-width: 1600px) {
    .contacts__wrapper {
        min-height:550px;
        padding: 150px 0 90px 60px
    }
}

.contacts__title {
    margin-bottom: 20px
}

@media(max-width: 991px) {
    .contacts__title {
        font-size:26px
    }
}

@media(min-width: 992px) {
    .contacts__title {
        max-width:590px;
        margin-bottom: 30px
    }
}

@media(min-width: 1600px) {
    .contacts__title {
        max-width:800px;
        margin-bottom: 40px
    }
}

.contacts__flame {
    width: 246px;
    mix-blend-mode: screen;
    transform: translate3d(0, 0, 0)
}

@media(min-width: 992px) {
    .contacts__flame {
        width:380px;
        margin-bottom: 10px
    }
}

@media(min-width: 1600px) {
    .contacts__flame {
        width:536px
    }
}

.footer {
    color: #f0f0f0;
    border-top: 1px solid #29292c
}

.footer__top {
    padding: 30px 0 15px
}

@media(min-width: 992px) {
    .footer__top {
        padding:40px 0 45px
    }
}

@media(min-width: 1600px) {
    .footer__top {
        padding:60px 0
    }
}

@media(min-width: 992px) {
    .footer__top-wrapper>.row {
        gap:100px
    }
}

@media(min-width: 1600px) {
    .footer__top-wrapper>.row {
        gap:25px
    }
}

.footer__bottom {
    padding: 30px 0 15px;
    border-top: 1px solid #29292c
}

@media(min-width: 992px) {
    .footer__bottom {
        padding:10px 0
    }
}

@media(min-width: 1600px) {
    .footer__bottom {
        padding:15px 0
    }
}

@media(min-width: 992px) {
    .footer__bottom>.row {
        gap:30px
    }
}

.footer__partners {
    padding: 10px 10px 10px 15px;
    border-radius: 8px;
    background-color: #1b1b1d
}

@media(min-width: 1600px) {
    .footer__partners {
        padding:15px 15px 15px 20px
    }
}

.footer__partners-text {
    line-height: 120%
}

@media(min-width: 992px)and (max-width: 1599px) {
    .footer__partners-text {
        font-size:12px
    }
}

@media(min-width: 992px) {
    .footer__partners>.row {
        gap:10px
    }
}

@media(min-width: 1600px) {
    .footer__partners>.row {
        gap:20px
    }
}

.footer__partners-imgs>.row {
    gap: 10px
}

@media(min-width: 1600px) {
    .footer__partners-imgs>.row {
        gap:15px
    }
}

@media(min-width: 992px) {
    .footer__partners-imgs img {
        height:21px
    }
}

@media(min-width: 1600px) {
    .footer__partners-imgs img {
        height:30px
    }
}

.footer__mail {
    padding: 25px 0
}

@media(max-width: 991px) {
    .footer__mail {
        border-bottom:1px solid #29292c
    }
}

@media(min-width: 992px) {
    .footer__mail {
        border-right:1px solid #29292c;
        border-left: 1px solid #29292c;
        padding: 0 35px
    }
}

.footer__mail-title {
    font-size: 18px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .footer__mail-title {
        font-size:13px;
        margin-bottom: 5px
    }
}

@media(min-width: 1600px) {
    .footer__mail-title {
        margin:5px 0 10px
    }
}

.footer__mail-text {
    font-size: 14px;
    line-height: 140%;
    color: #72777c
}

@media(min-width: 992px)and (max-width: 1599px) {
    .footer__mail-text {
        font-size:12px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .footer__mail img {
        width:20px
    }
}

.footer__menu {
    gap: 50px
}

@media(max-width: 991px) {
    .footer__menu {
        padding:30px 0
    }
}

@media(min-width: 992px) {
    .footer__menu {
        gap:75px
    }
}

@media(min-width: 1600px) {
    .footer__menu {
        gap:30px
    }
}

.footer__menu-item {
    font-size: 13px
}

@media(min-width: 992px) {
    .footer__menu-item {
        font-size:12px
    }
}

@media(min-width: 1600px) {
    .footer__menu-item {
        font-size:14px
    }
}

.footer__menu>.row {
    gap: 15px
}

@media(min-width: 1600px) {
    .footer__menu>.row {
        gap:20px
    }
}

.footer__socials-item {
    border-radius: 8px;
    border: 1px solid #29292c;
    padding: 5px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .footer__socials-item {
        border-radius:6px
    }
}

@media(min-width: 1600px) {
    .footer__socials-item {
        padding:10px
    }
}

@media(hover: hover) {
    .footer__socials-item:hover {
        background-color:#8a2be1;
        box-shadow: 0px 0px 25px 0px #8a2be1;
        border-color: rgba(0,0,0,0)
    }
}

.footer__socials>.row {
    gap: 10px
}

@media(min-width: 992px)and (max-width: 1599px) {
    .footer__socials>.row {
        gap:5px
    }
}

.footer__socials img {
    width: 18px
}

@media(min-width: 992px) {
    .footer__socials img {
        width:15px
    }
}

@media(min-width: 1600px) {
    .footer__socials img {
        width:auto
    }
}

.footer__copyright {
    font-size: 14px;
    line-height: 120%;
    color: #72777c
}

@media(max-width: 991px) {
    .footer__copyright {
        margin-bottom:30px
    }
}

@media(min-width: 992px) {
    .footer__copyright br {
        display:none
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .footer__copyright {
        font-size:12px
    }
}

.footer__btn {
    line-height: 120%
}

@media(max-width: 991px) {
    .footer__btn {
        margin-bottom:10px
    }
}

@media(min-width: 992px)and (max-width: 1599px) {
    .footer__btn {
        font-size:12px
    }
}

@keyframes opacity1 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes opacity2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 0
    }
}

@keyframes opacity3 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .15
    }

    100% {
        opacity: 0
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin-reverse {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

@media(max-width: 991px) {
    .lang-fr .conference__img,.lang-tr .conference__img,.lang-es .conference__img,.lang-uz .conference__img {
        top:120px
    }
}

@media(max-width: 575px) {
    .lang-fr .conference__img,.lang-tr .conference__img,.lang-es .conference__img,.lang-uz .conference__img {
        top:160px
    }
}


/* Ensure proper layout for the whole footer section */
.footer {
    padding: 25px 0 20px;
    background: #0f0f0f;
    color: #676c71;
    font-size: 12px;
}
@media(min-width: 991px) {
    .footer {
        padding: 30px 0;
    }
}

/* Fix spacing and border for the top section */
.footer__top {
    padding: 30px 0 15px;
}
@media(min-width: 991px) {
    .footer__top {
        padding: 40px 0 45px;
    }
}

/* Crucial: Define gaps and alignment for the main top wrapper */
@media(min-width: 991px) {
    .footer__top-wrapper > .row {
        gap: 100px; /* Adjust spacing between email/menu and socials */
    }
}

/* Crucial: Layout for the Menu container itself (makes it a flex container with gaps) */
.footer__menu {
    gap: 50px; /* Gap between the columns (Advantages/Conferences columns) */
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}
@media(min-width: 991px) {
    .footer__menu {
        gap: 75px;
    }
}

/* Layout for the columns inside the menu (e.g., 'Advantages' column) */
.footer__menu > .row {
    gap: 15px; /* Vertical gap between menu items like 'Advantages', 'Product', 'Reviews' */
}

/* Crucial: Fix alignment and spacing for the Socials/App section */
.footer__socials > .row {
    gap: 10px; /* Horizontal gap between social icons */
    justify-content: center;
}
@media(min-width: 991px) {
    .footer__socials {
        /* Add specific styles to position the socials block correctly */
    }
}

/* Fix bottom border alignment and spacing */
.footer__bottom {
    padding: 30px 0 15px;
    border-top: 1px solid #29292c;
}
@media(min-width: 991px) {
    .footer__bottom {
        padding: 10px 0;
    }
}

/* Fix for alignment issues in the main footer section */

/* Ensures the main row items (Logo/Email, Menu, Socials) are correctly spaced on large screens */
.footer__top > .row {
    align-items: flex-start; /* Ensure items start at the top */
    flex-wrap: nowrap; /* Prevent wrapping on desktop */
}

/* Crucial: Redefine the row spacing within the main top wrapper */
@media(min-width: 992px) {
    .footer__top-wrapper > .row {
        gap: 100px; /* Space between Email block, Menu block, and Social/App block */
        flex-wrap: nowrap;
        justify-content: space-between; /* Distribute space between main columns */
    }
}

/* Redefine email block column width */
@media(min-width: 992px) {
    .footer__mail {
        padding: 0 35px;
        border-right: 1px solid #29292c;
        border-left: 1px solid #29292c;
    }
}

/* Ensure social/app column is correctly positioned */
.footer__top-wrapper .col-auto.order-1.order-lg-3 {
    margin-left: auto; /* Push the rightmost element (Socials/App) to the right */
}

/* Tweak the menu block to ensure it occupies the center space correctly */
.footer__top-wrapper .col.order-3.order-lg-2 {
    flex-grow: 1; 
    min-width: 300px; /* Ensure enough space for the menu to not stack */
}

/* --- Final Layout and Spacing Overrides for Footer --- */

@media(min-width: 992px) {
    /* 1. Control the Width of the Left (Logo/Email) Column */
    .footer__top-wrapper .col-auto.order-2.order-lg-1 {
        max-width: 220px; 
        flex-basis: 220px; 
        flex-shrink: 0; 
        flex-grow: 0;
        align-self: flex-start;
    }
    
    /* 2. Main Row Container Gaps */
    .footer__top-wrapper > .row {
        /* This large gap spreads the columns to the edges */
        gap: 50px; 
        justify-content: space-between;
        align-items: center; /* Center the overall blocks vertically */
    }

    /* 3. Center Menu Block */
    .footer__top-wrapper .col.order-3.order-lg-2 {
        flex-grow: 1;
        min-width: 300px; 
        align-self: center; /* Ensure the menu block is centered */
    }

    /* 4. Email Borders and Alignment */
    .footer__mail {
        padding: 0 35px;
        border-right: 1px solid #29292c;
        border-left: 1px solid #29292c;
    }

    /* 5. Right Social/App Block Position */
    .footer__top-wrapper .col-auto.order-1.order-lg-3 {
        margin-left: auto;
        margin-top: 0; /* Remove previous manual margin */
        align-self: center; 
    }
}

/* --- Menu and Logo Fine-Tuning (Ensuring correct fonts/colors) --- */
.footer__mail-title {
    color: #127729; 
    font-size: 18px; 
}
.footer__menu {
    display: flex;
    justify-content: center;
    gap: 75px; 
}

/* --- Android App Button Styling --- */
.btn-android__footer {
    border: 1px solid #29292c;
    background-color: transparent; 
    margin-top: 0; /* Align with socials */
}

/* Android SVG Color Fix (Using Filter on the <img> tag) */
.btn-android__footer img {
    filter: invert(72%) sepia(35%) saturate(300%) hue-rotate(50deg) brightness(85%) contrast(100%);
}


/* --- Final Right Column Alignment --- */
@media(min-width: 992px) {
    .footer__top-wrapper .col-auto.order-1.order-lg-3 {
        margin-left: auto; 
        /* Reset vertical alignment and margin from previous attempts */
        align-self: flex-start !important; 
        margin-top: 0 !important; 
    }

    /* Ensure internal row of the right column (socials + app) aligns correctly */
    .footer__top-wrapper .col-auto.order-1.order-lg-3 > .row {
        align-items: flex-start;
        height: auto;
    }
}

/* --- Final Specific Layout Overrides for Desktop (992px+) --- */
@media(min-width: 992px) {
    /* 1. Control the Width of the Left (Logo/Email) Column */
    .footer__top-wrapper .col-auto.order-2.order-lg-1 {
        max-width: 220px; 
        flex-basis: 220px; 
        flex-shrink: 0; 
        flex-grow: 0;
        align-self: flex-start;
    }
    
    /* 2. Main Row Container Spacing */
    .footer__top-wrapper > .row {
        /* Set a definitive, wider gap for perfect spacing (adjust 180px if needed for your specific screen) */
        gap: 50px; 
        justify-content: space-between;
        align-items: center; /* Center the overall blocks vertically */
    }

    /* 3. Center Menu Block (Ensure it uses remaining space) */
    .footer__top-wrapper .col.order-3.order-lg-2 {
        flex-grow: 1;
        min-width: 280px;
        align-self: center; 
    }

    /* 4. Right Social/App Block Position (Final alignment) */
    .footer__top-wrapper .col-auto.order-1.order-lg-3 {
        margin-left: auto;
        margin-top: 0;
        align-self: flex-start; 
        /* Tweak padding to pull it closer to the edge, matching the design */
        padding-right: 0 !important; 
    }
}
/* --- 1. Shrink the Logo Image (Override inline style) --- */
.logo {
    /* Reduce the physical height of the logo image */
    height: 40px !important; 
    width: auto !important;
}

@media(min-width: 1399px) {
    .logo {
        /* Set a definitive height for larger screens */
        height: 50px !important;
    }
}

/* --- 2. Shrink the Logo/Email Column Container (Left Block) --- */
@media(min-width: 992px) {
    .footer__top-wrapper .col-auto.order-2.order-lg-1 {
        /* Reduce maximum width to be slightly larger than the logo/email content */
        max-width: 200px !important; 
        flex-basis: 200px !important; 
        flex-shrink: 0; 
        flex-grow: 0;
    }
    
    /* 3. Adjust Email Padding/Border (to move content closer to the logo) */
    .footer__mail {
        /* Reduce horizontal padding to pull the border closer to the email text */
        padding: 0 15px !important; 
    }

    /* 4. Increase Horizontal Gap Again (Since we made the left column smaller) */
    .footer__top-wrapper > .row {
        gap: 150px; /* Reduce back slightly, 150px should provide good spacing */
        justify-content: space-between;
    }
}

/* --- 1. Control Vertical Alignment of the Entire Top Row --- */
@media(min-width: 992px) {
    /* Targets the immediate row containing Logo/Email | Menu | Socials */
    .footer__top-wrapper > .row {
        /* Align all items (Logo block, Menu block, Social block) to the vertical center */
        align-items: center !important; 
        
        /* Retain horizontal spacing fixes */
        gap: 150px; 
        justify-content: space-between;
    }
}

/* --- 2. Correct Email Block Alignment (Left Block) --- */
@media(min-width: 992px) {
    .footer__top-wrapper .col-auto.order-2.order-lg-1 {
        /* Ensure the email block aligns its content to the center of the total space */
        align-self: center !important; 
        
        /* Adjust the padding/sizing to ensure the border spans the full height */
        /* You might need to adjust the padding-top/bottom on the .footer__mail or its parent */
    }
}

/* --- 3. Fix the Email Border Height (CRITICAL for visual match) --- */
/* The border is applied to .footer__mail. We need it to span the full height of the row. */
@media(min-width: 992px) {
    .footer__mail {
        /* Apply padding to control the border height */
        padding: 20px 15px !important; 
        
        /* Ensure the element expands vertically */
        height: 100%; 
        display: flex;
        flex-direction: column;
        justify-content: center; /* Vertically center the email text within its block */
    }
}
/* --- 1. CRITICAL FONT/WEIGHT REPLICAS --- */
.fw-m { font-weight: 500 !important; }
.fw-s { font-weight: 600 !important; }
.fw-x { font-weight: 800 !important; }
.fw-b { font-weight: 700 !important; }

/* --- 2. LOGO AND DOTS SIZE --- */
.logo {
    height: 40px !important; /* Final Logo Size */
    width: auto !important;
}
/* Assuming the dots are in a separate element/class near the logo */
/* If the dots are part of the logo image, this won't help. 
   If they are HTML elements, add styles here (e.g., .logo-dots { margin-top: 10px; } */

/* --- 3. FIX EMAIL BLOCK ALIGNMENT (LEFT COLUMN) & BORDER HEIGHT --- */
@media(min-width: 992px) {
    /* Define Left Column Width */
    .footer__top-wrapper .col-auto.order-2.order-lg-1 {
        max-width: 200px !important; 
        flex-basis: 200px !important; 
        flex-shrink: 0; 
        flex-grow: 0;
        align-self: flex-start;
    }

    /* Email Container: Makes border span the vertical center area */
    .footer__mail {
        border-right: 1px solid #29292c;
        border-left: 1px solid #29292c;
        padding: 0 15px !important; /* Reduces space around email link */
        height: 100%; 
        display: flex;
        flex-direction: column;
        justify-content: center; /* Vertically centers email content */
        align-items: center; 
    }
}

/* --- 4. HORIZONTAL COLUMN SPACING (GAP) FIX --- */
@media(min-width: 992px) {
    .footer__top-wrapper > .row {
        /* Increased gap value to spread columns out more */
        gap: 50px; 
        justify-content: space-between;
        align-items: center; /* Center the entire top bar content vertically */
    }
}

/* --- 5. SOCIAL ICONS AND ANDROID BUTTON SIZE/POSITION FIXES (Right Column) --- */

/* Adjust the size of social icons */
.footer__socials-item {
    border: 1px solid #29292c;
    padding: 5px;
    width: 32px; /* Smaller width for compact look */
    height: 32px; /* Smaller height for compact look */
    border-radius: 8px;
}
.footer__socials img {
    width: 16px; /* Smaller image size inside icon box */
    height: 16px;
}

/* Position the Android App button slightly below the social icons */
@media(min-width: 992px) {
    .footer__top-wrapper .col-auto.order-1.order-lg-3 {
        align-self: flex-start; 
        /* Pushes the entire block down a bit to visually align with the menu/email content */
        margin-top: 10px !important; 
    }
}

/* Android SVG color fix */
.btn-android__footer img {
    filter: invert(72%) sepia(35%) saturate(300%) hue-rotate(50deg) brightness(85%) contrast(100%);
}
/* --- 1. Social Icons Size and Spacing (The round/square buttons) --- */

.footer__socials-item {
    /* Reduce padding to make the overall button smaller */
    padding: 3px !important; 
    
    /* Ensure borders and radius are correct */
    border: 1px solid #29292c;
    border-radius: 8px; /* Assuming the squares have rounded corners */
    
    /* Force small size */
    width: 32px !important; 
    height: 32px !important;
}

/* Make the image/SVG inside the social button fit correctly */
.footer__socials img {
    width: 22px !important; 
    height: 22px !important;
}

/* Control the horizontal space between the social icons */
.footer__socials > .row {
    gap: 8px !important; /* Tighten horizontal spacing between icons */
}

/* --- 2. Android App Button Spacing --- */

/* Targets the container that holds the social row and the Android button */
.footer__top-wrapper .col-auto.order-1.order-lg-3 > .row {
    /* Add vertical gap between the social row and the button */
    --bs-gutter-y: 20px !important; 
    
    /* Ensure alignment is correct */
    flex-direction: column;
    align-items: flex-start;
}

/* Optional: Slight vertical adjustment on the button itself */
.btn-android__footer {
    /* Reduces the manual top margin applied previously to integrate it better */
    margin-top: 0px !important; 
    
    /* Ensure the button is exactly centered beneath the social icons */
    align-self: center; 
}

.header__btn-wrapper .btn-get_yellow,
.header__btn-wrapper .btn-android,
.header__btn-wrapper .btn-get_secondary,
.header__btn-wrapper .btn-get_primary {
    display: none !important;
}

/* Change Telegram button to dark purple */
.modal-btn2 {
    background: linear-gradient(94deg, #5a1a8a -7.13%, #7d3c98 102.58%) !important;
}

@media(hover: hover) {
    .modal-btn2:hover {
        box-shadow: 0px 0px 25px 0px #7d3c98 !important;
    }
}