body {     margin: 0;     padding: 0;     font-family: sans-serif;     font-size: 16px; }  * {     box-sizing: border-box; }  .container {     max-width: 1160px;     margin: 0 auto; }  .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     height: 95px;     background: #000;     display: flex;     justify-content: space-between;     align-items: center;     padding: 0 20px;     z-index: 10; }  .header__button__inner {     display: flex;     justify-content: space-between;     align-items: center; }  .header__button__item.avatar {     width: 34px;     height: 34px;     margin: 8px;     padding: 0; }  .header__button__item.avatar .header__button__link {     display: block;     width: 100%;     height: auto;     padding: 0; }  .header__button__link img {     display: block;     width: 100%;     height: auto; }  .header__button__item {     border: 1px solid #999;     border-radius: 20px;     margin-right: 15px; }  .header__button__link {     display: block;     padding: 11px 25px 9px;     color: #999;     text-decoration: none;     text-transform: uppercase;     font-weight: 700; }  .header__button__item.green {     background: #2ecc71;     border: 1px solid #2ecc71; }  .header__button__item.green .header__button__link {     color: #ffffff; }  .header__button__item:last-child {     margin-right: 0; }  .main {     margin-top: 100px; }  .btn {     height: auto;     display: grid;     grid-column-gap: 5px;     grid-template-columns: auto 1fr auto;     align-items: center;     justify-content: center;     min-width: 110px;     padding: 5px 20px;     background: linear-gradient(253.67deg, #adff00 2.27%, #00ea25 94.48%);     box-shadow: none;     border: 2px solid transparent;     border-radius: 6px;     font-family: 'Sora-Regular', sans-serif;     text-decoration: none; }  .content__title {     text-align: center; }  .footer {     background-color: #000;     position: relative;     padding: 70px 0; }  .pay__title {     color: #ffffff;     font-weight: 400;     font-size: 14px;     line-height: 1.4;     text-transform: uppercase;     margin-bottom: 15px; }  .pay__inner {     width: auto;     margin-left: 0;     margin-bottom: 40px;     position: relative;     border-radius: 15px; }  .pay__swiper {     display: block;     width: calc(100% - 126px);     margin-left: 63px; }  .pay__item {     background: #141414;     margin-right: 2px;     width: 146px;     height: 80px;     display: flex;     justify-content: center;     align-items: center;     flex-shrink: 0;     position: relative;     transition-property: transform; }  .pay__swiper {     display: flex; }  .pay__item__link {     display: flex;     width: 100%;     height: 100%;     align-items: center;     justify-content: center;     cursor: pointer; }  .pay__item__link img {     height: auto;     opacity: .6; }  .pay__btn__prev, .pay__btn__next {     background: #141414;     color: #000000;     width: 61px;     height: 80px;     display: flex;     justify-content: center;     align-items: center;     position: absolute;     top: 0; }  .pay__btn__next {     right: 0; }  .pay__btn__icon {     border: solid #000;     border-width: 0 2px 2px 0;     display: inline-block;     padding: 5px; }  .pay__btn__next__prov .pay__btn__next__icon {     border-color: rgba(255, 255, 255, 0.8); }  .pay__btn__prev__icon {     transform: rotate(135deg); }  .pay__btn__next__icon {     transform: rotate(-45deg); }  .pay__inner {     overflow: hidden; }  .pay__swiper {     display: flex; }  .pay__inner {     position: relative; }  .pay__swiper {     display: flex;     transition: transform 0.5s ease-in-out; }  .pay__item {     flex: 0 0 auto; }  .pay__btn {     cursor: pointer; }  @media (max-width: 1160px) {     .container {         max-width: 866px;         margin: 0 auto;     }      .pay__btn__prev, .pay__btn__next {         display: none;     }      .pay__inner {         border-radius: unset;     }      .pay__swiper {         margin-left: 0;         width: 100%;         overflow-x: scroll;     } }  @media (max-width: 860px) {     .container {         max-width: 728px;     } }  @media (max-width: 728px) {     .container {         max-width: 628px;     } }  @media (max-width: 580px) {     .container {         max-width: 480px;     }     .pay__item {         width: 85px;         height: 50px;     }     .pay__item__link img {         width: 70%;     }     .footer .container {         max-width: 500px;         padding: 0 10px;     }     .header__button__item:nth-child(2) {         display: none;     } }  @media (max-width: 480px) {     .container {         max-width: none;         padding: 0 10px;     }     .logo {         width: 150px;     }     .logo__link {         display: block;         width: 100%;     }     .logo__link img {         width: 100%;     }     .header__button__link {         padding: 11px;         font-size: 14px;     } }  @media (max-width: 380px) {     .header__button__item.avatar {         display: none;     }     .footer {         padding: 25px 0;     }     .header {         padding: 0 10px;     }     .logo {         width: 140px;     } }  .main-footer__animate-element {     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: center;     list-style: none;     padding: 0; } .footer-menu__item {     margin: 0 1.1111111111rem 1.3888888889rem; } .footer-menu__item-link {     -webkit-transform: translateZ(0);     transform: translateZ(0);     display: block;     font-weight: 500;     color: #ffffff;     text-align: center;     font-size: .8888888889rem;     line-height: 1;     letter-spacing: .0277777778rem; } table{   border: 1px solid #000000;   width: 100%; } th,td{   border: 1px solid #000000;   padding: 10px; } @media (max-width:480px){   th,td{     font-size: 12px;     padding: 10px 5px;   } } .content img {   max-width: 100%;   height: auto;   margin: 15px 0; } .content p a {   color: #23e467; } .content p a:hover {   color: #0a9145;   text-decoration: none; }  :root{   --green: #2ecc71;   --square-size: 10px;   --circle-size: 28px; }  .content ul, .content ol {   margin: 0 0 1rem 0;   padding: 0; }  .content ul li {   list-style: none;   position: relative;   padding-left: calc(var(--square-size) + 12px);   margin: 8px 0;   line-height: 1.4; }  .content ul li::before{   content: "";   position: absolute;   left: 0;   top: 50%;   transform: translateY(-50%);   width: var(--square-size);   height: var(--square-size);   background: var(--green);   display: block;   border-radius: 2px; }  .content ol {   counter-reset: item; }  .content ol li {   list-style: none;   counter-increment: item;   position: relative;   padding-left: calc(var(--circle-size) + 12px);   margin: 8px 0;   line-height: 1.6; }  .content ol li::before {   content: counter(item);   position: absolute;   left: 0;   top: 50%;   transform: translateY(-50%);   width: var(--circle-size);   height: var(--circle-size);   border-radius: 50%;   background: var(--green);   color: white;   display: flex;   align-items: center;   justify-content: center;   font-weight: 600;   font-size: 14px;   box-sizing: border-box; }