body {     font-family: "Open Sans", sans-serif;     color: #262626;     position: relative;     font-size: 1.125rem;     font-weight: 400;     padding-top: 65px;     background: #141414;     margin: 0; }  *, *::before, *::after {     box-sizing: border-box; }  .container {     max-width: 1400px;     margin: 0 auto; }  .wrapper {     max-width: 1200px;     margin: 0 auto; }  .header {     position: fixed;     top: 0;     right: 0;     left: 0;     z-index: 1030;     background-color: #282828;     color: #fff;     -webkit-font-smoothing: antialiased;     background-image: none;     width: 100%; }  .header .container {     display: flex;     flex-wrap: inherit;     align-items: center;     padding: .5rem; }  .logo {     display: flex;     margin-right: 46px;     text-decoration: none;     position: relative; }  .logo img {     max-width: 225px;     height: 50px; }  .nav__list {     display: flex;     padding: 0;     margin: 0;     list-style: none;     align-items: center;     transition: margin .3s ease-in-out;     width: 100%; }  .nav__item {     position: static; }  .nav__btn, .nav__item__link {     background: none;     border: none;     margin-right: 24px;     padding: 10px 5px 10px 0;     box-sizing: content-box;     font-weight: 600;     color: #fff;     cursor: pointer;     display: flex;     align-items: center;     white-space: nowrap;     font-size: .75rem;     text-decoration: none;     position: relative; }  .nav__item:first-child .nav__btn {     margin-left: 0; }  .nav__btn:hover:before, .nav__btn:hover::before {     content: "";     position: absolute;     left: 0;     bottom: 0;     animation: border_anim .2s linear forwards;     border-bottom: solid 2px #fff;     width: 100%; }  .nav__btn svg:first-of-type, .nav__item__link svg {     width: 24px;     height: 24px;     margin-right: .25rem; }  .nav__btn span, .nav__item__link span {     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     margin-right: .5rem; }  .nav__btn.show .chevron-down {     transform: rotate(180deg); }  .nav__btn.show:after, .nav__btn.show::after {     content: "";     position: absolute;     left: 0;     bottom: 0;     display: inline-block;     width: 100%;     margin: 0;     border: none;     border-bottom: solid 2px #fff; }  .dropdown-menu {     display: none;     position: fixed;     margin-top: -1px;     border-radius: 0;     padding: 20px 0 0;     top: 60px;     box-shadow: none;     transition: none;     background-color: #282828;     left: 0;     width: 100%;     border: 0;  }  .dropdown-menu.show {     display: block; }  .nav__item:hover .dropdown-menu {     display: block; }  .dropdown-menu__inner {     padding-left: 334px;     max-height: 270px;     display: flex;     flex-direction: column;     align-content: flex-start;     flex-wrap: wrap; }  .dropdown-menu__link {     position: relative;     padding-bottom: .5rem;     text-decoration: none;     box-sizing: content-box;     color: #fff;     font-size: .875rem;     font-weight: 600;     display: block; }  .dropdown-menu__link:not(.desc) {     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;     margin-right: 60px;     margin-bottom: 20px;     max-width: 200px; }  .nav__link {     display: flex;     align-items: center;     height: 60px;     width: 100%;     background-color: #282828;     max-height: 270px;     padding-left: 334px; }  .nav__link a {     color: #fff;     font-size: .875rem;     font-weight: 600;     padding-bottom: 0;     text-decoration: none;     position: relative;     display: block;     white-space: nowrap;     margin-bottom: 0; }  .toggle__nav {     line-height: inherit;     font-size: inherit;     margin-left: 12px;     color: #fff;     padding: 0;     border: 0;     background-color: rgba(0, 0, 0, 0);     cursor: pointer;     display: none; }  @media screen and (max-width: 991px) {     .toggle__nav {         display: block;     }      .nav {         display: none;         background: #282828;         position: absolute;         top: 65px;         left: 0;         width: 100%;         padding: 10px;     }      .nav__list {         flex-direction: column;         justify-content: flex-start;         align-items: flex-start;     }      .dropdown-menu__inner {         padding-left: 0;         max-height: max-content;     }      .dropdown-menu {         position: static;     }      .header .container {         justify-content: space-between;     }      .close-icon {         display: none;     }      .show .container .toggle__nav .close-icon {         display: block;     }      .show .container .toggle__nav .hamburger-icon {         display: none;     }      .show .container .nav {         display: block;     } }  .banner {     padding: 3rem .75rem;     color: #fff;     text-align: center; }  .banner h1 {     font-size: 2.375rem;     font-weight: 700;     margin: 0;     line-height: 1.36; }  .banner p {     color: #dadadd;     font-size: 1.25rem;     line-height: 1.36;     font-weight: 400; }  .main__nav {     background: #fff; }  .main__nav .wrapper {     display: flex;     justify-content: center;     align-items: center;     gap: 14px;     padding-bottom: 15px; } .main__nav__link {     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     color: rgb(0, 0, 0);     border: 0;     font-size: 14px;     font-weight: 600;     line-height: normal;     opacity: 1;     outline: 0;     padding: 12px 14px 9px;     transition: opacity .15s;     white-space: nowrap;     text-decoration: none;     border-bottom: 3px solid #00000000; }  .main__nav__link:hover {     border-bottom: 3px solid #000;     font-weight: 700; }  .contant {     padding: 10px;     background: #fff; } img {     max-width: 100%;     height: auto;     margin: 10px 0; } .contant a {     color: #eb003f; } .contant a:hover {     color: #be0d3c;     text-decoration: underline; } table { width: 100%; border-collapse: collapse; background-color: #1e1e1e; color: #fff; }  th, td { padding: 15px; text-align: left; border-bottom: 1px solid #ffffff; }  .tb-flex {     display: flex;     align-items: center;     gap: 10px; }  th { background-color: #222; }  .tb-flex .casino-logo {     max-width: none;     width: 125px;     height: 65px;     margin: 0; }  table .btn {     background-color: #28a745;     color: #fff;     padding: 10px 15px;     text-align: center;     text-decoration: none;     border-radius: 50px;     display: inline-block;     font-size: 16px;     font-weight: 600; }  table .btn:hover {     background-color: #218838;     color: #fff;     text-decoration: none; } @media (max-width: 890px) {     .main__nav .wrapper {         overflow-x: scroll;         justify-content: flex-start;     } } @media (max-width: 768px) {     .tb-flex {         flex-direction: column;     }     table, thead, tbody, th, td, tr {         display: block;     }      thead tr {         display: none;     }      tr {         margin-bottom: 20px;         background-color: #1e1e1e;         border-radius: 5px;         padding: 10px;     }      td {         position: relative;         padding-left: 50%;         border: none;         border-bottom: 1px solid #333;         text-align: center;     }      td::before {         position: absolute;         top: 10px;         left: 15px;         width: 45%;         white-space: nowrap;         font-weight: bold;         color: #ccc;         text-align: left;     }      td:nth-of-type(1)::before { content: "Kasyno Online"; }     td:nth-of-type(2)::before { content: "Bonus"; }     td:nth-of-type(3)::before { content: "Obrót bonusem"; }     td:nth-of-type(4)::before { content: "Zagraj w kasynie"; }      }  @media (max-width: 415px) {     td::before {         top: 50%;         left: 0;         width: 35%;         white-space: normal;         transform: translateY(-50%);     }     td {         padding: 10px 0;         padding-left: 50%;         font-size: 14px;     }     tr {         margin-bottom: 0;     } }  .contant ul {     list-style: none;     padding-left: 0; }  .contant ul li {     position: relative;     padding-left: 30px;     margin-bottom: 10px; }  .contant ul li::before {     content: '';     position: absolute;     left: 0;     top: 3px;     width: 20px;     height: 20px;     background-image: url(/shared/3436/list-icon.webp);     background-size: contain;     background-repeat: no-repeat; }  .contant ol {     counter-reset: number;     padding-left: 0;     list-style: none; }  .contant ol li {     counter-increment: number;     margin-bottom: 10px;     position: relative;     padding-left: 40px; }  .contant ol li::before {     content: counter(number);     position: absolute;     left: 0;     top: 0;     width: 20px;     height: 20px;     background: #eb003f;     color: white;     font-weight: bold;     border-radius: 50%;     text-align: center;     line-height: 20px;     font-size: 14px; }  .footer {     background-color: #000;     color: #ccc;     padding: 20px;     text-align: center;   } .footer .container {     display: flex;     justify-content: space-between;     align-items: center;     gap: 14px;     flex-wrap: wrap; }   .footer-content {     display: flex;     flex-direction: column;     align-items: center;   }      .footer-logo {     width: 40px;     margin: 0 5px;   }      .footer-links {     margin: 0;   }      .footer-links a {     display: inline-block;     color: #4db8ff;     margin: 0 10px;     text-decoration: none;     font-weight: 300;     padding: 10px;   }   .footer-links a:hover {     color: #459bd4;   }   .footer-text {     font-size: 10px;     color: #666;     margin-top: 5px;   }      .footer-icons {     margin-top: 10px;     display: flex;     align-items: center;     gap: 15px;     flex-wrap: wrap;   }   .footer-icons a {     text-decoration: none;     height: 40px;   }   .footer-icons a img {     height: 100%;     width: auto;     margin: 0;   }   .footer-icons span {     display: flex;     margin: 0 5px;     border: 1px solid #fff;     border-radius: 50%;     padding: 5px 8px;     color: #fff;     font-size: 16px;     line-height: 15px;     width: 45px;     height: 45px;     justify-content: center;     align-items: center;   }   .footer-info {     margin-top: 40px;     color: #5b6378;     font-size: 10px;     line-height: 16px;     text-align: center;   }    @media screen and (max-width: 415px) {     .footer .container {         justify-content: center;     }     .footer .logo {         margin: 0;     }   }