@font-face {     font-family: 'Inter 18pt SemiBold';     src: url(/shared/3210/Inter18pt-SemiBold.woff2) format('woff2'),         url(/shared/3210/Inter18pt-SemiBold.woff) format('woff');     font-weight: 600;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Inter 18pt Bold';     src: url(/shared/3210/Inter18pt-Bold.woff2) format('woff2'),         url(/shared/3210/Inter18pt-Bold.woff) format('woff');     font-weight: bold;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Inter 18pt';     src: url(/shared/3210/Inter18pt-Regular.woff2) format('woff2'),         url(/shared/3210/Inter18pt-Regular.woff) format('woff');     font-weight: normal;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Poppins';     src: url(/shared/3210/Poppins-Regular.woff2) format('woff2'),         url(/shared/3210/Poppins-Regular.woff) format('woff');     font-weight: normal;     font-style: normal;     font-display: swap; } html, body {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: 'Inter 18pt', sans-serif;     font-optical-sizing: auto;     background-color: #232323;     font-size: 14px;     color: #FFFFFF; }  * {     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: 5px;     font-weight: 700;     text-align: center;     line-height: 14px;     cursor: pointer;     outline: none;     transition: opacity .4s;     font-size: 15px;     -webkit-margin-end: 8px;     margin-inline-end: 8px;     height: 40px;     min-width: 128px;     padding: 12px;     text-decoration: none; }  .green {     color: #ffffff;     background: #1a674b; }  .green:hover {     opacity: 1;     color: #ffffff;     background: #21815f; }  .yellow {     color: #222222;     background: #ffc804;   margin: 0; }  .yellow:hover {     color: #222222;     background: rgba(255, 200, 4, 0.8);     box-shadow: 0px 8px 16px 0px #FF880529;     transition: all .3s ease; }  .banner {     background: url(/shared/3210/gates-of-olympus-basaribet-1.webp) no-repeat center;     background-size: cover;     border-radius: 10px;     padding: 27px 35px;     margin: 32px 0; }  .banner__content {     background-color: rgba(0, 0, 0, 0.56);     padding: 32px 24px;     max-width: 500px;     border-radius: 5px; }  .banner__title {     text-align: left;     color: rgb(255, 206, 6);     font-family: 'Inter 18pt Bold';     line-height: 1.5;     font-size: 24px;     margin: 0; }  .content {     text-align: left;     color: rgb(255, 255, 255);     font-weight: normal;     font-size: 14px; }  .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: "Poppins", sans-serif; }  .card__item {     display: flex;     flex-direction: column; }  .card__link {     display: block;     text-decoration: none; }  .card__img {     margin-top: 20px; }  .card__img img {     border-radius: 5px;     width: 100%; }  .card__title {     color: rgb(255, 200, 4);     display: flex;     align-items: center;     gap: 10px;     margin: 0; }  .card__content {     margin: 20px 0;     font-size: 15px;     color: #ffffff;     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: 10px 0 0 40px;     position: relative; }  .content ul li:before {     content: '';     display: block;     width: 25px;     height: 25px;     background: url(/shared/3210/check-svgrepo-com.svg);     background-size: contain;     position: absolute;     left: 10px;     top: 10px; }  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: #ffc804; }  .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: 5px;     font-family: 'Inter 18pt Bold';     text-align: center;     line-height: 14px;     cursor: pointer;     outline: none;     transition: opacity .4s;     font-size: 15px;     -webkit-margin-end: 8px;     margin-inline-end: 8px;     height: 40px;     min-width: 128px;     padding: 12px;     text-decoration: none;     color: #222222;     background: #ffc804;     width: 100%; }  .content button a:hover {     color: #ffffff;     background: rgba(255, 200, 4, 0.8);     box-shadow: 0px 8px 16px 0px #FF880529;     transition: all .3s ease; }  .footer {     background-color: #171717;     font-family: "Poppins", sans-serif;     padding-block: 32px;     text-align: center;     margin-top: 40px; }  .footer__menu {     display: grid;     grid-template-columns: repeat(auto-fit, minmax(18%, auto));     grid-column-gap: 16px;     padding: 0 16px;     margin-bottom: 12px; }  .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: 10px 0; }  .footer__menu__block h4 {     font-family: 'Inter 18pt Bold';     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: 14px;     color: #FFFFFF; }  .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: 12px;     line-height: 17px;     display: inline-block;     cursor: pointer;     color: #FFFFFF;     font-size: 14px;     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: #FFFFFF; }  .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: 14px;     line-height: 32px;     font-family: 'Inter 18pt SemiBold';     text-align: center;     margin-bottom: 24px; }  .respon:after {     content: "";     display: inline-block;     position: absolute;     top: 0;     margin: 0 0 0 10px;     width: 32px;     height: 32px;     background: url(/shared/3210/18.svg) no-repeat center;     background-size: contain; }  .footer p {     color: #D8D8D8;     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: 12px 26px;     border: none;     border-radius: 5px;     font-family: 'Inter 18pt Bold';     text-align: center;     font-size: 14px;     line-height: 14px;     cursor: pointer;     outline: none;     background: #FFFFFF;     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;     }     img {      	float: none !important;         margin: 0 auto !important;         display: block !important;     }   th, td {     padding: 8px;     text-align: left;     font-size: 10px; } } @media (max-width: 490px) {     .green {         display: none;     }     .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: #390001;     }   table {     font-size: 10px;   }   .yellow {     min-width: 100px; 	} }  .breadcrumbs-list .breadcrumbs-list__item {       display: flex !important; }