body, html {     margin: 0;     padding: 0;     font-family: "Roboto", "Arial" sans-serif; }  * {     -webkit-box-sizing: border-box;     box-sizing: border-box; }  a {     text-decoration: none; }  img {     height: auto;     max-width: 100%;     border: none;     -webkit-border-radius: 0;     border-radius: 0;     -webkit-box-shadow: none;     box-shadow: none; }  .container {     max-width: 1140px;     margin: 0 auto;     padding: 10px; }  .section__top {     position: relative;     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;     padding: 30px 0 100px;     z-index: 0;     background: #f1f1f1 url(/shared/3164/bg.webp) no-repeat; }  .header {     display: flex;     justify-content: space-between;     align-items: center; }  .logo__link {     display: block;     padding: 10px; }  .btn {     cursor: pointer;     display: inline-block;     outline: none;     position: relative;     transition: all .3s ease-out;     z-index: 0;     text-align: center;     border-style: none;     border-radius: 15px 15px 15px 15px;     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);     font-family: roboto, sans-serif;     font-size: 20px;     font-weight: 400;     text-transform: none;     color: #ffffff;     padding: 10px 20px; }  .btn--yellow {     margin-right: 20px;     background: linear-gradient(177deg,#fb3c3c 1.96%,#880303 98.23%); }  .btn--green {     background: linear-gradient(177deg,#f4f4f4 2%,#dcdcdc);     color: #000000; }.btn {      cursor: pointer;      display: inline-block;      outline: none;      position: relative;      transition: all .3s ease-out;      z-index: 0;      text-align: center;      border-style: none;      border-radius: 15px 15px 15px 15px;      box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);      font-family: roboto, sans-serif;      font-size: 20px;      font-weight: 400;      text-transform: none;      color: #ffffff;      padding: 10px 20px;  }  .btn--yellow {     margin-right: 20px;     background: linear-gradient(177deg,#fb3c3c 1.96%,#880303 98.23%); }  .btn--green {     background: linear-gradient(177deg,#f4f4f4 2%,#dcdcdc);     color: #000000; } .content {     color: #cfcfcf;     width: 59.911%;     padding: 10px; } .content__title {     padding: 0;     line-height: 1;     color: #fff;     font-family: "Roboto", sans-serif;     font-size: 55px;     font-weight: 300;     letter-spacing: -3px;     margin: 0 0 85px; }  .content p {     padding: 0;     margin: 0;     font-family: "Roboto", sans-serif;     font-size: 22px;     font-weight: 300;     line-height: 1.6em; }  .content__button {     padding: 15px 0;     margin-top: 40px; } .content__button__link {     font-family: "Roboto", sans-serif;     font-size: 22px;     font-weight: 400;     fill: #0e1f04;     color: #0e1f04;     background-color: #e3e3e3;     border-radius: 15px 15px 15px 15px;     padding: 15px 30px; }  .content {     margin-top: 10%; } .category {     position: relative;     background: #f1f1f1 url(/shared/3164/games-bg.webp);     background-repeat: no-repeat;     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;     margin-top: -2%;     margin-bottom: 0%;     padding: 6% 0% 7%;     z-index: 1; }  .category__title {     text-align: center;     color: #fff;     font-size: 60px;     font-weight: 300;     margin: 0; }  .category__subtitle {     text-align: center;     color: #fff;     font-size: 36px;     font-weight: 700;     margin: 0; }  .cards {     display: grid;     grid-template-columns: repeat(4, 1fr);     margin-top: 20px;     margin-bottom: 20px; }  .cards__item {     padding: 10px;     text-align: center;     display: flex;     flex-direction: column;     align-items: center;     justify-content: space-between; } .cards__item__img {     display: block; } .cards__item__img img:hover { animation: elementor-animation-bob-float 0.3s ease-out 0s 1 forwards normal,             elementor-animation-bob 1.5s ease-in-out 0.3s infinite alternate; }  @keyframes elementor-animation-bob-float {     100% {         transform: translateY(-8px);     } }  @keyframes elementor-animation-bob {     0% {         transform: translateY(-8px);     }      50% {         transform: translateY(-4px);     }     100% {         transform: translateY(-8px);     } }  .cards__item__title, .bonuses__cards__title {     text-align: center;     color: #ffffff;     font-size: 24px;     font-weight: 700;     margin: 0 0 10px; }  .cards__item__text, .bonuses__cards__description {     color: #cfcfcf;     font-size: 16px;     font-weight: 400;     line-height: 1.5em;     text-align: center;     margin: 0 0 20px; }  .cards__item .btn--yellow {     margin-right: 0; } .bonuses {     position: relative;     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;     margin-top: -6%;     margin-bottom: 0%;     padding: 100px 0 50px;     z-index: 0;     background: #131313; } .bonuses .category__subtitle {     color: #ffffff; }  .bonuses__main {     display: flex;     margin-top: 40px;     margin-bottom: 40px; } .bonuses__main__img, .bonuses__main__content {     width: 50%;     padding: 10px; }  .bonuses__main__content {     display: flex;     flex-direction: column;     align-items:  flex-start;     justify-content: space-between; }  .bonuses__main__title {     padding: 0;     margin: 0;     color: #fff;     font-size: 30px;     font-weight: 700;     line-height: 1.2em;     margin-bottom: 20px; }  .bonuses__main__content p {     color: #cfcfcf;     font-size: 22px;     font-weight: 400;     margin-bottom: 20px; } .bonuses__cards {     display: flex;     align-items:  flex-start;     justify-content: space-between; } .bonuses__cards__item {     padding: 10px; } .bonuses__cards__item a {     display: block; } .bonuses__cards__title, .bonuses__cards__description {     text-align: left; }  .bonuses__cards__title {     margin-top: 23px; } .bonuses__cards__img {     width: 355px;     height: 255px;     overflow: hidden; } .bonuses__cards__img img {     width: 100%;     height: auto;     object-position: center; } .bonuses__cards__img img:hover {     animation-name: elementor-animation-push;     animation-duration: .3s;     animation-timing-function: linear;     animation-iteration-count: 1; }  @keyframes elementor-animation-push {     50% {         transform: scale(.8);     }      100% {         transform: scale(1);     } }  .btn:hover {     animation-name: elementor-animation-pop;     animation-duration: .3s;     animation-timing-function: linear;     animation-iteration-count: 1; }  @keyframes elementor-animation-pop {     50% {         transform: scale(1.2);     } }   .text {     position: relative;     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;     margin-top: -40px;     margin-bottom: 0;     padding: 70px 0;     z-index: 1;     background: #f1f1f1 url(/shared/3164/bottom-top-bg.webp) no-repeat top center;     background-size: cover;     color: #131313;     font-size: 16px;     font-weight: 400;     line-height: 1.4em; } .text * {     padding: 10px; } .text h2 {     padding: 0;     margin: 0;     line-height: 1;     color: #0e1f04;     font-size: 32px;     font-weight: 300;     text-align: center; }  .text img {     padding: 0; }  .provider {     text-align: center; }  .footer {     position: relative;     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;     margin-top: -50px;     margin-bottom: -50px;     padding: 70px;     z-index: 0;     background-color: #131313; }  .footer__top {     display: flex;     justify-content: center;     align-items: center;     gap: 10px; }  .footer__top p {     color: #cfcfcf;     font-size: 13px;     font-weight: 600; }  .footer__nav {     margin-bottom: 25px; }  .nav {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap; }  .nav__link {     color: #ffffff;     text-decoration: underline;     text-transform: uppercase; }  .nav__link:hover {     color: #fb3c3c; } .footer__copy {     text-align: center; } .footer__copy__title {     color: white;     margin-top: 1em;     text-align: center;     font-size: 1em; }  .footer__copy__info {     margin-top: 1em;     text-align: center;     font-size: .75em;     opacity: .7;     color: white; }  .footer__copy img {     max-width: 200px;     width: 100%;     height: auto; } .giris-buton {     display: none;     padding: 16px 32px;     text-align: center;     font-weight: 700;     background: linear-gradient(177deg,#fb3c3c 1.96%,#880303 98.23%);     border-radius: 4px;     margin-bottom: 1em;     color: #000;     transition: all 200ms linear;     font-size: 16px;     letter-spacing: 1px;     margin-top: 25px; }  .scroll-to-top {     display: none;     width: 40px;     height: 40px;     background: linear-gradient(177deg,#fb3c3c 1.96%,#880303 98.23%);     position: fixed;     bottom: 20px;     right:20px;     color: #fff;     cursor: pointer;     padding: 10px;     border-radius: 4px;     border: none;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);     z-index: 100; } @media (max-width: 1024px) {     .content {         width: 100%;     }     .content__button {         display: none;     }     .giris-buton {         display: block;     }     .category {         margin-top: -7%;         background-size: cover;     }     .cards {         grid-template-columns: repeat(2, 1fr);     }     .bonuses {         margin-top: -5%;     } }  @media (max-width: 768px) {     .header {         flex-direction: column;     }     .button {         padding: 10px;         width: 100%;         display: flex;         justify-content: space-between;     }      .header .btn {         display: block;         width: 50%;     }     .category__title {         margin-top: 100px;         font-size: 35px;     }     .cards {         grid-template-columns: repeat(1, 1fr);     }     .category {         padding: 6% 0 12%;     }      .bonuses {         margin-top: -12%;     }      .bonuses__main {         flex-direction: column;     }     .bonuses__main__img, .bonuses__main__content {         width: 100%;     }     .bonuses__main__img {         text-align: center;     }     .bonuses .btn--green {         display: block;         width: 100%;     }     .bonuses__cards,     .footer__top {         flex-direction: column;     }     .footer {         padding: 70px 0;     }     .category {         margin-top: -12%;     }     .content__title {         font-size: 39px;     }     .content p {         font-size: 18px;     } }  @media (max-width: 640px) {     .category {         margin-top: -20%;     }     .bonuses {         margin-top: -20%;     }     .category__title {         margin-top: 20px;     }     .category .category__title {         margin-top: 100px;     } }  @media (max-width: 412px) {     .category {         margin-top: -25%;     }     .bonuses {         margin-top: -25%;     }     .btn {         font-size: 15px;     } }  table {     width: 100%;     border: 2px solid #fb3c3c; }  th, td {     padding: 10px;     border: 1px solid #fb3c3c; }