body, html {     overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: sans-serif; }  .container {     max-width: 1400px;     margin: 0 auto; }  .header {     background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);     position: fixed;   	padding: 20px 0;     top: 0;     left: 0;     width: 100%;     z-index: 5; }  .header__wrap {     display: flex;     justify-content: space-between;     align-items: center;  }  .logo__link {     display: block;     max-width: 200px; }  .logo__link img {     width: 100%; }  .nav__list {     list-style: none;     padding: 0;     display: flex;   margin: 0; }  .nav__list__item {     margin-right: 15px;   position: relative; } .nav__list__item:last-child {     margin-right: 0; }  .nav__list__item__link {     text-decoration: none;     color: #000000;     text-transform: uppercase;     font-weight: 600;     padding: 20px 0; }  .nav__list__item__link:hover {     color: rgb(204, 0, 0);     text-shadow: 5px 5px 5px rgba(0, 0, 0, .3); } .subnav {     list-style: none;     background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);     padding: 20px 20px;     position: absolute;     top: 33px;     left: -45px;     white-space: nowrap;   display: none; } .subnav a {   display: block;   text-decoration: none;     color: #000000;   padding: 10px 0; } .nav__list__item:hover .subnav {   display: block; } .btn {     background: rgb(204, 0, 0);     text-decoration: none;     color: #fff;     padding: 10px 20px;     font-weight: 600;     border-radius: 25px; }   .slider {     overflow: hidden;     position: relative;     height: 700px; }  .slider-container {     display: flex;     justify-content: center;     align-items: center;     margin-left: auto;     margin-right: auto;     position: relative;     overflow: hidden;     list-style: none;     padding: 0;     z-index: 1; }  .items {     box-sizing: border-box;     position: relative;     font-size: 30px;     margin: 0 auto;     display: flex; }  .item {     flex-shrink: 0;     width: 100vw;     height: auto;     position: absolute;     transition-property: transform; }  .item img {     width: 100%;     height: auto;     object-fit: cover; }  .item a {     display: block; }  .item__information {     position: absolute;     top: 0;     left: 5%;     display: flex;     flex-direction: column;     align-items: baseline;     justify-content: space-evenly;     height: 100%;     width: 40%; } .item__information a {     color: #dcdcdc;     text-decoration: none;     text-shadow: 1px 1px 10px rgba(0, 0, 0, 1); }  .item__information .btn {     text-transform: uppercase;     padding: 20px 30px; } .main {     padding: 0 0 20px 0; } .main__information img {     max-width: 100%;     height: auto; }  .main__title {     text-align: center;     font-size: 52px;     margin: 10px; }  .main__information {     padding: 20px 10px; }  .footer {     background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);     padding: 20px 0;     font-size: 11px; }  .footer .logo p {     margin: 0; }  .footer .logo {     display: flex; }  .footer__wrap {     display: flex;     justify-content: space-between;     align-items: center; }  .footer .logo__link {     margin-right: 15px; }  .footer__attention {     display: flex;     align-items: center;     font-style: italic; }  .footer__attention__img {     margin-right: 10px; } .mob__btn {     display: none; } .mob__btn__link {     display: block; }  .mob__btn__link svg {     width: 30px;     height: 30px; }  .nav__mob {     position: absolute;     top: 100%;     right: -100%;     z-index: 5;     background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);     height: 100vh;     transition: right .3s ease; } .bgr {     content: '';     display: none;     position: absolute;     top: 100%;     left: 0;     width: 100%;     height: 100vh;     background: rgba(0, 0, 0, 0.5);     z-index: 4; } .nav__mob__list {     list-style: none;     padding: 20px; } .nav__mob__list__item {     padding: 20px; } .nav__mob__list__item__link {     text-decoration: none;     color: #000000;     text-transform: uppercase;     font-weight: 600; }  .nav__mob__list__item__link:hover {     color: rgb(204, 0, 0);     text-shadow: 5px 5px 5px rgba(0, 0, 0, .3); }  .closes {     display: none; }  .bonuses__wrapper {     display: flex;     justify-content: space-around;     flex-wrap: wrap; } .bonuses__card__link {     display: block;     position: relative;     bottom: 0;     left: 0;     color: #ffffff; } .bonuses__title {     opacity: 1;     display: inline;     position: absolute;     bottom: 2px;     left: 0;     box-sizing: border-box;     padding: 17px 30px;     width: 100%;     margin: 0;     font-size: 17px;     transition: 0.4s ease-out;     z-index: 1; } .bonuses__title::before {     content: '';     position: absolute;     left: 0;     bottom: 0;     width: 100%;     height: 80px;     background-image: linear-gradient(to top, rgba(0,0,0,0.6), transparent);     z-index: -1; } .bonuses__content {     opacity: 0;     position: absolute;     top: 1px;     z-index: 1;     box-sizing: border-box;     padding: 0 30px;     width: calc(100% - 2px);     height: calc(100% - 2px);     background-color: rgba(8,19,27,0.7);     text-align: left;     transition: 0.3s ease-out;     left: 1px; }  .bonuses__card__link:hover .bonuses__content {     opacity: 1; } .bonuses__card__link:hover .bonuses__title {     opacity: 0; } .bonuses__content__title {     position: relative;     margin: 25px 0 18px;     text-transform: uppercase;     line-height: 1.45;     transition: 0.7s ease-out;     font-size: 18px; } .bonuses__content__description {     height: 50%;     overflow: auto;     position: relative;     margin: 3% 0;     font-size: 14px;     line-height: 20px;     white-space: normal;     color: #e6e6e6;     transition: 0.7s ease-out; }  .bonuses__content__btn {     display: inline-block;     position: absolute;     bottom: 28px;     box-sizing: border-box;     cursor: pointer;     min-width: 40%;     max-width: calc(100% - 60px);     height: 35px;     overflow: hidden;     background-color: #2a611f;     box-shadow: inset 0em 3.125em 1.5625em -1.5625em #36b41d;     text-align: center;     text-transform: uppercase;     text-overflow: ellipsis;     font-size: 13px;     line-height: 35px;     white-space: nowrap;     color: #fff;     transition: 0.5s opacity ease-out 0.2s, background-color 0.3s;     padding-right: 15px;     padding-left: 15px;     left: 30px; }   @media (max-width: 1700px) {     .slider {         height: 625px;         margin-top: 100px;     } }  @media (max-width: 1485px) {     .item__information {         width: 50%;         justify-content: center;     }     .item__information h2 {         margin: 0;         font-size: 28px;     }      .item__information p {         font-size: 18px;     }     .slider {         height: 500px;     } }  @media (max-width: 1270px) {     .container {         padding: 0 15px;     }     .mob__btn {         display: block;     }     .closes {         display: none;     }     .nav {         display: none;     }     .regis {         display: flex;         align-items: center;     }      .btn--red {         margin-right: 20px;     }     .slider {         height: 440px;     } }  @media (max-width: 1024px) {     .slider {         height: 360px;     }     .item__information .btn {         font-size: 14px;         padding: 10px 20px;     } }  @media (max-width: 800px) {     .item__information {         width: 100%;         left: 0;         padding: 20px 10px;         align-items: flex-start;         justify-content: flex-start;         box-sizing: border-box;     }     .item__information h2,     .item__information p {         background: rgba(0, 0, 0, 0.3);     }     .slider {         height: 250px;     }     .item__information h2 {         margin: 0;         font-size: 18px;     }     .item__information p {         font-size: 12px;     }     .footer__wrap {         flex-direction: column;     }     .footer .logo {         margin-bottom: 20px;     } } @media (max-width: 570px) {     .slider {         height: 200px;     } } @media (max-width: 500px) {     .item__information p {         display: none;     }     .item__information h2 {         margin-bottom: 20px;     }     .slider {         height: 190px;         margin-top: 77px;     }     .logo__link {         max-width: 90px;     }     .main__title {         font-size: 32px;     }     .main__information {         font-size: 14px;     }     .item__information {         padding: 10px 5px;     }     .item__information {         justify-content: space-around;     }     .item__information h2 {         margin: 0;         font-size: 14px;     } }  @media (max-width: 400px) {     .slider {         height: 155px;     } }  @media (max-width: 370px) {     .main__title {         font-size: 28px;     }     .slider {         height: 135px;     } }  /*Aleks added this code start*/ .red-button {     display: block;      width: 100%;      padding: 15px 0;      background-color: red;     color: white;     text-align: center;     text-decoration: none;     border: none;     border-radius: 5px; /* Optional: remove border-radius for a full-width effect */     font-size: 18px;     cursor: pointer;     transition: background-color 0.3s; }  .red-button:hover {     background-color: darkgreen; }  .main__information p{ font-family: "Roboto Flex", sans-serif;   font-optical-sizing: auto;   font-weight: 400;   font-style: normal; }  /*Aleks added this code End*/  /* Responsive sizing */ @media (max-width: 600px) {     .red-button {         padding: 8px 15px;         font-size: 14px;     } }  .footer__nav__list {   list-style: none;     padding: 0;     display: flex;     justify-content: space-around;     align-items: center;     gap: 15px;     flex-wrap: wrap; }  .footer__nav__link {   color: #000000; } table {   border: 1px solid #000;   width: 100%; }  th, td {   border: 1px solid #000;     padding: 10px; } p img {   margin: 10px 0; }