@font-face{font-family:'Poppins';src:url("../fonts/Poppins-Regular.woff") format("woff"),url("../fonts/Poppins-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:'Poppins';src:url("../fonts/Poppins-Medium.woff") format("woff"),url("../fonts/Poppins-Medium.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:'Poppins';src:url("../fonts/Poppins-Bold.woff") format("woff"),url("../fonts/Poppins-Bold.woff2") format("woff2");font-weight:700;font-display:swap}*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{margin:0;padding:0}body,h1,h2,h3,h4,p,li,figure,figcaption,blockquote,dl,dd{margin:0}html{font-size:10px}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}section>*+*,article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}body{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:400;color:#b2b2b2;background:#131414}p+p{margin-top:1.2rem}h1,h2,h3,h4,h5,h6{color:#fff;margin-top:1.5rem;margin-bottom:1rem}li:not([class]){margin-bottom:1rem;margin-top:1rem}h1{font-size:2.8rem}h2{font-size:2.4rem}h3{font-size:2rem}h4{font-size:1.8rem}a{text-decoration:none}a:not([class]){color:#f6ff00;text-decoration:none}a:not([class]):hover{text-decoration:underline}.o-accent{color:#f6ff00}.o-btn{cursor:pointer;background-color:transparent;border:none;border-radius:5px;padding:10px 24px;font-size:14px;text-transform:uppercase;font-weight:500;color:rgb(0, 0, 0);display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.o-btn{font-size:16px}}.o-btn-accent{background-color:#f6ff00}.o-btn-accent:hover{background-color:#f6ff00}.o-btn-border{border:1px; background-color:#fbfbfb; solid #b2b900}.o-btn-border:hover{background:#7b5536}.o-wrapper{max-width:1120px;width:100%;margin:0 auto;padding:1.5rem}.o-center{text-align:center}.o-content__table-wrapper{position:relative;overflow-x:auto}.o-content__table-wrapper::-webkit-scrollbar{width:10px;height:5px}.o-content__table-wrapper::-webkit-scrollbar-thumb{background:#5a5a5a}.o-content__table-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,0.2)}.c-main{width:100%;padding-top:8rem}@media (min-width: 576px){.c-main{padding-bottom:5rem}}@media (min-width: 768px){.c-main{padding-top:11rem}}table{border-collapse:collapse;overflow:auto;margin:3rem auto;overflow:hidden;text-align:center}.c-table__img-top{display:none;position:absolute;transform:translate(-50%) rotate(180deg);left:50%;top:8px}.c-table__img-bottom{display:none;position:absolute;bottom:8px;transform:translate(-50%);left:50%}@media (min-width: 550px){.c-table__img-top{display:block}.c-table__img-bottom{display:block}}tr{margin:0}th,td{font-weight:400;text-align:center;text-transform:uppercase;width:50%;padding:1rem 1.5rem;min-width:25rem;border:0.1rem solid #bb8e62}@media (min-width: 768px){h1{font-size:3.4rem}h2{font-size:3rem}h3{font-size:2.4rem}h4{font-size:2rem}}.o-flex{display:flex;flex-direction:column;align-items:center;justify-content:center}.o-flex__left{order:-1;margin-bottom:1.5rem}.o-flex__img{height:auto}@media (min-width: 678px){.o-flex{display:block}.o-flex__img{height:auto;width:40%;float:right;margin-left:1.5rem;margin-bottom:0}}@media (min-width: 992px){.o-flex{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.o-flex__img{float:none}}.o-line{display:block;margin-top:2rem;background-color:#4a4a4a;height:1px;width:100%}.o-clearfix::after{content:'';display:block;clear:both}.o-socials{display:flex;align-items:center;-moz-column-gap:1rem;column-gap:1rem;justify-content:center}.c-header{background:#131414;border-bottom:1px solid #e6ff00;z-index:10;width:100%;height:8rem;position:fixed;top:0;left:0}.c-header .o-wrapper{height:100%}.c-header__wrapper{padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;height:100%}.c-header__btn{display:flex;align-items:center}.c-header__links{padding:1rem;position:fixed;z-index:3;bottom:0;left:0;width:100%;display:flex;justify-content:center;background:#131414;border-top:1px solid #e6ff00}.c-header__logo-img{width:75px;height:auto}.c-header__reg{margin-left:1rem}@media (min-width: 576px){.c-header__links{padding:0;width:auto;border-color:transparent;position:static}}@media (min-width: 768px){.c-header{height:11rem}.c-header__logo-img{width:145px}}.c-banner{background-color:#020101CF;padding:1rem;position:relative;width:100%;height:auto;margin-bottom:1.5rem}.c-banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#02020285;z-index:1}.c-banner__background{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;width:100%; height: 100%;}.c-banner__img{z-index:2;margin:0 auto 2rem;height:auto;width:40%}.c-banner__main{position:relative;height:100%;display:block;width:100%;display:flex;flex-direction:column}.c-banner__text{text-align:center;padding:1.5rem;background-color:#00000087}.c-banner__text-bottom{margin-top:auto;margin-bottom:3rem}.c-banner__info{height:auto;display:flex;flex-direction:column;width:100%;height:100%;z-index:2;align-items:center}.c-banner__link{margin-bottom:2rem}.c-banner__img-bottom{bottom:-18px;transform:translate(-50%);left:50%;z-index:2;position:absolute}@media (min-width: 500px){.c-banner__background{max-height:1050px}}@media (min-width: 768px){.c-banner{height:650px}.c-banner__main{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.c-banner__info{margin-left:2rem;height:auto}.c-banner__img{width:100%;max-width:267px}.c-banner__background{max-height:650px}.c-banner__text-bottom{margin-top:3rem}}@media (min-width: 1050px){.c-banner{height:550px}.c-banner__background{max-height:550px}}.c-table-of-content{max-width:980px;margin:3rem auto 3rem}.c-table-of-content__list[class]{list-style:disc;padding:2rem 2rem 2rem 4rem}.c-table-of-content__list[class] li+li{margin-top:1rem}.c-table-of-content__list[class] li{font-weight:500}.c-table-of-content summary{border:1px solid #979797;padding:1rem 2rem;display:block;cursor:pointer;position:relative;outline:none;font-weight:bold}.c-table-of-content summary span{text-transform:uppercase;display:block}.c-table-of-content summary::after{content:"";position:absolute;display:block;right:0;top:0;transform-origin:50% 50%;margin:0.7rem 2rem 0 1rem;height:3.5rem;width:3.5rem;background-repeat:no-repeat;background-image:url("../img/crown.svg")}.c-table-of-content details>div{border-right:1px solid #979797;border-left:1px solid #979797;border-bottom:1px solid #979797}.c-table-of-content__link{color:white;text-decoration:none;text-transform:uppercase;font-size:1.4rem}.c-table-of-content__link:hover{text-decoration:underline}@media (min-width: 992px){.c-table-of-content summary{font-size:2.2rem}.c-table-of-content__link{font-size:1.8rem}.c-table-of-content summary::after{top:5px}}.c-slots__items{display:flex;flex-wrap:wrap}.c-slots{margin-top:2rem;margin-bottom:2rem}.c-slots__item{width:calc(100% / 2 - 2rem);margin-left:1rem;margin-right:1rem;margin-bottom:2rem;border-radius:0.5rem;overflow:hidden;position:relative}.c-slots__item:hover .c-slots__item-overlay{opacity:1}.c-slots__title{margin-bottom:1.5rem}.c-slots__item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .2s linear}.c-slots__btns{width:100%;text-align:center}.c-slots__play{display:block}.c-slots__play svg{width:5rem;height:auto}.c-slots__demo{display:inline;font-size:1.4rem;padding:0.7rem 2rem}.c-slots__item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:1rem;font-weight:500;width:100%;text-align:center}.c-slots__img{height:100%}.c-slots__img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 375px){.c-slots__play svg{width:6.5rem}.c-slots__item-name{margin-bottom:1.5rem}}@media (min-width: 414px){.c-slots__play svg{width:8rem}.c-slots__item-name{margin-bottom:1.5rem}.c-slots__demo{padding-left:3rem;padding-right:3rem}}@media (min-width: 500px){.c-slots__item{width:calc(100% / 3 - 2rem)}.c-slots__play svg{width:6rem}.c-slots__item-name{margin-bottom:1rem}}@media (min-width: 576px){.c-slots__item-name{margin-bottom:1.5rem}.c-slots__play svg{width:7rem}}@media (min-width: 658px){.c-slots__item-name{font-size:2rem;margin-bottom:2rem}.c-slots__play{margin-bottom:1rem}.c-slots__play svg{width:9rem}.c-slots__demo{font-size:1.5rem;padding-top:0.7rem;padding-bottom:1rem}}@media (min-width: 768px){.c-slots__item{width:calc(100% / 4 - 2rem)}}@media (min-width: 992px){.c-slots__item-overlay{padding:0.5rem 2.5rem}.c-slots__item-name{font-size:2rem}.c-slots__play{margin-bottom:0}.c-slots__play svg{width:8rem}}@media (min-width: 1050px){.c-slots__demo{padding:1rem 2.4rem}.c-slots__item-name{margin-bottom:2rem}}.c-footer{padding-bottom:7rem}.c-footer__list{-moz-column-gap:4rem;column-gap:4rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.c-footer .c-footer__list-item.c-footer__list-item--red{opacity:1}.c-footer__list-item{opacity:.3;margin-bottom:3.5rem}.c-footer__list-img{max-height:33px}.c-footer__bottom{padding-top:3rem;border-top:1px solid #282828;display:flex;flex-direction:column;align-items:center}.c-footer__logo{margin-bottom:1rem;display:block}.c-footer__logo-img{margin-bottom:2rem}.c-footer__socials{width:170px;margin-bottom:3rem}.c-footer__logo-img{flex-shrink:0;height:auto}.c-footer__nav{-moz-column-gap:5rem;column-gap:5rem;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.c-footer__nav-menu{max-width:130px;margin-bottom:2rem}.c-footer__nav-span{font-weight:bold;margin-bottom:1.2rem;display:block}.c-footer__nav-item+.c-footer__nav-item{margin-top:1.2rem}.c-footer__nav-link{color:#b2b2b2}.c-footer__nav-link:hover{text-decoration:underline}@media (min-width: 576px){.c-footer{padding-bottom:3rem}}@media (min-width: 1000px){.c-footer__bottom{flex-direction:row;justify-content:space-between;align-items:start}.c-footer__nav{width:calc(100% - 220px)}.c-footer__socials{margin-bottom:0;margin-right:5rem}}.c-comments{padding-right:1rem;padding-left:1rem;margin-bottom:5rem;border-radius:2rem}.c-comments__item{border-radius:1.5rem;position:relative;background-color:rgba(245,245,245,0.05);padding:2.5rem 2rem 3.5rem;width:100%}.c-comments__item+.c-comments__item{margin-top:5rem}.c-comments__top{display:flex;justify-content:space-between}.c-comments__info{display:flex;align-items:center;margin-right:3rem;margin-bottom:1.1rem}.c-comments__name{color:white;max-width:12rem;margin-right:1rem}.c-comments__star{display:flex;height:1.6rem;width:8.9rem}.c-comments__star-color{height:1.6rem;overflow-x:hidden;display:flex}.c-comments__btn{font-size:1.8rem;position:absolute;border:none;color:white;padding:0.5rem 2rem;right:3%;bottom:-1.7rem}@media (min-width: 768px){.c-comments__btn{padding:0.7rem 3rem}}.c-faq summary{text-transform:uppercase;padding:1.5rem;display:block;font-size:2rem;cursor:pointer;position:relative;outline:none;border-bottom:1px solid #b2b2b2}.c-faq summary:before{content:"";background-repeat:no-repeat;display:block;float:left;font-weight:bold;margin:-0.5rem 0.5rem 0 -1rem;padding:0;text-align:center;height:5rem;width:5rem;background-image:url("../img/arrow.svg")}.c-faq details>div{text-align:left;padding:1.5rem 1rem 2rem}

/* 1) Базова стилізація для всіх розмірів: вертикальне вирівнювання за замовчуванням */
.c-footer__nav {
    display: flex;
    flex-direction: column;
    gap: 2rem; /* відстань між стовпчиками на мобільних */
  }
  
  /* 2) Для десктопів (ширина від 768px і вище) — викладка в рядок */
  @media (min-width: 768px) {
    .c-footer__nav {
      flex-direction: row;
      justify-content: space-between; /* розносить меню по ширині */
      align-items: flex-start; /* вирівнювання по верхньому краю */
      gap: 1rem; /* відстань між меню */
    }
  
    /* Додатково: щоб кожен блок займав приблизно 1/3 ширини */
    .c-footer__nav-menu {
      flex: 1;
      min-width: 0; /* щоб коректно працювало при переповненні */
    }
  }
  
  /* 3) Оптимізація для дуже вузьких екранів (наприклад, < 480px) */
  @media (max-width: 479px) {
    .c-footer__nav {
      gap: 1rem;
    }
  
    .c-footer__nav-menu {
      /* У суто вузьких смартфонах можна зменшити відступи в самому меню */
      padding: 0 0.5rem;
    }
  
    .c-footer__nav-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.5rem;
    }
  }