:root {     --color-background: #232323;     --color-primary: #1a674b;     --color-primary-hover: #21815f;     --color-secondary: #ffc804;     --color-secondary-hover: rgba(255, 200, 4, 0.8);     --color-secondary-shadow: 0px 8px 16px 0px #FF880529;     --color-footer: #171717;     --color-white: #FFFFFF;     --color-black: #222222;     --font-size-base: 14px;     --font-size-small: 10px;     --border-radius: 5px;     --transition-duration: 0.3s;     --btn-height: 40px;     --btn-padding: 12px; }  html, body {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: 'Inter', Arial, sans-serif;     font-weight: 400;     font-style: normal;     background-color: var(--color-background);     font-size: var(--font-size-base);     color: var(--color-white); }  * {     box-sizing: border-box; }  .container {     max-width: 1170px;     width: 100%;     margin: 0 auto;     padding-left: 15px;     padding-right: 15px; }  .header {     background-color: #134D38;     padding: 20px 16px; }  .header__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .btn__block {     display: flex;     gap: 15px; }  .btn {     display: inline-block;     border: none;     border-radius: var(--border-radius);     font-weight: 700;     text-align: center;     line-height: var(--font-size-base);     cursor: pointer;     outline: none;     transition: opacity .4s;     font-size: 15px;     -webkit-margin-end: 8px;     margin-inline-end: 8px;     height: var(--btn-height);     min-width: 128px;     padding: var(--btn-padding);     text-decoration: none; }  .green {     color: var(--color-white);     background: var(--color-primary); }  .green:hover {     opacity: 1;     color: var(--color-white);     background: var(--color-primary-hover); }  .yellow {     color: var(--color-black);     background: var(--color-secondary);   margin: 0; }  .yellow:hover {     color: var(--color-black);     background: var(--color-secondary-hover);     box-shadow: var(--color-secondary-shadow);     transition: all var(--transition-duration) ease; }  .banner {     border-radius: 10px;     padding: 27px 35px;     margin: 32px 0;     position: relative;     background: #333333 url('/shared/3179/banner-main1.webp') center / cover no-repeat; } .banner__content {     background-color: rgba(0, 0, 0, 0.56);     padding: 32px 24px;     max-width: 500px;     border-radius: var(--border-radius);   position: relative;   z-index: 1; }  .banner__title {   font-family: 'Inter', Arial, sans-serif;     text-align: left;     color: rgb(255, 206, 6);     font-weight: bold;     line-height: 1.5;     font-size: 24px;     margin: 0; }  .content {     text-align: left;     color: rgb(255, 255, 255);     font-weight: normal;     font-size: var(--font-size-base); }  .banner .btn__block {     min-width: 100%;     display: block;     width: 100%;     margin-top: 16px; }  .banner .yellow {     display: block;     width: 70%;     color: #414141; }  .social {     display: flex;     gap: 16px;     margin-top: 16px; }  .cards {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 30px;     font-family: 'Inter', Arial, sans-serif;     font-weight: 400; }  .card__item {     display: flex;     flex-direction: column; }  .card__link {     display: block;     text-decoration: none; }  .card__img {     margin-top: 20px; }  .card__img img {     border-radius: var(--border-radius);     width: 100%; }  .card__title {     color: rgb(255, 200, 4);     display: flex;     align-items: center;     gap: var(--font-size-small);     margin: 0; }  .card__content {     margin: 20px 0;     font-size: 15px;     color: var(--color-white);     font-weight: normal; }  .card__item .btn__block {     margin-top: auto;     display: block; }  .card__item .btn {     width: 100%;     color: #414141; }  .content {     line-height: 1.5; }  .content ul {     list-style: none;     padding: 0; }  .content ul li {     padding: var(--font-size-small) 0 0 var(--btn-height);     position: relative; }  .content ul li:before {     content: '';     display: block;     width: 25px;     height: 25px;     background: var(--color-background) url(/shared/3179/check-svgrepo-com.svg);     background-size: contain;     position: absolute;     left: var(--font-size-small);     top: var(--font-size-small); }  table {     width: 100%;     border-collapse: collapse;     box-shadow: 0 0 24px #00000080; }  th, td {     padding: 8px;     text-align: left; }  tr:nth-child(even) {     background-color: #134D38; }  .content p a {     text-decoration: none;     color: var(--color-secondary); }  .content p a:hover {     text-decoration: underline; }  .content button {     background: none;     border: none;     display: block;     width: 100%; }  .content button a {     display: inline-block;     border: none;     border-radius: var(--border-radius);     font-weight: 700;     text-align: center;     line-height: var(--font-size-base);     cursor: pointer;     outline: none;     transition: opacity .4s;     font-size: 15px;     margin-inline-end: 8px;     height: var(--btn-height);     min-width: 128px;     padding: var(--btn-padding);     text-decoration: none;     color: var(--color-black);     background: var(--color-secondary);     width: 100%; }  .content button a:hover {     color: var(--color-white);     background: var(--color-secondary-hover);     box-shadow: var(--color-secondary-shadow);     transition: all var(--transition-duration) ease; }  .footer {     background-color: var(--color-footer);     font-family: 'Inter', Arial, sans-serif;     font-weight: 400;     padding-block: 32px;     text-align: center;     margin-top: var(--btn-height); }  .footer__menu {     display: grid;     grid-template-columns: repeat(auto-fit, minmax(18%, auto));     grid-column-gap: 16px;     padding: 0 16px;     margin-bottom: var(--btn-padding); }  .footer__menu__block {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-align: start;     -ms-flex-align: start;     align-items: flex-start;     text-align: left;     margin: var(--font-size-small) 0; }  .footer__menu__block h4 {     font-weight: 700;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between;     width: 100%;     cursor: pointer;     margin-bottom: 24px;     font-size: var(--font-size-base);     color: var(--color-white); }  .footer__menu__list {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column; }  .footer__menu__item {     margin-bottom: var(--btn-padding);     line-height: 17px;     display: inline-block;     cursor: pointer;     color: var(--color-white);     font-size: var(--font-size-base);     text-decoration: none; }  .footer__menu__item:hover {     text-decoration: underline; }  .footerDevider {     background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 50%, rgba(255, 255, 255, 0.00) 100%);     height: 2px;     max-width: 1200px;     margin: 0 auto; }  .footer__pay {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     max-width: 1170px;     padding: 0 16px;     margin: 24px auto;     gap: 20px 60px; }  .footer__pay svg {     opacity: .38;     fill: var(--color-white); }  .footer__payments {     margin: 24px auto;     max-width: 1170px;     padding: 0 16px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     gap: 32px; }  .footer .logo {     margin: 24px auto 24px;     font-size: 13px;     overflow: hidden; }  .respon {     position: relative;     padding: 0 48px 0 0;     font-size: var(--font-size-base);     line-height: 32px;     font-weight: 600;     text-align: center;     margin-bottom: 24px; }  .respon:after {     content: "";     display: inline-block;     position: absolute;     top: 0;     margin: 0 0 0 var(--font-size-small);     width: 32px;     height: 32px;     background: var(--color-background) url(/shared/3179/18.svg) no-repeat center;     background-size: contain; }  .footer p {     color: #D8D8D8;     font-weight: 400;     line-height: 20px;     padding: 0 15px;     margin: 0 auto 8px; }  .cookieWrap {     position: fixed;     bottom: 60px;     left: 50%;     -webkit-transform: translateX(-50%);     transform: translate(-50%);     display: -webkit-box;     display: -ms-flexbox;     display: none;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     gap: 16px;     width: 85%;     max-width: 512px;     min-height: 72px;     padding: 16px;     -webkit-backdrop-filter: blur(27.1828174591px);     backdrop-filter: blur(27.1828174591px);     border-radius: 6px;     z-index: 1000;     background: rgba(0, 0, 0, 0.60);     box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.45);     border: 1px solid #2a2a2a; }  .mainBtn {     display: inline-block;     padding: var(--btn-padding) 26px;     border: none;     border-radius: var(--border-radius);     font-weight: 700;     text-align: center;     font-size: var(--font-size-base);     line-height: var(--font-size-base);     cursor: pointer;     outline: none;     background: var(--color-white);     color: #414141;     margin-left: auto;     margin-top: 0; }  .dmc {     margin: 24px auto; }  img {     max-width: 100%;     height: auto; }  @media (max-width: 1024px) {     .footer__menu {         grid-template-columns: repeat(auto-fit, minmax(32%, auto));     }     .banner {         background-position: right;     } } @media (max-width: 768px) {     .cards {         grid-template-columns: repeat(1, 1fr);     } }  @media (max-width: 570px) {     .block {         display: none;     } } @media (max-width: 490px) {     .green {         display: none;     }   .banner {     background: #134d38;   }     .banner .yellow {         width: 100%;     }     .cookieWrap {         flex-direction: column;         align-items: center;     }     .mainBtn {         margin-left: 0;         margin-top: 0;         width: 100%;     }     .footer__menu {         display: block;     }     .banner__content {         max-width: 100%;     }     .banner {         padding: 27px 0;         background-position: 90%;     }   table {     font-size: var(--font-size-small);   }   .yellow {     min-width: 100px; 	} }