* {     box-sizing: border-box; }  body {     margin: 0;     font-family: 'Roboto', sans-serif;     background: #fff;     color: #333; }  li a, p a, table a {     color: #9c1418;     font-weight: 700; }  li a:hover, p a:hover, table a:hover {     color: #c2272c;     text-decoration: none; }  h1, h2, h3 {     color: #9c1418;     font-weight: 400; }  h1 {     font-size: 24px; }  h2 {     font-size: 22px; }  ul {     list-style: none;     padding: 0;     margin-bottom: 9px; }  ul li {     position: relative;     padding-left: 15px; }  ul li:before {     content: "";     width: 6px;     height: 6px;     background: #9c1418;     position: absolute;     left: 0;     top: 6px; }  header {     background-color: #9c1418;     padding: 10px 20px;     color: white; } header img {   margin-bottom: 0 !important; } .content img, .section img {     max-width: 100%;     height: auto;     margin-bottom: 15px; }  .menu-toggle {     display: none;     font-size: 28px;     background: none;     border: none;     color: white;     cursor: pointer; }  nav a {     color: white;     margin: 0 10px;     text-decoration: none;     font-weight: bold; }  .container {     max-width: 1200px;     margin: auto;     padding: 20px;     width: 100%; }  header .container {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: space-between; }  .section {     margin-top: 50px; }  footer {     background-color: #9c1418;     color: white;     padding: 20px;     text-align: center;     font-size: 14px; }  .up-button {     position: fixed;     bottom: 30px;     right: 30px;     background: #9c1418;     color: white;     border: none;     border-radius: 50%;     width: 50px;     height: 50px;     font-size: 24px;     cursor: pointer;     display: none;     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); }  .footer__menu {     display: flex;     margin: 0; }  .footer__menu li {     padding: 0; }  .sub-menu {     margin: 0 0 0 44px;     text-align: left; }  .sub-menu a {     display: block;     padding: 10px 0; }  .footer__logos {     display: flex;     gap: 11px;     padding-left: 30px;     border-left: 1px solid #fff;     padding-top: 15px; }  .footer__logos img {     width: 56px;     height: 56px; }  @media (max-width: 908px) {     .footer__logos {         border-left: 1px solid #ffffff00;     } }  @media (max-width: 768px) {     .menu-toggle {         display: block;     }      nav {         flex-direction: column;         width: 100%;         display: none;     }      nav.active {         display: flex;     }      nav a {         margin: 10px;         padding: 15px;     }      .hidden {         display: block;     }      footer {         padding: 0;     }      .sub-menu {         margin: 0;     } }  @media (max-width: 500px) {     .footer__menu {         flex-direction: column;     } }  .footer__menu li::before {     display: none; }  footer .container {     display: flex;     justify-content: space-between;     flex-wrap: wrap; }  .breadcrumbs {     padding: 1px 8px;     list-style: none;     background-color: #eee; }  .breadcrumb li {     display: inline;     font-size: 12px; }  .breadcrumbs__item::before {     display: none; }  .breadcrumbs__item a {     color: #0275d8;     text-decoration: none;     font-weight: 400; }  .breadcrumbs__item a:hover {     color: #01447e;     text-decoration: underline; } /* casino list */ .casino-item {     display: flex;     justify-content: space-between;     align-items: center;     gap: 25px;     border-bottom: 1px solid #7e7e7e;     margin-bottom: 10px; } .casino-left, .casino-right {     display: flex;     align-items: center;     gap: 20px; } .casino-right {     justify-content: flex-end; }  .casino-logo {     width: 178px; } .casino__images {     display: flex;     align-items: center;     gap: 15px; } .rating {     max-width: 45%; } .visit-btn {     width: 25%;     background: #0c7732;     position: relative;     padding: 0;     z-index: 1;     color: #fff;     text-decoration: none;     border-radius: 10px;     -webkit-transition: all 150ms linear;     -moz-transition: all 150ms linear;     -o-transition: all 150ms linear;     -ms-transition: all 150ms linear;     transition: all 150ms linear;     text-decoration: none !important;     z-index: 0;     height: 35px;     max-width: 167px;     display: flex;     justify-content: center;     align-items: center; } .visit-btn:before {     -webkit-transition: all 150ms linear;     -moz-transition: all 150ms linear;     -o-transition: all 150ms linear;     -ms-transition: all 150ms linear;     transition: all 150ms linear;     background: #13c151;     content: "";     text-align: center;     text-decoration: none !important;     position: absolute;     top: -5px;     left: 0;     width: 100%;     height: 100%;     line-height: 31px;     border-radius: 10px;     z-index: -1; } .stars {     --percent: calc(var(--rating) / 5 * 100%);     display: flex;     font-size: 20px;     line-height: 20px; }  .stars::before {     content: '★★★★★';     letter-spacing: 0;     background: linear-gradient(90deg, #f60 var(--percent), #ccc var(--percent));     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     font-size: 21px; }  @media (max-width: 1024px) {     .casino-item {         flex-direction: column;         padding-bottom: 5px;     }     .stars {         justify-content: center;     }     .casino-description {         text-align: center;         margin-bottom: 0;     }     .visit-btn {         width: 100%;     } }  @media (max-width: 768px) {     .rating {         max-width: 100%;     }     .casino-logo {         width: auto;     } } .button-more {     text-align: center;     margin: 30px 0; } .button-more button {     padding: 10px 20px;     font-size: 16px;     background: #dd153c;     border: none;     border-radius: 20px;     cursor: pointer; } .button-more button a {     color: #fff;     text-decoration: none; }