@font-face {
  font-family: "Geologica-ExtraBold";
  font-weight: 800;
  font-display: swap;
  src: local("Geologica-ExtraBold"),
      url("../fonts/Geologica-ExtraBold.ttf");      
}

@font-face {
  font-family: "Geologica-Bold";
  font-weight: 700;
  font-display: swap;
  src: local("Geologica-Bold"),
      url("../fonts/Geologica-Bold.ttf");
}

@font-face {
  font-family: "Geologica-Medium";
  font-weight: 500;
  font-display: swap;
  src: local("Geologica-Medium"),
      url("../fonts/Geologica-Medium.ttf");
}

@font-face {
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-display: swap;
  src: local("Geologica-Regular"),
      url("../fonts/Geologica-Regular.ttf");
}

@font-face {
  font-family: "Geologica-Light";
  font-weight: 300;
  font-display: swap;
  src: local("Geologica-Light"),
      url("../fonts/Geologica-Light.ttf");
}

body{
  height: 100vh;
  background-color: #F2F2F2;
  color:#080D25;
  font-family: "Geologica-Light";
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
}

p{padding: 12px 0;}

input[type="search"] {
    font-size: 14px;
    color: #111111;
    padding: 16px 16px 16px 40px;
    border: 1px solid #717587;
    border-radius: 24px;
    position: relative;
    width: 100%;
}

input[type="search"]::placeholder {
    color: #717587;
}

input[type="text"]:hover,
input[type="tel"]:hover {
    border-color: #111111;
}

input:focus {
    /* background-color: #F8F8F8; */
}


.link-btn{
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-size: 14px;
  background-color: #3755FA;
  color:#FFFFFF;
  border-radius: 61px;
  padding: 12px 32px;
  display: inline-block;
}

