@font-face {
    src: url("../fonts/leaguespartan-extrabold.woff2") format("truetype");
    font-family: "leaguespartan-extrabold";
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    src: url("../fonts/leaguespartan-semibold.woff2") format("truetype");
    font-family: "leaguespartan-semibold";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    src: url("../fonts/inter-semibold.woff2") format("truetype");
    font-family: "inter-semibold";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    src: url("../fonts/inter-medium.woff2") format("truetype");
    font-family: "poppins-regular";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    src: url("../fonts/inter-regular.woff2") format("truetype");
    font-family: "inter-regular";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-spartan-eb: "leaguespartan-extrabold", sans-serif;
    --font-spartan-sb: "leaguespartan-semibold", sans-serif;
    --font-inter-sb: "inter-semibold", sans-serif;
    --font-inter-m: "inter-medium", sans-serif;
    --font-inter-r: "inter-regular", sans-serif;

    --color-text: rgba(0, 0, 0, 1);
    --background-body: #061a35;
    --transition: all 0.3s linear;
}

*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul,
ol,
li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: var(--color-text);
}

body {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    color: var(--color-text);
    background-color: #0e0e0e;
}

.lecasinofr__page--bg {
    background-image: url(/components/assets/image/header/casino-bg-header.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}

.lecasinofr__page--bg::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.7));
    /* Градиент */
    z-index: -1;
    /* Градиент поверх картинок */
}

.lecasinofr__bg-pages {
    height: 100%;
}

img {
    object-fit: contain !important;
}

.img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    vertical-align: top;
}

svg {
    display: block;
    width: 100%;
    height: 100%;
}

.lecasinofr__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden !important;
    border: 0;
    clip: rect(0 0 0 0);
}

.lecasinofr__page--container {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}

/* Header */
.lecasinofr__header {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.lecasinofr__header__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lecasinofr__header-menu {
    width: 100%;
    padding: 0.75rem 0;
    background-color: #000000cc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lecasinofr__menu-nav {
    width: 100%;
}

.lecasinofr__header-menu_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    height: 100%;
}

.lecasinofr__header__top-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
}

.lecasinofr__header--box_center {
    display: flex;

    flex-direction: column;
    gap: 1.25rem;
    justify-content: flex-start;
    position: relative;
}

.lecasinofr__header-welcome {
    display: flex;
    gap: 1.25rem;
    position: relative;
    justify-content: space-between;
}

.lecasinofr__header__title {
    max-width: 770px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.7rem;
    margin: 0 auto;
}

.lecasinofr__header--title_main {
    font-size: 3.1rem;
    font-family: var(--font-spartan-eb);
    color: #f2f2f2;
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 800;
}

.lecasinofr__header--color {
    color: #7184ff;
}

.lecasinofr__header--text_main {
    font-family: var(--font-inter-m);
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 130%;
    color: #fff;
}

.lecasinofr__header--text_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}

.lecasinofr__header__advantages {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap: 1.25rem;
}

.lecasinofr__advantages--items_bg {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background-color: #fff;
    width: 32px;
    height: 32px;
    padding: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 20px 0px #f7dd3661;
}

.lecasinofr__advantages--items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.7rem;
    font-family: var(--font-inter-m);
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 130%;
    color: #fff;
}

.lecasinofr__header__menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #000000cc;
}

.lecasinofr__menu--container {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
}

.lecasinofr__menu {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;

    width: 100%;
}

.lecasinofr__menu__lists {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.5rem;
}

.lecasinofr__menu__lists-g {
    gap: 1.5rem;
}

.lecasinofr__menu__lists-items a {
    font-size: 0.85rem;
    font-family: var(--font-poppins-m);
    color: #fff;
    line-height: 100%;
    font-weight: 500;

    position: relative;
}

/* Burger */
#lecasinofrMenuToggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0rem;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    padding: 1rem;
}

#lecasinofrMenuToggle a {
    text-decoration: none;
    color: #ffffff;
    transition: color 0.3s ease;
}

#lecasinofrMenuToggle input {
    display: block;
    width: 28px;
    height: 25px;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}

#lecasinofrMenuToggle span {
    display: block;
    width: 28px;
    height: 2px;
    margin-bottom: 5px;
    right: -0.2rem;
    top: 0rem;
    position: relative;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#lecasinofrMenuToggle span:first-child {
    transform-origin: 0% 0%;
}

#lecasinofrMenuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

#lecasinofrMenuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(4px, -1px);
    background: #ffffff;
    -webkit-transform: rotate(45deg) translate(4px, -1px);
    -moz-transform: rotate(45deg) translate(4px, -1px);
    -ms-transform: rotate(45deg) translate(4px, -1px);
    -o-transform: rotate(45deg) translate(4px, -1px);
}

#lecasinofrMenuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

#lecasinofrMenuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0px, 7px);
    -webkit-transform: rotate(-45deg) translate(0px, 7px);
    -moz-transform: rotate(-45deg) translate(0px, 7px);
    -ms-transform: rotate(-45deg) translate(0px, 7px);
    -o-transform: rotate(-45deg) translate(0px, 7px);
}

#lecasinofrMenu {
    position: absolute;
    max-width: 300vw;
    width: 100%;
    margin: -85px -16px 0 0;
    overflow: hidden;
    padding-top: 125px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #2c0100;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    height: 135vh;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
}

#lecasinofrMenu li {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 20px 0;
    font-size: 1rem !important;
    width: 100%;
    margin-right: 10rem;
}

#lecasinofrMenuToggle input:checked~ul {
    transform: none;
}

#lecasinofrMenu a {
    margin: 0 0 0 10rem;
}

.no-scroll {
    overflow: hidden;
    height: 100%;
}

.lecasinofr__navigation--image {
    display: none;
}

.lecasinofr___box--cards_items-pb {
    padding: 1.25rem !important;
}

/* Casino cards */

.lecasinofr__card-mt {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.lecasinofr__box--card {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.lecasinofr__card--box_time {
    display: flex;
    align-items: flex-end;
    gap: 1.4rem;
}

.lecasinofr__card-time {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 0.35rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 100%;
    font-family: var(--font--inter-b);
}

.lecasinofr__card--box__top {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#lecasinofrDatetime {
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    line-height: 100%;
    font-family: var(--font-spartan-sb);
}

.lecasinofr-clock {
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    line-height: 100%;
    font-family: var(--font-inter-sb);
}

.lecasinofr__card-rat_stars {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lecasinofr__card {
    width: 100%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: relative;
}

@media (max-width: 991px) {
    .lecasinofr__card {
        max-width: 625px;
        width: 100%;

        margin-left: auto;
        margin-right: auto;
    }

    .lecasinofr__card--limit {
        top: 0 !important;
    }

    .lecasinofr__card--numeric {
        top: -2.5% !important;
    }

    .lecasinofr__card-mt {
        gap: 0.5rem;
    }
}

.lecasinofr__card---mt {
    margin-top: 0.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.lecasinofr__card--top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    background: #000000b2;
    position: relative;
    z-index: 0;
    height: 180px;
    border: 1px solid transparent;
    border-image: linear-gradient(90deg, #182e66 0%, #36b2ff 100%);
    border-image-slice: 1;

    backdrop-filter: blur(10px);
    border-radius: 1px;
    box-shadow: 0px 0px 20px 0px #36f1f761;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    /* padding: 1.25rem; */
}

.lecasinofr__card--top_shadow {
    backdrop-filter: blur(10px);

    box-shadow: 0px 4px 12px 0px #ffffff80 !important;
}

.lecasinofr__card---right_ratin {
    display: flex;
    justify-content: space-between;
    flex: 0 1 135px;
}

@media (max-width: 1120px) {
    .lecasinofr__card--top {
        gap: 2.5rem !important;
    }
}

@media (max-width: 991px) {
    .lecasinofr__card--top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%;
        gap: 0 !important;
        padding: 0;
        /* align-items: center; */
    }

    .lecasinofr__card-num_mob {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
    }

    .lecasinofr__card---right_ratin {
        flex-direction: column;
        flex: 0 0 70px;
    }
}

.lecasinofr__card-show {
    display: none !important;
}

.lecasinofr__card---left {
    -webkit-box-flex: 0;
    -ms-flex: 1 1 550px;
    flex: 1 1 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    gap: 2.5rem;
    position: relative;
}

/* @media (max-width: 1220px) {
    .lecasinofr__card---left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
        flex: 0 0 260px;
    }
} */

@media (max-width: 991px) {
    .lecasinofr__card---left {
        gap: 10px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: 1 1 140px !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column !important;
        background: #1f1f1f;

        border-bottom-left-radius: 1px;
    }

    .lecasinofr__card-show {
        display: flex !important;
    }

    .lecasinofr__card--limit {
        max-width: 145px;
        width: 100%;
    }
}

.lecasinofr__card---wrapper_img {
    /* max-width: 200px;
    width: 100%;
    height: 100px; */
    -webkit-box-flex: 1;
    -ms-flex: 0 1 280px;
    flex: 0 1 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;

    background-color: #7184ff99;
    width: 100%;
    /* -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%); */
}

.lecasinofr-img_show {
    display: none !important;
}

@media (max-width: 991px) {
    .lecasinofr__card---wrapper_img {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50px !important;
        flex: 0 1 50px !important;
        /* padding: 15px 30px 15px 15px; */
        margin: 0;
        /* height: 104px !important; */
        background-image: none;
    }

    .lecasinofr-img_hide {
        display: none !important;
    }

    .lecasinofr-img_show {
        display: flex !important;
    }
}

/* @media (max-width: 500px) {
    .lecasinofr__card---wrapper_img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 213px;
        flex: 0 0 213px;
        min-height: 104px;
    }
} */

.lecasinofr__card---img {
    margin: auto;
    width: 100%;
    height: 75px;
    max-width: 200px;
}

.lecasinofr__card--relative {
    position: relative;
}

.lecasinofr__card--limit {
    display: flex;
    align-items: center;
    top: 0;
    left: 0%;
    justify-content: center;
    position: absolute;
    gap: 0.5rem;
    font-size: 0.7rem;
    font-family: var(--font-spartan-sb);
    line-height: 100%;
    color: #fff;
    padding: 0.3rem 1.25rem;
    background: linear-gradient(90deg, #ff6d6a 0%, #cf0400 100%);
    z-index: 2;
    border-bottom-right-radius: 100px !important;
}

.lecasinofr__card--blue {
    background-color: #000066 !important;
}

.lecasinofr__card--numeric {
    left: -0.5%;
    top: -5%;
    position: absolute;
    font-size: 0.7rem;
    font-family: var(--font--bold-i);
    line-height: 10px;
    color: #fff;
    padding: 0.3rem;
    border-radius: 3px;
    background: linear-gradient(180deg, #f64e05 0%, #902e03 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    z-index: 2;
}

@media (max-width: 1080px) {
    .lecasinofr__card---descr {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 200px;
        flex: 0 1 200px;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.7rem;
    }
}

@media (max-width: 991px) {
    .lecasinofr__card---img {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 165px;
        flex: 0 1 165px;
    }

    .lecasinofr__card---mt {
        padding: 0.5rem;
    }

    /* .lecasinofr__card---wrapper_img {
        margin-bottom: 1rem;
    } */

    .lecasinofr__card---descr {
        gap: 0 !important;
    }

    .lecasinofr__card---right {
        -webkit-box-flex: 0;
        -ms-flex: 1 1 130px !important;
        flex: 1 1 130px !important;
    }
}

@media (max-width: 500px) {
    .lecasinofr__card---img {
        max-width: 150px;
        height: 100%;
    }
}

.lecasinofr__card---right {
    -webkit-box-flex: 0;
    -ms-flex: 1 1 470px;
    flex: 1 1 470px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    padding-right: 1.25rem;
}

@media (max-width: 991px) {
    .lecasinofr__card---right {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70px;
        flex: 0 1 70px;
        /* padding-left: 16px; */
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.4rem;
    }

    .lecasinofr__casino---items__btn {
        max-width: 250px !important;
        width: 100% !important;
    }

    .lecasinofr__card---wrapper-ratings {
        padding: 0.7rem 0 !important;
    }

    .lecasinofr__card---left {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: 0rem;
        padding: 0 0 0rem 0;
    }

    .lecasinofr__card---right {
        justify-content: space-between;
        gap: 0.5rem;
        padding: 0 0.5rem;
    }

    .lecasinofr__card-num-title {
        margin-bottom: 0.5rem;
    }
}

/* @media (max-width: 600px) {
    .lecasinofr__card---right {
        padding-left: 8px;
        padding-right: 8px;
    }
} */

.lecasinofr__card---right-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 224px;
    flex: 0 1 224px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

@media (max-width: 991px) {
    .lecasinofr__card---right-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70px;
        flex: 0 1 70px;
        padding-bottom: 0.75rem;
    }

    .lecasinofr__card-hide {
        display: none !important;
    }
}

.lecasinofr__card---bottom-text {
    font-size: 0.85rem;
    line-height: 20px;
    color: #fff;
    font-family: var(--font--text);
    font-weight: 700;
}

.lecasinofr__card---descr {
    -webkit-box-flex: 0;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 2rem;
}

.lecasinofr__card-rating {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    align-items: center !important;
}

.lecasinofr__card---mob {
    display: none;
}

@media (max-width: 991px) {
    .lecasinofr__card---descr {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 0px !important;
        flex: 0 1 0px !important;
    }

    .lecasinofr__card---show {
        display: none;
    }

    .lecasinofr__card---mob {
        display: flex;
    }
}

.lecasinofr__card-num-title {
    color: #fff;
    font-size: 0.75rem;
    line-height: 12px;
    font-family: var(--font--regular-i);
    text-align: center;
}

.lecasinofr__card---name {
    color: #fff;
    font-size: 0.75rem;
    line-height: 100%;
    font-family: var(--font--inter-m);
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.lecasinofr__card-num {
    display: flex;
    flex-direction: row;
    gap: 0.7rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #21006d99;
    width: 100%;
    padding: 0.7rem 0;
}

.lecasinofr__card-rat {
    font-size: 1.25rem;
    line-height: 120%;
    font-family: var(--font-inter-sb);
    color: #fff;
    text-transform: uppercase;
}

.lecasinofr__card---name_sub {
    font-size: 1.25rem;
    line-height: 120%;
    font-family: var(--font-spartan-sb);
    font-weight: 600;
}

.lecasinofr__card---name_sub:nth-child(2) {
    font-size: 2.3rem;
    line-height: 120%;
    font-family: var(--font-spartan-sb);
    font-weight: 600;
}

@media (max-width: 991px) {
    /* .lecasinofr__card---name {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    } */
}

/* @media (max-width: 600px) {
    .lecasinofr__card---name {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
    }
} */

@media (max-width: 991px) {
    .lecasinofr__card---name_shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

.lecasinofr__card---wrapper-ratings {
    display: flex;
    padding: 1rem 0;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
    max-width: 167px;
    width: 100%;
}

@media (max-width: 991px) {
    .lecasinofr__card---wrapper-ratings {
        -webkit-box-flex: 0;
        -ms-flex: 1 1 180px;
        flex: 1 1 180px;
        width: 100%;
        padding: 0.2rem 0 1rem 0 !important;
    }
}

/* @media (max-width: 600px) {
    .lecasinofr__card---wrapper-ratings {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 112px;
        flex: 0 0 112px;
    }
} */

.lecasinofr__card---rating {
    color: #fff;
    font-family: var(--font--black);
    font-size: 2rem;
    line-height: 38.73px;
    text-align: center;
}

@media (max-width: 991px) {
    .lecasinofr__card---rating {
        text-align: left;
    }
}

.lecasinofr__card---right_lists {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.lecasinofr__card---right__box {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.lecasinofr__card---right__elem {
    font-size: 0.85rem;
    line-height: 130%;
    font-family: var(--font-inter-r);
    color: #fff;
    list-style-image: url("/components/assets/image/casino/flame.svg");
}

/* @media (max-width: 1220px) {
    .lecasinofr__card---left {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 260px !important;
        flex: 1 1 260px !important;
    }
} */

@media (max-width: 991px) {
    .lecasinofr__card---link {
        min-width: 0;
        width: 100%;
    }
}

.lecasinofr__casino-info {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
    color: #ffffffcc;
    font-size: 0.85rem;
    line-height: 20px;
    text-align: center;
    font-family: var(--font--regular-i);
}

.lecasinofr__casino---items__btn {
    max-width: 225px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #ff6d6a 0%, #cf0400 100%);
    border: none;
    font-size: 1.125rem;
    line-height: 100%;
    text-transform: uppercase;
    font-family: var(--font-spartan-sb);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.lecasinofr__card---payments {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 224px;
    /* Можно регулировать по необходимости */
    padding: 0 30px;

    position: relative;
    margin: 0 auto;
}

.swiper-wrapper {
    display: flex;
    /* Центровка слайдов */
    align-items: center;
    /* Центровка по вертикали */

    width: 100%;
    /* Автоматическая ширина */
}

.payment-methods-swiper {
    width: 100%;
    /* Занимает полную ширину родителя */
    max-width: 180px;
    /* Устанавливаем максимальную ширину слайдера */
    margin: 0 auto;
    /* Центровка слайдера */
    overflow: hidden;
    /* Скрываем переполнение, если оно есть */
}

.payment-methods-swiper .swiper-slide img {
    width: 32px;
    height: 24px;
    object-fit: contain;
}

.swiper-slide {
    display: flex;
    /* Flex для центрирования содержимого */

    align-items: center;
    /* Ширина каждого слайда */
    flex-shrink: 0;
    /* Не сжимать слайды */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    /* Позиционирование кнопок */
    top: 50%;
    /* Центрирование по вертикали */
    transform: translateY(-50%);
    /* Центрирование по вертикали */
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    /* Убедитесь, что кнопки выше слайдов */
}

.swiper-button-prev {
    left: -10px;
    /* Отступ слева */
    background-image: url(/components/assets/image/casino/left.svg);
}

.swiper-button-next {
    right: -10px;
    /* Отступ справа */
    background-image: url(/components/assets/image/casino/right.svg);
}

.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
    /* Скрыть текст кнопок */
}

.lecasinofr__card---bottom {
    padding: 0.5rem;
}

/* Description */
.lecasinofr__desc--box {
    margin: 4rem 0rem;
}

.lecasinofr__desc--container {
    display: flex;
    flex-direction: column;

    gap: 2.5rem;
}

.lecasinofr__desc--container_title {
    color: #faffe9;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 120%;
    font-family: var(--font-spartan-sb);
}

.lecasinofr__desc---elem,
.lecasinofr__desc---elem_list-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.lecasinofr__desc---elem_box {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
}

.lecasinofr__desc---elem_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 100%;
    font-weight: 700;
    font-family: var(--font-spartan-sb);
    letter-spacing: 0.1rem;
}

.lecasinofr__desc---elem h1 {
    font-size: 2rem;
    font-family: var(--font-spartan-sb);
    color: #fff;
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 600;
}

.lecasinofr__desc---elem h2 {
    font-size: 2rem;
    font-family: var(--font-spartan-sb);
    color: #fff;
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 600;
}

.lecasinofr__desc---elem_text {
    color: #fff;
    font-size: 1rem;
    line-height: 130%;
    font-family: var(--font-inter-m);
    font-weight: 500;
}

.lecasinofr__desc---elem__lists {
    color: #fff;
    font-size: 1rem;
    line-height: 130%;
    font-family: var(--font-inter-m);
    font-weight: 500;
    list-style-type: disc;
    margin-left: 1.4rem;
}

.lecasinofr__desc---elem_cards {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.lecasinofr__desc---elem__items {
    max-width: 370px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
}

.lecasinofr__desc---elem__items-text {
    color: #fff;
    font-size: 1rem;
    font-family: var(--font-inter-sb);
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
}

/* Page Respon */
.lecasinofr__description--box {
    margin: 1.25rem 0 2rem;
}

.lecasinofr__description--items {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.lecasinofr__description--items_title {
    color: #fff;
    font-family: var(--font--bold);
    font-size: 2rem;
    line-height: 38.73px;
}

.lecasinofr__description--items_text {
    font-size: 1rem;
    font-family: var(--font--regular);
    line-height: 19.36px;
    color: #fff;
}

/* Footer */

.lecasinofr__footer--box {
    width: 100%;
    padding: 3rem 0;
    background: linear-gradient(180deg,
            rgba(26, 24, 25, 0.8) 0%,
            rgba(0, 0, 0, 0.8) 100%);
}

.lecasinofr__footer-container {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.lecasinofr__footer-top {
    display: flex;
    gap: 1rem;
}

.lecasinofr__footer-top_title {
    color: #fff;
    font-size: 0.85rem;
    line-height: 120%;
    font-family: var(--font-poppins-m);
}

.lecasinofr__footer-description {
    display: flex;
    gap: 1.25rem;
}

.lecasinofr__footer--items {
    max-width: 610px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.lecasinofr__footer--items_title {
    color: #fff;
    font-size: 1.125rem;
    line-height: 110%;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--font-spartan-eb);
}

.lecasinofr__footer--items_text {
    color: #fff;
    font-size: 0.85rem;
    line-height: 130%;
    font-family: var(--font-inter-r);
}

.lecasinofr__footer-info {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.lecasinofr__footer-top_icon {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
}

.lecasinofr__footer-parthers {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.lecasinofr__footer-links {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.lecasinofr__footer-links_elem {
    color: #fff;
    font-size: 1rem;
    line-height: 120%;
    font-family: var(--font-inter-r);
    font-weight: 300;
}

/* Privacy Page */
.lecasinofr__privacy__top {
    margin: 4rem 0;
}

.lecasinofr__privacy-head {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.lecasinofr__privacy h1 {
    text-align: center;
    font-size: 2.4rem;
    font-family: var(--font-spartan-sb);
    margin-bottom: 2.5rem;
    color: #fff;
    word-spacing: 0.3rem;
    line-height: 120%;
    text-transform: uppercase;
}

.lecasinofr__privacy h2 {
    font-size: 2rem;
    font-family: var(--font--inter-b);
    margin-bottom: 0.5rem;
    color: #fff;
    word-spacing: 0.3rem;
}

.lecasinofr__privacy p {
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--font-inter-m);
    color: #fff;
    line-height: 120%;
    word-spacing: 0.3rem;
}

.lecasinofr__privacy p a {
    border-bottom: 1px solid #3e3e3e;
}

.lecasinofr__privacy__bottom {
    margin-bottom: 1.5rem;
}

.lecasinofr__privacy__bottom:last-child {
    margin-bottom: 4rem;
}

.lecasinofr__privacy__top {
    margin-top: 4rem;
}

/* Responsebly */
.lecasinofr__resp--container {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    gap: 0.5rem;
    padding: 1.25rem;
    background: #2a2a2abd;
    border: 1px solid #6a6a6a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.lecasinofr__desc---resp {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Popup */
.lecasinofr__popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
        pointer-events 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
        pointer-events 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,
        pointer-events 0.2s ease-in-out;
    height: 100vh;
}

.lecasinofr__popup__close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.lecasinofr__popup__body {
    position: relative;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 400px;
    background: #0e0e0e;

    border: 1px solid #ffffff33;
    z-index: 2;
    padding: 2.5rem;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.lecasinofr__popup-top {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.lecasinofr__popup-top img {
    max-width: 43px;
    width: 100%;
    height: 19px;
}

.lecasinofr__popup__title {
    font-size: 2rem;
    font-family: var(--font-spartan-sb);

    font-weight: 700;
    color: #fff;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .lecasinofr__popup__body {
        padding: 25px 15px;
    }
}

@media (max-width: 620px) {
    .lecasinofr__popup__title {
        font-size: 1.25rem;
    }
}

@media (max-width: 450px) {
    .lecasinofr__popup__body {
        width: 95%;
        padding: 20px 10px;
    }
}

.lecasinofr__popup__form {
    width: 100%;
}

.lecasinofr__popup__form input {
    position: absolute;
    top: 0;
    left: -5000px;
}

.lecasinofr__popup__text {
    font-weight: 500;
    font-size: 1rem;
    line-height: 130%;
    text-align: center;
    letter-spacing: -0.025em;
    font-family: var(--font-inter-m);
    color: #fff;
    margin-bottom: 1.25rem;
}

/* @media (max-width: 991px) {
    .lecasinofr__popup__text {
        font-size: 16px;
        margin-bottom: 25px;
    }
}

@media (max-width: 600px) {
    .lecasinofr__popup__text {
        font-size: 14px;
        margin-bottom: 20px;
    }
} */

.lecasinofr__form-bottom {
    text-align: center;
    display: flex;
    justify-content: center;
}

.lecasinofr__popup__button {
    position: relative;
    cursor: pointer;
    display: flex;
    max-width: 113px;
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-family: var(--font-spartan-sb);
    background: #7184ff;
    /*Черныйфонкнопки*/
    border: none;
    /*Прозрачнаярамка*/
    font-size: 0.85rem;
    padding: 0.3rem 0;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    color: #fff !important;
    transition: opacity 0.2s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
}

.lecasinofr__popup__button:active {
    opacity: 0.2;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

/* @media (max-width: 991px) {
    .lecasinofr__popup__button {
        min-width: 149px;
        font-size: 17px;
    }
}

@media (max-width: 600px) {
    .lecasinofr__popup__button {
        font-size: 14px;
        min-width: 169px;
        min-height: 30px;
    }
} */

/* Cookies Modal */
.lecasinofr__fixed-cookie {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 20;
}

.lecasinofr__cookie--box {
    max-width: 800px;
    width: 100%;
}

#lecasinofrCookiePopup {
    z-index: 15;
    background: #000000;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    position: fixed;
    right: 0rem;
    bottom: 0rem;
    font-size: 1rem;
    width: 100% !important;
    max-width: 100% !important;
    font-family: var(--font--text);
    text-align: justify;
    line-height: 1.8em;
    padding: 1.25rem;
    transition: all 0.5s ease-in;
    z-index: 20;

    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

.lecasinofr__cookie--container {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    justify-content: space-between;
    align-items: flex-end;
}

.lecasinofr__cookie-title {
    font-size: 1rem;
    font-family: var(--font-spartan-sb);
    color: #fff6fb;
    line-height: 120%;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.7rem;
    text-align: left;
}

.lecasinofr__cookie--container_w {
    max-width: 760px;
    width: 100%;
}

.lecasinofr__cookie-text {
    font-family: var(--font-inter-r);
    color: #fff6fb;
    line-height: 130%;
    font-size: 0.8rem;
}

.lecasinofr__cookie-btn {
    max-width: 102px;
    width: 100%;
    height: 44px;
    background: #7184ff;
    border: none;
    font-family: var(--font-spartan-sb);
    font-size: 0.85rem;
    line-height: 22.4px;
    color: #fff;
    text-transform: uppercase;
    padding: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.lecasinofr__cookie--btn-w {
    position: relative;
    cursor: pointer;
    display: flex;
    max-width: 189px;
    width: 100%;
    height: 44px;
    justify-content: center;
    align-items: center;
    font-family: var(--font-spartan-sb);
    font-size: 0.85rem;
    line-height: 22.4px;
    background: transparent;
    padding: 0.3rem 0;
    border: 1px solid #7184ff;
    text-align: center;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    color: #fff6fb !important;
    transition: opacity 0.2s ease-in-out;
    border-radius: 5px;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.lecasinofr__btn--box_cookie {
    max-width: 291px;
    width: 100%;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}

.lecasinofr__hide {
    visibility: hidden;
    bottom: 0;
    right: 2em;
}

.lecasinofr__show {
    visibility: visible;
    bottom: 0em;
    right: 2em;
}

/* Mobile others styles */
.lecasinofr__header-img_mob,
.lecasinofr__header--mob {
    display: none;
}

/* Mobile */
@media screen and (max-width: 1280px) {
    .lecasinofr__page--container {
        padding: 0 0.5rem;
    }
}

@media screen and (max-width: 1050px) {
    .lecasinofr__header__top-phone {
        max-width: 120px;
        width: 100%;
    }

    .lecasinofr__desc---elem_cards {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.25rem;
    }

    .lecasinofr__header--text_main,
    .lecasinofr__header-img_show {
        display: none;
    }

    .lecasinofr__header-img_mob {
        display: flex;
        max-width: 150px;
        width: 100%;
        height: 150px;
    }

    .lecasinofr__header__title {
        max-width: 100%;
    }

    .lecasinofr__header__title-box {
        display: flex;

        align-items: center;
        gap: 1.125rem;
    }

    #lecasinofrCookiePopup {
        max-width: 755px !important;
        width: 100%;
    }

    .lecasinofr__cookie--container {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 955px) {
    .lecasinofr__footer-info_box {
        flex-direction: column;
        gap: 0.7rem;
    }

    .lecasinofr__footer-info__items {
        flex: 0 0 auto;
    }

    .lecasinofr__desc---elem_box {
        flex-direction: column;
    }

    .lecasinofr__footer-top_icon {
        flex-wrap: wrap;
        justify-content: center;
    }

    .lecasinofr__header__advantages {
        gap: 0.7rem;
        flex-wrap: wrap;
    }

    .lecasinofr__footer-links {
        justify-content: flex-start;
    }

    #lecasinofrCookiePopup {
        max-width: 655px !important;
        width: 100%;
    }
}

@media screen and (max-width: 905px) {
    .lecasinofr__header--show {
        display: none;
    }

    .lecasinofr__header--mob {
        display: flex;
        max-width: 150px;
        width: 100%;
        height: auto;
    }

    .lecasinofr__advantages-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 1rem;
    }

    .lecasinofr__header-welcome {
        padding: 1.25rem 0 0;
    }

    .lecasinofr__header--box_center {
        gap: 0;
    }

    .lecasinofr__header__advantages {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 250px;
    }
}

@media screen and (max-width: 755px) {
    .lecasinofr__footer-description {
        flex-direction: column;
        gap: 1.25rem;
    }

    .lecasinofr__footer-info {
        display: none;
    }

    .lecasinofr__footer-parthers {
        justify-content: center;
    }

    .lecasinofr__footer--items {
        max-width: 100%;
    }

    .lecasinofr__desc--box {
        margin: 2rem 0rem;
    }

    #lecasinofrCookiePopup {
        max-width: 475px !important;
        width: 100%;
        padding: 1rem 0;
    }
}

@media screen and (max-width: 700px) {
    .lecasinofr__header--title_main {
        font-size: 1.8rem;
        line-height: 100%;
    }

    .lecasinofr__cookie-title {
        font-size: 1rem;
        line-height: 120%;
    }

    .lecasinofr__cookie-text {
        line-height: 120%;
        font-size: 0.75rem;
    }

    .lecasinofr__btn--box_cookie {
        justify-content: center;
    }

    .lecasinofr__header--mob {
        display: flex;
        max-width: 100px;
        width: 100%;
        height: auto;
    }

    .lecasinofr__header__advantages {
        gap: 0.2rem !important;
    }

    .lecasinofr__desc---elem_title {
        font-size: 1.25rem;
    }

    .lecasinofr__desc---elem_text,
    .lecasinofr__desc---elem__items-text,
    .lecasinofr__footer--items_title {
        font-size: 0.85rem;
    }

    .lecasinofr__footer--items_text {
        font-size: 0.75rem;
    }

    .lecasinofr__cookie-btn {
        font-size: 0.75rem;
        line-height: 100%;
        max-width: 107px;
        width: 100%;
        height: 32px;
    }

    .lecasinofr__cookie--btn-w {
        font-size: 0.75rem;
        line-height: 100%;
        max-width: 173px;
        width: 100%;
        height: 32px;
    }

    .lecasinofr__header-img {
        max-width: 100px;
        width: 100%;
        height: 100px;
    }

    .lecasinofr__header__top-info {
        font-size: 0.4rem;
        line-height: 120%;
    }

    .lecasinofr__advantages--items {
        font-size: 0.75rem;
        line-height: 130%;
    }

    .lecasinofr__header__advantages {
        justify-content: flex-start;
        gap: 1rem;
    }

    .lecasinofr__header--box_center {
        margin: 0rem;
    }

    .lecasinofr__menu-nav {
        display: none;
    }

    #lecasinofrMenuToggle {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media screen and (max-width: 525px) {

    .lecasinofr__card---name,
    .lecasinofr__card-num-title {
        font-size: 0.5rem;
        line-height: 8px;
        font-family: var(--font--regular-i);
    }

    .lecasinofr__card---mt {
        gap: 0.1rem;
    }

    .swiper-button-prev-1 {
        left: 10px;
    }

    .swiper-button-next-1 {
        right: 10px;
    }

    .swiper-button-prev-2 {
        left: 10px;
    }

    .swiper-button-next-2 {
        right: 10px;
    }

    .swiper-button-prev-3 {
        left: 10px;
    }

    .swiper-button-next-3 {
        right: 10px;
    }

    .swiper-button-prev-4 {
        left: 10px;
    }

    .swiper-button-next-4 {
        right: 10px;
    }

    .lecasinofr__card---right {
        justify-content: center;
    }

    .lecasinofr__footer-parthers {
        gap: 0.5rem;
    }

    .lecasinofr__card--top_shadow {
        height: 155px !important;
    }

    .lecasinofr__card---right_ratin {
        flex-direction: column;
        flex: 0 0 40px;
    }

    .lecasinofr__card---wrapper_img {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 85px !important;
        flex: 0 1 85px !important;
    }

    .lecasinofr__card---left {
        justify-content: center !important;
    }

    .lecasinofr__card---img {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 105px;
        flex: 0 1 105px;
        height: 71px;
        max-width: 145px;
    }

    .swiper-slide img {
        max-width: 25px;
        width: 100%;
        height: 18px;
    }

    .lecasinofr__card-rat_stars {
        gap: 0.2rem;
    }

    .lecasinofr__casino---items__rating-num_img-big {
        max-width: 18px;
        width: 100%;
        height: 18px;
    }

    .lecasinofr__card---payments {
        max-width: 176px;
    }

    .lecasinofr__casino---items__rating-num_img {
        max-width: 14px;
        width: 100%;
        height: 14px;
    }

    .lecasinofr__header__advantages {
        margin-top: 0;
    }

    .lecasinofr__card-num {
        gap: 0.3rem;
    }

    .lecasinofr__card-mt {
        margin-top: 1rem;
    }

    .lecasinofr__footer-links {
        flex-direction: column;
        gap: 1.25rem;
        align-items: flex-start;
    }

    .lecasinofr__header-img {
        max-width: 60px;
        width: 100%;
        height: 60px;
    }

    /* .lecasinofr__card---wrapper_img {
        height: 100% !important;
        min-height: 76px !important;
        margin: 0;
        flex: none !important;
    } */

    .lecasinofr__card---left {
        gap: 0;
    }

    .lecasinofr__card---right_ratin {
        gap: 0.5rem;
    }

    .lecasinofr__card-rat {
        font-size: 1rem;
        line-height: 120%;
    }

    .lecasinofr__casino---items__btn {
        font-size: 0.85rem !important;
        line-height: 100% !important;
        height: 35px;
    }

    .lecasinofr__card--maestro {
        display: none;
    }

    .lecasinofr__card---name_sub {
        font-size: 0.7rem;
        line-height: 100%;
    }

    .lecasinofr__card---name_sub:nth-child(2) {
        font-size: 1.25rem;
    }

    .lecasinofr__casino-info {
        font-size: 0.75rem;
    }

    .lecasinofr__advantages--items {
        gap: 0.3rem;
    }

    .lecasinofr__footer-top img {
        max-width: 38px;
        width: 100%;
        height: 24px;
    }

    .lecasinofr__header__advantages {
        justify-content: center;
        gap: 0.7rem;
    }

    #lecasinofrCookiePopup {
        max-width: 328px !important;
        width: 100%;
    }

    .lecasinofr__card--limit {
        font-size: 0.7rem;
    }

    .lecasinofr__page--bg {
        background-size: 300%;
    }
}

@media screen and (max-width: 440px) {
    .lecasinofr__footer-gamecare {
        max-width: 140px;
        width: 100%;
        height: 40px;
    }

    .lecasinofr__footer-begamble {
        max-width: 170px;
        width: 100%;
        height: 34px;
    }
}

@media screen and (max-width: 355px) {
    .lecasinofr__header__top-phone {
        font-size: 0.5rem;
        line-height: 120%;
    }

    .lecasinofr__popup-top {
        flex-direction: column;
    }

    .lecasinofr__card-rat_stars {
        display: flex;
        align-items: center;
        gap: 0.2rem;
    }

    #lecasinofrCookiePopup {
        max-width: 300px !important;
        width: 100%;
    }
}

.input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 1px;
    font-weight: 400;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 10px;
    background-color: transparent;
    transition: border-color .3s ease-in-out;
}

.form {
    max-width: 600px;
}

.but {
    min-width: 225px;
    width: fit-content;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #ff6d6a 0%, #cf0400 100%);
    border: none;
    font-size: 1.125rem;
    line-height: 100%;
    text-transform: uppercase;
    font-family: var(--font-spartan-sb);
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.status {
    display: none;
    font-family: var(--font-spartan-sb);
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 10px;
    border: 2px solid rgb(6, 209, 6);
    margin-top: 15px;
}

.form.active .status {
    display: block;
}

.input_textarea {
    height: 100px;
    padding: 14px 20px;
}

.mb-10:not(:last-child) {
    margin-bottom: 10px;
}

@media (any-hover: hover) {
    .input:hover {
        border-color: #fff;
    }
}

.input:focus-visible {
    border-color: #fff;
}