html, body {     overflow-x: hidden; } body {     padding: 0;     margin: 0;     background-color: #35082B; }  ::-webkit-scrollbar-track {     background: #5c2525; }  ::-webkit-scrollbar-thumb {     background: #0d6efd;     border-radius: 10px; }  ::-webkit-scrollbar {     width: 12px;     height: 12px; }  * {     margin: 0;     padding: 0;     box-sizing: border-box;     font-family: "Inter", sans-serif;     list-style: none;     text-decoration: none; }  button {     cursor: pointer; }  h1, h2, h3, h4, h5, h6, p, span {     margin: 0;     padding: 0; }  .container {     max-width: 1320px;     margin: 0 auto;     padding: 0 10px; }  .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     background-color: #361039;     transition: top 1s ease-in-out;     z-index: 1000;     padding: 15px 0; }  .navbar-toggler {     display: none;     padding: 4px 12px;     border: 1px solid #ffffff50;     border-radius: .375rem; }  .navbar-toggler-icon {     display: inline-block;     width: 30px;     height: 30px;     vertical-align: middle;     background-image: url(/shared/3254/burger.svg);     background-repeat: no-repeat;     background-position: center;     background-size: 100%; }  .header__inner {     display: flex;     justify-content: space-between;     align-items: center;     padding: 8px 0; }  .nav__list {     display: flex; }  .nav__link {     font-size: 14px;     line-height: 16.8px;     font-weight: 700;     color: #ffffff;     padding: 8px;     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; }  .user__panel {     display: flex;     gap: 1.5rem; }  .btn {     display: inline-block;     text-align: center;     text-decoration: none;     vertical-align: middle;     cursor: pointer;     line-height: 1.5;     font-size: 16px;     font-weight: 700;     border: 1px solid #00000000;     border-radius: .375rem;     background: linear-gradient(180deg, #ffc876 -1.75%, #ff6e04 100.23%);     color: #350b2d;     padding: 10px 16px;     transition: all 0.4s ease-in-out; }  .btn:hover {     background: linear-gradient(180deg, #ff6e04 -1.75%, #ffc876 100.23%);     transition: all 0.5s ease-in-out;     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); }  .sign-in {     color: #ffffff;     border-color: #ff6e04;     background: none; }  .sign-in:hover {     background: linear-gradient(180deg, #ff6e04 -1.75%, #ffc876 100.23%);     transition: all 0.5s ease-in-out;     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);     color: #350b2d; }  .main {     margin-top: 92px; } .title {     font-size: 48px;     line-height: 60.8px;     padding-bottom: 20px;     font-weight: bold;     color: #c3c1c1;     text-align: center;     margin-top: 30px; }  .content__text p a {     color: #87076a;     text-decoration: underline; }  .content__text p a:hover {     text-decoration: none; }  h2 {     color: #c3c1c1;     margin-bottom: 32px;     font-size: 2rem;     text-align: center; } h3 {     margin-top: 3rem;     margin-bottom: 32px;     font-size: 1.5rem;     text-align: center; }  .content__text {     color: #c3c1c1;     line-height: 30px;     font-weight: 400; } .content__text ul, .content__text ol {     padding-left: 40px; } .content__text ul li {     list-style: disc; } .content__text ol li {     list-style: auto; } table {     width: 100%;     border-collapse: collapse;     border: 1px solid #87076a;     margin: 10px 0; }  th, td {     border: 1px solid #87076a;     padding: 10px; } tr:nth-child(odd) {     background-color: #87076a;     border-radius: 10px; }  table thead tr:nth-child(odd) {     background-color: rgba(135, 7, 106, 0); }  .content__text p img {     max-width: 100%;     height: auto;     margin: 10px 0; } .content__text button {     display: block;     width: 100%;     background: none;     border: none;     margin: 15px 0; }  .content__text button a {     display: block;     text-align: center;     text-decoration: none;     vertical-align: middle;     cursor: pointer;     line-height: 1.5;     font-size: 16px;     font-weight: 700;     border: 1px solid #00000000;     border-radius: .375rem;     background: linear-gradient(180deg, #ffc876 -1.75%, #ff6e04 100.23%);     color: #350b2d;     padding: 10px 16px;     transition: all 0.4s ease-in-out; }  .content__text button a:hover {     background: linear-gradient(180deg, #ff6e04 -1.75%, #ffc876 100.23%);     transition: all 0.5s ease-in-out;     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .date {     margin: 15px 0;     color: #ffffff;     text-align: right; } .footer {     background-color: #361039;     padding: 20px 0 35px;     color: #ffffff; } .payments, .footer__menu__list {     display: flex;     justify-content: space-between;     gap: 22px;     flex-wrap: wrap; } .payments--center {     justify-content: center;     margin-top: 22px; }  .down {     display: flex;     justify-content: center;     margin-top: 22px; } .down a {     display: block;  } .footer__menu {     margin-top: 22px; } .footer__menu__list a {     color: #ffffff; } .footer__menu__list a:hover {     text-decoration: underline; } .footer__contain {     display: flex;     justify-content: space-between;     align-items: center;     gap: 22px;     flex-wrap: wrap;     margin-top: 22px; } .footer__contain span {     margin: 0 0 0 15px; } .footer__contain p {     display: flex;     align-items: center; } .footer__trast {     display: flex;     align-items: center;     gap: 20px; } .footer__trast__link:first-child img {     display: block;     max-width: 119px;     max-height: 33px; } .footer__trast__link:nth-child(2) img {     display: block;     max-width: 119px;     max-height: 33px; } .footer__trast__link:last-child img {     display: block;     max-width: 40px;     max-height: 40px; }  .scroll-to-top-btn {     display: none;     position: fixed;     bottom: 20px;     right: 20px;     cursor: pointer;     background: #4d0a3f;     padding: 10px;     border-radius: 50%;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);     width: 50px;     height: 50px;     justify-content: center;     align-items: center; }  .content__container {     position: relative;     padding-top: 10px; } .breadcrumbs-list__item, .breadcrumbs-list__item a {     color: #858585;     font-size: 14px; } @media (max-width: 1075px) {     .container {         max-width: 960px;     }     .header__inner {         display: flex;         flex-wrap: wrap;         align-items: center;         justify-content: space-between;     }     .nav {         order: 1;         flex-basis: 100%;         flex-grow: 1;         height: 0;         display: none;         transition: all 1s ease-in-out;     }     .show {         background-color: #3E0F36;         z-index: 9999;     }     .show .nav {         height: max-content;         display: block;         transition: all 1s ease-in-out;     }     .nav__list {         flex-direction: column;         padding: 20px 0;     }     .navbar-toggler {         display: block;     }     .nav__link {         display: block;         font-size: 14px;         line-height: 16.8px;         padding: .5rem 0;     } }  @media (max-width: 960px) {     .content {         width: 100%;     }     .banner:after {         display: none;     }     .nav__link {         font-size: 16px;         padding: 1rem 0;     } } @media (max-width: 768px) {     h2 {         font-size: 28px;         margin-top: 2rem;     }     h3 {         font-size: 24px;         margin-top: 2rem;     }     .footer__contain p,     .footer__trast {         flex-wrap: wrap;     } } @media (max-width: 560px) {     .content__container {         padding-left: 0;     }     .banner:before {         display: none;     } } @media (max-width: 460px) {     .sign-in {         display: none;     }  }