.link-btn:hover{background-color:#334EE1;}
.link-btn:active{background-color:#22359D;}

.more-btn{
  border-radius: 61px;
  border: 2px solid #3755FA;
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-size: 14px;
  padding: 16px 40px;
  color:#000;  
}

.more-btn:hover{background-color:rgba(55, 85, 250, 0.1)}
.more-btn:active{background-color:rgba(55, 85, 250, 1); color:#FFFFFF}

.btn-slider{
  border-radius: 4px;
  background-color: #3755FA;
  padding: 12px 16px;
  min-width: 48px;
  height: 40px;
}

.btn-slider-left{
  background-image: url(../img/arrow-sl-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.btn-slider-right{
  background-image: url(../img/arrow-sl-right.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.btn-slider:hover{background-color:#334EE1}
.btn-slider:active{background-color:#22359D}

.top-btn {
  font-family: "Geologica-Medium";
  font-weight: 500;
  font-size: 14px;
  position: fixed;
  bottom: 35px;
  right: 10%;
  z-index: 99;
  font-size: 15px;
  background-color: #3755FA;
  color: #fff;
  cursor: pointer;
  padding: 12px 20px;
  border-radius: 4px;
  box-shadow: 0px 4px 16px 0px #3755FA;
}

.top-btn::after{
  content: url(../img/arrow-up.svg);
  margin-left: 12px;
  vertical-align: middle;
}

/*Burger menu*/

.burger{
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: #3755FA;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.burger-line{
  width: 13px;
  height: 1px;
  background-color: #FFFFFF;
  display: block;
  position: relative;
}

.burger-line::after{
  content: '';
  top: -5px;
  width: 13px;
  height: 1px;
  background-color: #FFFFFF;
  display: block;
  position: absolute;
}

.burger-line::before{
  content: '';
  top: 5px;
  width: 13px;
  height: 1px;
  background-color: #FFFFFF;
  display: block;
  position: absolute;
}

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

.burger-menu{
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 28px;
  right: 0;
  position: absolute;
  padding: 16px;
  width: 320px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  display: none;
  z-index: 10;
}

.burger-menu--action{
  display: flex;
}

.burger-menu__title{
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-size: 16px;
  color:#717587;
}

.burger-menu__link{
  display: block;
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-size: 14px;
}

.burger-menu__title,
.burger-menu__link{
  padding: 12px;
}

.close-btn{
  background-image: url(../img/icon-close.svg);
  width: 24px;
  height: 24px;
}

/*Burger menu*/

.search__box{
  
  background: url(../img/icon-search.svg) no-repeat left;
  background-position: 16px;
}


.wrapper{
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.container{
  max-width: 1200px;
  margin: 0 auto;
}

.header{
  background-color: #FFFFFF;
  box-shadow: 0px 2px 2px 0px #211E1E14;
  box-shadow: 0px 4px 16px 0px #211E1E0A;

}

.header__inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.logo__inner{
  display: flex;
}

.logo__link{
  display: flex;
  gap: 12px;
  align-items: center;
}

.nav-menu__list{
  display: flex;
  gap: 32px;
}

.header__lang-search{
  display: flex;
  gap: 16px;
  align-items: center;
}

.logo{
  font-family: "Geologica-ExtraBold";
  font-weight: 800;
  font-size: 32px;
}

.menu__link{
  font-size: 14px;
}

.dropbtn {
  padding: 5px;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown:hover .dropdown-lang {
  display: block;
}

.main{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.banner-img{
  width: 100%;
  position: relative;
  height: 380px;
  overflow: hidden;
  background-repeat: no-repeat;
  border-radius: 16px;
  margin-top: 24px;
  display: flex;
  justify-content: center;
}

.banner-img__list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.banner-img__item{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.banner-img__list li.active {
  opacity: 1;
}

.block-content{
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 2px 0px #211E1E14;
  box-shadow: 0px 4px 16px 0px #211E1E0A;

}

.events__inner{  
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.events__btn{
  display: none;
}

.events__list{
  display: flex;
}

.events__item{
  min-width: 150px;
  padding: 16px;
  border-radius: 8px;
}

.events__item:hover{
  background-color: #3755FA;
}

.events__item:hover .events__text{color:#FFFFFF;}

.events__item:hover .events__icon{fill:#fff;width:48px}

.events__text{
  font-family: "Geologica-Medium";
  font-weight: 500;
  text-align: center;
  padding-top: 8px;
}

.events__link{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.events__icon{
  width: 40px;
  height: 40px;
  color:#080D25;
}

.content__inner{
  margin-top: 24px;
  padding: 24px;
}

.main-title,
.third-title{
  font-family: "Geologica-Medium";
  font-weight: 500;
  font-size: 22px;
}

.link-more{
  padding-top: 24px;
  font-family: "Geologica-Regular";
  font-weight: 400;
  display: inline-block;
}

.link-more::after{
  content: url(../img/arrow-down-blue.svg);
  margin-left: 8px;
  vertical-align: middle;
}

.articles__inner{
  margin-top: 16px;
  padding: 16px;
}

.articles__link{
  font-family: "Geologica-Regular";
  font-weight: 400;
  padding: 16px 12px;
  display: block;
  width: 100%;
}

.article__list{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 16px;
}

.article__item{flex:0 1 50%}

.title-post-1::before,
.title-post-2::before,
.title-post-3::before,
.title-post-4::before,
.title-post-5::before,
.title-post-6::before,
.title-post-7::before,
.title-post-8::before,
.title-post-9::before,
.title-post-10::before{
  margin-right: 8px;
  margin-left: 12px;
  vertical-align: middle;
}

.title-post-1::before{
  content: url(../img/icon-trophy.svg);
}

.title-post-2::before{
  content: url(../img/icon-prince.svg);
}

.title-post-3::before{
  content: url(../img/icon-briefcase.svg);
}

.title-post-4::before{
  content: url(../img/icon-unicorn.svg);
}

.title-post-5::before{
  content: url(../img/icon-1st-place.svg);
}

.title-post-6::before{
  content: url(../img/icon-technologist.svg);
}

.title-post-7::before{
  content: url(../img/icon-credite-cards.svg);
}

.title-post-8::before{
  content: url(../img/icon-star-structs.svg);
}

.title-post-9::before{
  content: url(../img/icon-laptop.svg);
}

.title-post-10::before{
  content: url(../img/icon-locked.svg);
}



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

.title-post{
  width: 90%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  /* padding: 16px 12px; */
}

.title-post:hover{background-color: #3755FA;}

.title-post:hover .articles__link{color:#FFFFFF}

.arrow-btn{
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.close-block{
  background-image: url(../img/arrow-up-blue.svg);
}

.top-casino__inner{
  margin-top: 48px;
  padding: 24px;
}

.top-casino__name-mob{display: none;}

.secondary-title{
  font-family: "Geologica-Bold";
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 24px;
  line-height: 40px;
}

h2{
  font-family: "Geologica-Bold";
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 24px;
  line-height: 40px;
}

.text-aling{text-align: center;}

.name-casino{
  font-family: "Geologica-Medium";
  font-weight: 500;
  font-size: 20px;
}


.table-name__list{
  padding-top: 16px;
  display: flex;}


.top-casino__item{
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  padding: 16px 0;
}

ol.top-casino__list {
	list-style-type: none; 
	counter-reset: num;
}
ol.top-casino__list li {
}
ol.top-casino__list li:before {
	content: counter(num); 
	counter-increment: num;
  width: 50px;
  font-family: "Geologica-Medium";
  font-weight: 500;
  font-size: 20px;
}

.top-casino__block-name {
  display: flex;
  align-items: center;
  gap: 32px;
}

.table-name__list,
.top-casino__list{
  padding-left: 24px;
  padding-bottom: 16px;
}

.item-title__item:nth-child(1){width: 50px;}
.item-title__item:nth-child(2),
.top-casino__block-name{width: 40%;}
.item-title__item:nth-child(3),
.top-casino__bonus{width: 60%;}
.item-title__item:nth-child(4),
.top-casino__link{width: 150px;}

.secondary-content__inner{
  margin-top: 48px;
  padding: 24px;
}


.name-column{
  font-family: "Geologica-Medium";
  font-weight: 500;
  font-size: 20px;
  color:#2B2F33;
}

.btn-style{
  margin: 0 auto;
  margin-top: 24px;
}

.secondary-content__list{
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.secondary-content__item::before{
  content: url(../img/icon-trophy.svg);
  margin-right: 8px;
  vertical-align: middle;
}

.article__items--off{
  display: none;
}

.questions__inner,
.feedback__inner{
  margin-top: 48px;
}

.questions__list,
.feedback__list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.questions__item,
.feedback__item{
  display: block;
  padding: 24px;
}

.block-questions,
.block-feedback{
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.block-questions__text{
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-align: left;
}

.questions-1::before{
  content: url(../img/icon-777.svg);
  margin-right: 16px;
  vertical-align: middle;
}

.questions-2::before{
  content: url(../img/icon-locked.svg);
  margin-right: 16px;
  vertical-align: middle;
  width: 20px;
}

.questions-3::before{
  content: url(../img/icon-technologist.svg);
  margin-right: 16px;
  vertical-align: middle;
}

.questions-4::before{
  content: url(../img/icon-777.svg);
  margin-right: 16px;
  vertical-align: middle;
}

.questions-5::before{
  content: url(../img/icon-777.svg);
  margin-right: 16px;
  vertical-align: middle;
}

.questions__text{
  transition: 0.3s ease-in-out;
  max-height: 0;
  overflow: hidden;
}

.questions__content{
  padding-top: 16px;
}

.feedback__text--off{
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: .3s ease-in-out;
}

.questions__text--action,
.feedback__text--action{
  display: block;
}

.block-questions__img{
  margin-right: 16px;
  width: 20px;
  height: 20px;
}


.block-questions__btn--down,
.block-questions__btn--up,
.block-feedback__btn--down,
.block-feedback__btn--up{
  width: 16px;
  height: 16px;
}

.block-questions__btn--down,
.block-feedback__btn--down{
  background-image: url(../img/arrow-down-blue.svg);
}

.block-questions__btn--up,
.block-feedback__btn--up{
  background-image: url(../img/arrow-up-blue.svg);
}

.block-feedback__text{
  font-family: "Geologica-Light";
  font-weight: 300;
  font-size: 14px;
  color:#3755FA;
}

.feedback__text{
  padding-top: 8px;
}

.pagination{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.pagination-text{
  text-align: center;
  width: 74px;
  font-family: "Geologica-Medium";
  font-weight: 500;
  font-size: 14px;
}

.footer__column-list{
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer__column-link{
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-size: 16px;
  color: #717587;
}

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


.footer__inner{
  border-top: 1px solid #DFE3E8;
  margin-top: 72px;
  margin-bottom: 24px;
  padding-top: 34px;
  display: flex;
  justify-content: space-between;
}

.footer__column-one{
  display: flex;
  gap: 120px;
}

.footer__column-two{
  width: 475px;
  margin-right: 68px;
}

.footer__text{
  font-family: "Geologica-Regular";
  font-weight: 400;
  padding-top: 24px;
  line-height: 26px;
}

.dropdown{
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-size: 14px;
}

.flag-icon{
  border-radius: 50%;
  border: 1px solid #000;
  width: 36px;
  height: 36px;
  margin-right: 12px;
}

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

.dropbtn:hover{
  background-color: rgba(55, 85, 250, 0.2);
}

.arrow-footer::after{
  content: url(../img/arrow-down.svg);
  margin-left: 25px;
}

.arrow-header::after{
  content: url(../img/arrow-down.svg);
}

.dropdown-lang{
  display: none;
  position: absolute;
  background-color: #080D25;
  border-radius: 8px;
  padding: 24px;
  z-index: 10;
}

.flag-icon-header,
.flag-icon-item{
  width: 28px;
  height: 28px;
}

.lang-link{
  font-family: "Geologica-Regular";
  font-weight: 400;
  font-size: 14px;
  color:#FFFFFF;
  display: flex;
  align-items: center;
}

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

/*404*/

.error-404{display: flex;justify-content: center;    padding-top: 100px;
  padding-bottom: 40px;}
.error-404__inner{display: flex;flex-direction: column; justify-content: center;gap: 35px;    align-items: center;}
.error-404__text{font-family: "Geologica-Medium";font-weight: 500;font-size: 34px;}
.error-404__h1{font-family: "Geologica-Bold";font-weight: 700;font-size: 290px;color:#3755FA;line-height: 250px;}
.error-404__descriptopn{font-family: "Geologica-Light";font-weight: 300;font-size: 24px;width: 477px;text-align: center;}

.error-404__chips{position: absolute;}

.error-404__chips-13{top: 100%;right: 0;}
.error-404__chips-15{top: 0;right: 0;}
.error-404__chips-12{top: 47%;left: 66%;}
.error-404__chips-7{top: 26%;left: 31%;}
.error-404__chips-4{top: 44%;left: 20%;}
.error-404__chips-9{top: 3%;left: 0;}
.error-404__chips-11{top: 70%;left: 0;}

/*404*/






@media(max-width:1025px){
  .container{padding: 0 8px;}
  .nav-menu__list{gap: 19px;}
  .events__btn{display: block;}
  .events__list{max-width: 865px;overflow-x: scroll;}
  .events__list::-webkit-scrollbar{
    display: none;
  }
  .footer__column-two{margin-right: 0;}

}

@media(max-width:669px){
  .nav-menu__list,
  .top-casino__img{display: none;}
  .article__list{align-items: center;}
  .title-post{width: 100%;display: flex;
    align-items: center;}
  .title-post-1::before{display: block;}
  .mob__title{
    max-width: 470px;
    margin: 0 auto;
  }
  .top-casino__name-desc{display: none;}
  .top-casino__name-mob{display: block;}
  .top-casino__bonus-desc{max-width: 185px;    display: block;}
  .footer__inner{flex-direction: column;gap: 34px;}
  .footer__column-one{justify-content: space-between;}
}

@media(max-width:485px){
  .logo{font-size: 28px;}
  .header__lang-search{display: none;}
  .burger{display: flex;}
  .header__inner{justify-content: center;}
  .logo__inner{margin: 0 auto;}
  .banner-img{margin-top: 16px;height: 240px;}
  .events__inner{margin-top: 20px;}
  .events__btn{display: none;}
  .events__text{font-size: 12px;}
  .events__icon{
    width: 28px;
    height: 28px;
  }
  .events__item{min-width: 104px;padding: 8px;}
  .events__item:hover .events__icon{fill:#fff;width:30px}
  body{font-size: 14px;}
  p {padding: 10px 0;}
  .main-title, .third-title{font-size: 20px;}
  .link-more{padding-top: 16px;}
  .article__list{
    margin-top: 12px;
    flex-direction: column;
    align-items: start;
  }
  .articles__link{font-size: 16px;}
  .article__item,.footer__column-one,.secondary-content__item::before,.footer__row-logo .logo__inner,.top-casino__span-link{display: none;}
  .article__item:nth-child(1),
  .article__item:nth-child(2),
  .article__item:nth-child(3),
  .article__item:nth-child(4){display: block;}
  .content__inner{margin-top: 20px;}
  .articles__inner{margin-top: 12px;}
  .top-casino__inner{margin-top: 16px;padding: 16px;}
  .top-casino__list{padding-left: 20px;}
  .secondary-title{font-size: 26px;margin-bottom: 20px;}
  .table-name__list{display: none;}
  .secondary-content__inner{margin-top: 40px;padding: 16px;}
  .secondary-content__item{display: flex;align-items: center;}
  .feedback__inner{margin-top: 16px;}
  .footer__row-logo{justify-content: center;}
  .footer__inner{margin-top: 32px;padding-top: 28px;}
  .footer__text{display: flex;align-items: center;padding-top: 20px;margin: 0 20px;}
  .footer__text::before{content: url(../img/icon-18+.svg); margin-right: 16px;display: block;}
  .footer__column-two{width: 100%;}
  ol.top-casino__list li:before{content: counter(num)'.';font-size: 14px;width: 15px;}
  .top-casino__item-link{background-image: url(../img/arrow-sl-right.svg);background-repeat: no-repeat; background-position: center;
    padding: 17px 27px!important;
    display: inline-block;}
  .link-btn{padding: 10px 20px;}
  .name-casino{font-size: 14px;}
  .top-casino__bonus{width: 100%;}
  .top-casino__bonus-desc{max-width: 100%;font-size: 12px;}
  .top-casino__item{flex-wrap: wrap;position: relative;padding: 8px 0;}
  .top-casino__list{padding-left: 0;padding-bottom: 0;}
  .top-casino__link{width: 50px;position: absolute;right: 0;}

  .banner-img img{
    height: 240px;
    max-width: 485px;
  }

  /*404*/

  .error-404{padding-top: 16px;}
  .error-404__text{font-size: 26px;}
  .error-404__h1{font-size: 120px;line-height: 50px;}
  .error-404__chips-15,.error-404__chips-13,.error-404__chips-9{display: none;}
  .error-404__descriptopn{width: 284px;font-size: 16px;}
  .error-404__chips-7 {
    top: 14%;
    left: 14%;
}
  .error-404__chips-7 img{width: 70px;}
  .error-404__chips-11 {
    top: 9%;
    left: 333px;
}

.error-404__chips-4 {
  top: 20%;
  left: -23%;
}
.error-404__chips-12 {
  top: 30%;
  left: 71%;
}
  /*404*/
}


.main-title {
            text-align: center;
            margin-bottom: 20px;
        }
        .top-casino__item-link {
            display: block;
            text-align: center;
            margin: 0 auto;
            width: fit-content;
            padding: 10px 20px;
            text-decoration: none;
        }

.top-casino__img img {
    width: 60px;
    border-radius: 100px;
    vertical-align: middle;
}









/* Стили для заголовков */
/*h1, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 {
    font-size: 32px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
}

h2 {
    font-size: 28px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
    color: #666;
}
*/
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table th, table td {
    border: 1px solid #ddd;
    padding: 12px 15px;
    text-align: left;
}

table tr:nth-child(even) {
    background-color: #f9f9f9;
}

table th {
    background-color: #f2f2f2;
    font-weight: bold;
}



h1 {
    font-family: "Geologica-Bold";
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 24px;
    line-height: 40px;
}