html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

table caption {
  font-size: 26px;
  padding: 15px 0;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

[hidden] {
  display: none;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}

input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input::-ms-clear {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

body {
  height: 100%;
  font-family: "Roboto", sans-serif;
  background: var(--main-theme-color);
  color: var(--text-color);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
}

a {
  cursor: pointer;
  color: var(--title-color);
  text-decoration: none;
}

* {
  outline: none;
  box-sizing: border-box;
}

*::after,
*::before {
  box-sizing: border-box;
}

svg {
  transform: translateZ(0);
}

input,
textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1 {
  font-weight: 700;
  font-size: 36px;
  line-height: normal;
  margin: 0 auto 32px;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    margin-bottom: 20px;
  }
}

h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: normal;
  margin: 0 auto 32px;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

h3 {
  font-weight: 600;
  font-size: 28px;
  line-height: normal;
  margin: 0 auto 28px;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  h3 {
    font-size: 22px;
    margin-bottom: 16px;
  }
}

h4 {
  font-weight: 700;
  font-size: 32px;
  line-height: normal;
  margin: 0 auto 20px;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  h4 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  margin: 0 auto 20px;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  h5 {
    font-size: 18px;
    margin-bottom: 16px;
  }
}

h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: normal;
  margin: 0 auto 20px;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  h6 {
    font-size: 16px;
    margin-bottom: 16px;
  }
}

.gates-of-olympus-1qzyf5 {
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  padding: 66px 0 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-1qzyf5 {
    padding: 54px 0 0;
  }
}

.gates-of-olympus-3c1u5r {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 350px;
  width: 100%;
  height: 60px;
  margin: 0 auto;
  border-radius: 6px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  cursor: pointer;
  border: none;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-3c1u5r:hover {
    background: var(--button-bg-hover);
  }
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--button-bg-color);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 4px 24px 0 var(--button-bg-hover);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--button-bg-color);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 4px 24px 0 var(--button-bg-hover);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 transparent;
  }
}

.gates-of-olympus-eojfkk {
  max-width: 800px;
  width: 100%;
  padding: 0 16px;
  text-align: center;
  margin: 50px auto 200px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-eojfkk {
    margin: 20px auto 100px;
  }
}

.gates-of-olympus-eojfkk h1 {
  font-size: 200px;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-eojfkk h1 {
    font-size: 120px;
  }
}

.gates-of-olympus-eojfkk p {
  color: var(--text-color);
  font-size: 20px;
  line-height: normal;
  margin: 0 0 50px;
}

.gates-of-olympus-d6wwzh {
  cursor: pointer;
}

.gates-of-olympus-o9hiip {
  position: absolute;
  pointer-events: none;
  visibility: hidden;
}

.gates-of-olympus-nudndw {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.gates-of-olympus-nudndw figure {
  margin: 0;
}

.gates-of-olympus-nudndw.gates-of-olympus-ibi94j {
  justify-content: flex-start;
  margin-right: 4px;
}

.gates-of-olympus-nudndw.gates-of-olympus-1nqjce {
  justify-content: flex-end;
  margin-left: 4px;
}

.gates-of-olympus-nudndw.gates-of-olympus-vexy76 {
  justify-content: center;
}

.gates-of-olympus-nudndw.gates-of-olympus-f61s4i {
  justify-content: normal;
}

.gates-of-olympus-i9h1ae {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 100px;
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-i9h1ae {
    padding: 0 16px;
    margin: 0 auto 80px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-i9h1ae {
    padding: 0 16px;
    margin: 0 auto 60px;
  }
}

.gates-of-olympus-w91ojo {
  font-size: 60px;
  line-height: 66px;
  font-weight: 600;
  margin: 0 0 32px;
  text-align: center;
  color: var(--title-color);
  cursor: pointer;
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-w91ojo {
    font-size: 32px;
    line-height: 110%;
    font-weight: 700;
  }
}

.gates-of-olympus-ipp5qo {
  max-width: 794px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ipp5qo {
    flex-direction: column;
  }
}

.gates-of-olympus-7wxnrl {
  max-width: 370px;
  width: 100%;
  max-width: 370px;
  overflow: hidden;
  border-radius: 10px;
  margin-right: 24px;
}

.gates-of-olympus-7wxnrl img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-7wxnrl {
    flex-basis: auto;
    margin: 0 auto 16px;
  }
}

.gates-of-olympus-4fn9hi {
  max-width: 400px;
  width: 100%;
  flex-basis: 400px;
}

.gates-of-olympus-4fn9hi ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 22px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-4fn9hi ul {
    margin-bottom: 15px;
  }
}

.gates-of-olympus-4fn9hi ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
}

.gates-of-olympus-4fn9hi ul li span {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 22px;
  color: var(--title-color);
}

.gates-of-olympus-4fn9hi ul li span svg {
  fill: var(--title-color);
}

.gates-of-olympus-4fn9hi ul li small {
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #c2c0ce;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-4fn9hi ul li small {
    font-size: 12px;
  }
}

.gates-of-olympus-4fn9hi ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 22px;
  background: #c2c0ce;
}

.gates-of-olympus-4fn9hi ul li:last-of-type::after {
  display: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-4fn9hi {
    flex-basis: auto;
    margin: 0 auto;
  }
}

.gates-of-olympus-v8jsj5 {
  font-weight: 700;
  font-size: 26px;
  line-height: 110%;
  margin-bottom: 24px;
  color: var(--title-color);
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-v8jsj5 {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.gates-of-olympus-oa1la1 {
  display: flex;
  align-items: center;
  margin: 0 -5px;
}

.gates-of-olympus-cdg4r4 {
  width: 100%;
  height: 52px;
  border-radius: 6px;
  margin: 0 5px;
  background-color: #fff;
  transition: 0chicken-road-9z7mjy ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-cdg4r4 {
    height: 50px;
  }
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-cdg4r4:hover {
    box-shadow: 0px 2px 16px 0px rgba(255, 255, 255, 0.5);
  }
}

.gates-of-olympus-cdg4r4.gates-of-olympus-ln09rv {
  background-color: #000;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-cdg4r4.gates-of-olympus-ln09rv:hover {
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  }
}

.gates-of-olympus-pufcrl {
  padding: 10px 0 0;
  background: var(--fh-bg-color);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-pufcrl {
    padding: 80px 16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-pufcrl {
    padding: 50px 16px 68px;
  }
}

.gates-of-olympus-ma3kru {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 25px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ma3kru {
    flex-direction: column;
  }
}

.gates-of-olympus-us6fli {
  margin-bottom: 94px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-us6fli {
    margin-bottom: 40px;
  }
}

.gates-of-olympus-fgf8dd .gates-of-olympus-ulme53 {
  margin-bottom: 28px;
}

.gates-of-olympus-fgf8dd .gates-of-olympus-ulme53 img {
  max-height: 100px;
  width: auto;
}

.gates-of-olympus-714z65 {
  display: flex;
  align-items: center;
}

.gates-of-olympus-714z65 a + a {
  margin-left: 24px;
}

.gates-of-olympus-714z65 img {
  max-height: 56px;
  width: auto;
}

.gates-of-olympus-eu7hpj img {
  max-height: 38px!important;
  width: auto;
}

.gates-of-olympus-714z65 img + img {
  margin-left: 24px;
}

.gates-of-olympus-8dz2dp {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 40px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-8dz2dp {
    padding: 0 0 50px;
    justify-content: flex-start;
  }
}

.gates-of-olympus-m9p30m {
  display: flex;
  align-items: flex-start;
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-m9p30m {
    margin: 40px 0 0;
    flex-direction: column;
  }
}

.gates-of-olympus-4x5zjy {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0 -7px 48px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-4x5zjy {
    flex-wrap: wrap;
  }
}

.gates-of-olympus-4x5zjy li {
  display: flex;
  margin: 0 7px;
}

.gates-of-olympus-4x5zjy li svg {
  transition: 0chicken-road-spynx9 ease-in-out;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-4x5zjy li:hover svg {
    transform: scale(1.2);
  }
}

.gates-of-olympus-17tuz2 {
  color: var(--footer-text-color);
  font-size: 12px;
  text-align: center;
  max-width: 350px;
  width: 100%;
  word-wrap: break-word;
}

.gates-of-olympus-dmv7tz + .gates-of-olympus-dmv7tz {
  margin-left: 120px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-dmv7tz + .gates-of-olympus-dmv7tz {
    margin: 36px 0 0;
  }
}

.gates-of-olympus-pxxvdc {
  color: var(--footer-text-color);
  font-size: 20px;
  margin-bottom: 24px;
}

.gates-of-olympus-q9bq9g {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gates-of-olympus-q9bq9g li {
  font-size: 16px;
}

.gates-of-olympus-q9bq9g li a {
  color: var(--footer-menu-color);
  text-decoration: none;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-q9bq9g li a:hover {
    text-decoration: underline;
  }
}

.gates-of-olympus-q9bq9g li + li {
  margin-top: 16px;
}

.gates-of-olympus-67xvom {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0chicken-road-jpdxgz ease-in-out;
}

.gates-of-olympus-67xvom.gates-of-olympus-mml488 {
  height: auto;
  overflow: visible;
  opacity: 1;
}

.gates-of-olympus-9sfu4v {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 100px;
}

.gates-of-olympus-9sfu4v h1,
.gates-of-olympus-9sfu4v h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: normal;
  text-align: center;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-9sfu4v h1,
  .gates-of-olympus-9sfu4v h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-9sfu4v {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-9sfu4v {
    margin-bottom: 60px;
  }
}

.gates-of-olympus-ho23k5 {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  align-items: center;
  gap: 14px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ho23k5 {
    gap: 6px;
    overflow-x: auto;
    margin: 0 0 20px;
  }
}

.gates-of-olympus-ho23k5 li {
  width: 100%;
}

.gates-of-olympus-ho23k5 li a {
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  text-decoration: none;
  transition: 0chicken-road-spynx9 ease-in-out;
  gap: 7px;
  color: var(--button-text-color);
  background: var(--button-bg-color);
  border: 1px solid var(--border-color);
}

.gates-of-olympus-ho23k5 li a svg {
  fill: var(--button-text-color);
}

.gates-of-olympus-ho23k5 li a.gates-of-olympus-mml488 {
  background: var(--border-color);
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-ho23k5 li a:hover {
    background: var(--border-color);
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ho23k5 li a {
    font-size: 14px;
    height: 36px;
    padding: 0 10pxr;
  }
  .gates-of-olympus-ho23k5 li a img {
    max-width: 16px;
  }
}

.gates-of-olympus-iuuzgi {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -10px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-iuuzgi {
    margin: 0 -5px;
  }
}

.gates-of-olympus-9of0fv {
  max-width: calc(25% - 20px);
  width: 100%;
  flex-basis: calc(25% - 20px);
  margin: 0 10px 20px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.gates-of-olympus-9of0fv span {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  color: var(--text-color);
}

.gates-of-olympus-9of0fv small {
  display: block;
  color: var(--text-color);
  opacity: 0.8;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-9of0fv {
    max-width: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    margin: 0 5px 10px;
  }
  .gates-of-olympus-9of0fv span {
    font-size: 16px;
    margin-bottom: 2px;
  }
}

.gates-of-olympus-azqdri {
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.gates-of-olympus-azqdri img {
  width: 100%;
  transition: 0chicken-road-spynx9 ease-in-out;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-azqdri:hover img {
    transform: scale(1.1);
  }
}

.gates-of-olympus-zy8fj1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 66px;
  background: var(--fh-bg-color);
  z-index: 99;
  border-bottom: 1px solid var(--border-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-zy8fj1 {
    height: 54px;
  }
}

.gates-of-olympus-htofo4 {
  max-width: 1310px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

@media only screen and (max-width: 1400px) {
  .gates-of-olympus-htofo4 {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-htofo4 {
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-htofo4 .gates-of-olympus-ulme53 img {
    max-width: 90px;
  }
}

.gates-of-olympus-ulme53 img {
  max-height: 50px;
  width: auto;
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-ulme53 {
    order: -2;
  }
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-nj3f0l {
    display: none;
  }
  .gates-of-olympus-nj3f0l::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 300%;
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none;
  }
}

.gates-of-olympus-g5tv33 {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.gates-of-olympus-g5tv33 li {
  font-size: 16px;
  margin: 0 20px;
}

.gates-of-olympus-g5tv33 li a {
  color: var(--menu-color);
  text-decoration: none;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-g5tv33 li a:hover {
    text-decoration: underline;
  }
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-g5tv33 {
    display: block;
  }
  .gates-of-olympus-g5tv33 li {
    margin: 0;
    font-size: 16px;
    border-bottom: 1px solid var(--border-color);
  }
  .gates-of-olympus-g5tv33 li a {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    position: relative;
  }
  .gates-of-olympus-g5tv33 li a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    border: 5px solid transparent;
    border-left: 5px solid var(--menu-color);
  }
  .gates-of-olympus-g5tv33 li:first-of-type {
    border-top: 1px solid var(--border-color);
  }
}

.gates-of-olympus-4f7voy {
  display: flex;
  align-items: center;
  margin-right: 120px;
}

@media only screen and (max-width: 1400px) {
  .gates-of-olympus-4f7voy {
    margin-right: 105px;
  }
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-4f7voy {
    order: -1;
    margin-left: auto;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-4f7voy {
    max-width: 230px;
    justify-content: flex-end;
  }
}

.gates-of-olympus-4f7voy.gates-of-olympus-7c45xo {
  margin-right: 0;
}

.gates-of-olympus-ays7pz {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  white-space: nowrap;
  height: 42px;
  border-radius: 6px;
  font-size: 16px;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ays7pz {
    height: 38px;
    max-width: none;
    width: auto;
    padding: 0 10px;
    white-space: normal;
    text-align: center;
  }
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-ays7pz:hover {
    background: var(--button-bg-color);
    opacity: 0.9;
  }
}

.gates-of-olympus-e15u0k {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  white-space: nowrap;
  height: 42px;
  border-radius: 6px;
  font-size: 16px;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  margin-left: 10px;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-e15u0k:hover {
    background: var(--button-bg-hover);
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-e15u0k {
    height: 38px;
    max-width: none;
    width: auto;
    padding: 0 10px;
    white-space: normal;
    text-align: center;
  }
}

.gates-of-olympus-hul3s8 {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-hul3s8 {
    top: 9px;
    transform: none;
    right: auto;
    left: 0;
  }
}

.gates-of-olympus-hul3s8:hover > ul {
  display: flex;
}

.gates-of-olympus-hul3s8:focus > ul {
  display: flex;
}

.gates-of-olympus-hul3s8:focus-within > ul {
  display: flex;
}

.gates-of-olympus-nopvyq {
  position: relative;
  border-radius: 10px;
  height: 42px;
  padding: 5px 32px 5px 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  gap: 5px;
}

.gates-of-olympus-nopvyq::after {
  border-bottom: 1px solid var(--button-text-color);
  border-right: 1px solid var(--button-text-color);
  content: "";
  height: 7px;
  width: 7px;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0chicken-road-jpdxgz ease-in-out;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-nopvyq {
    padding: 5px 30px 5px 5px;
    font-size: 14px;
    height: 38px;
    gap: 3px;
  }
  .gates-of-olympus-nopvyq img {
    max-width: 20px;
  }
}

.gates-of-olympus-hul3s8 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  right: 0;
  transition: 0chicken-road-spynx9 ease-in-out;
  z-index: 2;
  border-radius: 10px;
  min-width: 66px;
  display: none;
  max-height: 465px;
  overflow: hidden;
  flex-direction: column;
  flex-wrap: wrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: var(--button-bg-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-hul3s8 ul {
    min-width: 52px;
    max-height: 315px;
    left: 10px;
    right: auto;
  }
}

.gates-of-olympus-hul3s8 ul li {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--button-text-color);
  background: var(--button-bg-color);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  transition: 0chicken-road-spynx9 ease-in-out;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-hul3s8 ul li {
    padding: 5px;
  }
}

.gates-of-olympus-hul3s8 ul li a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--button-text-color);
  text-decoration: none;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-hul3s8 ul li a:hover {
    text-decoration: underline;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-hul3s8 ul li a {
    font-size: 14px;
    gap: 3px;
  }
  .gates-of-olympus-hul3s8 ul li a img {
    max-width: 20px;
  }
}

.gates-of-olympus-iyjmbk {
  display: none;
}

.gates-of-olympus-ul5ui7 {
  width: 38px;
  height: 38px;
  display: none;
  cursor: pointer;
  border-radius: 6px;
  background: var(--button-bg-color);
  padding: 12px 5px;
  z-index: 99;
  margin-left: 8px;
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-ul5ui7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
}

.gates-of-olympus-ul5ui7 span {
  display: block;
  height: 1px;
  border-radius: 4px;
  width: 20px;
  background: var(--button-text-color);
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-iyjmbk:checked ~ .gates-of-olympus-nj3f0l {
    display: block;
    position: absolute;
    height: 100vh;
    background: var(--fh-bg-color);
    top: 0;
    right: 0;
    max-width: 286px;
    width: 100%;
    z-index: 9;
    padding: 85px 0;
  }
  .gates-of-olympus-nj3f0l {
    display: none;
    transition: display 0chicken-road-spynx9 ease-in-out;
  }
  .gates-of-olympus-iyjmbk:checked ~ .gates-of-olympus-nj3f0l {
    display: block;
  }
  .gates-of-olympus-iyjmbk:checked + .gates-of-olympus-ul5ui7 span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
  }
  .gates-of-olympus-iyjmbk:checked + .gates-of-olympus-ul5ui7 span:nth-child(2) {
    display: none;
  }
  .gates-of-olympus-iyjmbk:checked + .gates-of-olympus-ul5ui7 span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}

.gates-of-olympus-myg9pz {
  padding: 24px 0 0;
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 100px;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-myg9pz {
    padding: 0 16px;
  }
}

.gates-of-olympus-myg9pz img {
  margin-bottom: 3px;
}

.gates-of-olympus-myg9pz p {
  color: var(--text-color);
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-myg9pz p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-myg9pz {
    margin-bottom: 60px;
  }
}

@media (max-width: 600px) {
  .gates-of-olympus-myg9pz {
    padding: 0px 0px !important;
  }
}

.gates-of-olympus-vw8xv9 {
  font-size: 60px;
  font-weight: 700;
  line-height: 110%;
  color: var(--title-color);
  text-align: center;
  max-width: 985px;
  width: 100%;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-vw8xv9 {
    font-size: 32px;
  }
}

.gates-of-olympus-nt0hhy {
  color: var(--text-color);
}

.gates-of-olympus-wgnbnx {
  color: var(--text-color);
  font-size: 18px;
  line-height: 135%;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-wgnbnx {
    font-size: 16px;
    line-height: 140%;
  }
}

.gates-of-olympus-wgnbnx p {
  color: var(--text-color);
  font-size: 18px;
  line-height: 135%;
}

.gates-of-olympus-wgnbnx p img {
  display: block;
  margin: 0 auto;
}

.gates-of-olympus-wgnbnx p:first-of-type {
  margin-top: 0;
}

.gates-of-olympus-wgnbnx p:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-wgnbnx p {
    font-size: 18px;
    line-height: 140%;
  }
}

.gates-of-olympus-wgnbnx ul {
  padding: 0 0 0 20px;
}

.gates-of-olympus-wgnbnx table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
}

.gates-of-olympus-wgnbnx table tr td {
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: var(--text-color);
  border: 1px solid var(--border-color);
  background: var(--table-1-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-wgnbnx table tr td {
    padding: 12px 4px;
    font-size: 16px;
  }
}

.gates-of-olympus-wgnbnx table tr th {
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: var(--text-color);
  border: 1px solid var(--border-color);
  background: var(--fh-bg-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-wgnbnx table tr th {
    padding: 12px 4px;
    font-size: 16px;
  }
}

.gates-of-olympus-wgnbnx table tr:nth-child(even) td {
  background: var(--table-2-color);
}

.gates-of-olympus-wgnbnx iframe {
  max-width: 100%;
  width: 100%;
  height: 620px;
  border: none;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-wgnbnx iframe {
    height: 200px;
  }
}

.gates-of-olympus-ws49g0 {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 50px;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-ws49g0 {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ws49g0 {
    margin-bottom: 60px;
  }
}

.gates-of-olympus-7rcmfk {
  color: var(--title-color);
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin-bottom: 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-7rcmfk {
    font-size: 26px;
    margin-bottom: 18px;
  }
}

.gates-of-olympus-7rcmfk h1,
.gates-of-olympus-7rcmfk h2,
.gates-of-olympus-7rcmfk h3,
.gates-of-olympus-7rcmfk h4 {
  color: var(--title-color);
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-7rcmfk h1,
  .gates-of-olympus-7rcmfk h2,
  .gates-of-olympus-7rcmfk h3,
  .gates-of-olympus-7rcmfk h4 {
    font-size: 26px;
    margin-bottom: 18px;
  }
}

.gates-of-olympus-x872ei {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-x872ei {
    flex-direction: column-reverse;
  }
}

.gates-of-olympus-x872ei .gates-of-olympus-nmagla {
  max-width: 545px;
  width: 100%;
  flex-basis: 545px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-x872ei .gates-of-olympus-nmagla {
    max-width: 100%;
    flex-basis: auto;
    margin: 0;
  }
}

.gates-of-olympus-x872ei .gates-of-olympus-mxyn44 {
  max-width: 514px;
  width: 100%;
  flex-basis: 514px;
  margin: 0 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-x872ei .gates-of-olympus-mxyn44 {
    max-width: 100%;
    flex-basis: auto;
    margin: 0 0 18px;
  }
  .gates-of-olympus-x872ei .gates-of-olympus-mxyn44 img {
    width: 100%;
  }
}

.gates-of-olympus-mxyn44 {
  margin: 0 0 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-mxyn44 {
    margin-bottom: 18px;
  }
}

.gates-of-olympus-nmagla {
  margin: 0 0 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-nmagla {
    margin-bottom: 18px;
  }
}

.gates-of-olympus-ws49g0 h2 {
  color: var(--title-color);
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ws49g0 h2 {
    font-size: 26px;
    margin-bottom: 18px;
  }
}

.gates-of-olympus-ws49g0 .gates-of-olympus-3c1u5r {
  margin-top: 30px;
  margin-bottom: 30px;
}

.gates-of-olympus-z47wxz {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 110px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: #1a1b2d;
  overflow: hidden;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-z47wxz {
    margin: 0 16px;
    max-width: calc(100% - 32px);
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-z47wxz {
    margin-bottom: 60px;
  }
}

.gates-of-olympus-y5y2dn {
  position: relative;
  border: none;
}

.gates-of-olympus-y5y2dn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: var(--fh-bg-color);
}

.gates-of-olympus-fknum6 {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  font-size: 24px;
  font-weight: 700;
  background: var(--fh-bg-color);
  color: var(--title-color);
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
}

.gates-of-olympus-fknum6 span {
  height: 32px;
}

.gates-of-olympus-fknum6 span svg rect {
  fill: var(--table-2-color);
  stroke: var(--table-2-color);
}

.gates-of-olympus-fknum6.gates-of-olympus-19unqm span {
  transform: scaleY(-1);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-fknum6 {
    padding: 0 14px;
    font-size: 22px;
    height: 68px;
  }
}

.gates-of-olympus-9u5d3g {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gates-of-olympus-9u5d3g li {
  font-size: 18px;
  background: var(--fh-bg-color);
  border-bottom: 1px solid var(--border-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-9u5d3g li {
    font-size: 16px;
  }
}

.gates-of-olympus-9u5d3g li a {
  display: block;
  color: var(--text-color);
  padding: 14px 32px;
  text-decoration: none;
  transition: 0chicken-road-spynx9 ease-in-out;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-9u5d3g li a:hover {
    background: var(--main-theme-color);
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-9u5d3g li a {
    padding: 12px 14px;
  }
}

.gates-of-olympus-9u5d3g.gates-of-olympus-v1qixu {
  display: none;
}

.gates-of-olympus-arl0pj {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 100px;
}

.gates-of-olympus-arl0pj table {
  width: 100%;
  border-collapse: collapse;
}

.gates-of-olympus-arl0pj table tr td {
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  color: #a29eb6;
  text-align: center;
  border: 1px solid #262646;
  background: #171a2b;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-arl0pj table tr td {
    padding: 12px 4px;
    font-size: 16px;
  }

  .gates-of-olympus-arl0pj table td {
    min-width: 75px;
  }
}

.gates-of-olympus-arl0pj table tr th {
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: var(--text-color);
  border: 1px solid var(--border-color);
  background: var(--fh-bg-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-arl0pj table tr th {
    padding: 12px 4px;
    font-size: 16px;
  }
}

.gates-of-olympus-arl0pj table tr:nth-child(even) td {
  background: rgba(29, 33, 60, 0.6);
}

.gates-of-olympus-arl0pj p {
  color: #a29eb6;
  font-size: 18px;
  line-height: 135%;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-arl0pj p {
    font-size: 16px;
    line-height: 140%;
  }
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-arl0pj {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-arl0pj {
    margin-bottom: 60px;
  }
}

.gates-of-olympus-ch2eyy {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fh-bg-color);
  color: var(--title-color);
  font-size: 28px;
  font-weight: 700;
  padding: 24px 32px;
  border-radius: 12px 12px 0 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ch2eyy {
    padding: 16px 14px;
    font-size: 18px;
    text-align: center;
  }
}

.gates-of-olympus-ktj0i8 {
  width: 100%;
  border-collapse: collapse;
}

@media only screen and (max-width: 500px) {
  .gates-of-olympus-ktj0i8 {
    width: 100%;
    border-collapse: collapse;
    display: block;
    width: 100%;
    overflow-x: auto;
  }
}

.gates-of-olympus-ktj0i8 tr td {
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 700;
  color: #a29eb6;
  text-align: center;
  border: 1px solid #262646;
  background: #171a2b;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ktj0i8 tr td {
    padding: 12px 4px;
    font-size: 16px;
  }
}

.gates-of-olympus-ktj0i8 tr:nth-child(even) td {
  background: rgba(29, 33, 60, 0.6);
}

.gates-of-olympus-l0s62w table tr td {
  color: var(--text-color);
  background: var(--table-1-color);
  border-color: var(--border-color);
}

.gates-of-olympus-l0s62w table tr:nth-child(even) td {
  background: var(--table-2-color);
}

.gates-of-olympus-l0s62w p {
  color: var(--text-color);
}

.gates-of-olympus-q9pma3 {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 100px;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-q9pma3 {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-q9pma3 {
    margin-bottom: 60px;
  }
}

.gates-of-olympus-gjxdm4 {
  padding: 16px 32px;
  border-radius: 10px;
  font-size: 20px;
  background: var(--fh-bg-color);
  color: var(--updated-block-color);
  border-left: 5px solid var(--button-bg-color);
  border-color: var(--border-color);
}

.gates-of-olympus-oswgbf {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 100px;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-oswgbf {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oswgbf {
    margin-bottom: 60px;
  }
}

.gates-of-olympus-lo5b42 {
  border-radius: 10px;
  background: var(--fh-bg-color);
  border: 1px solid var(--border-color);
  margin-bottom: 10px;
  padding: 20px 32px 20px;
}

.gates-of-olympus-lo5b42 h3 {
  position: relative;
  color: var(--title-color);
  font-size: 26px;
  cursor: pointer;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-lo5b42 h3 {
    font-size: 22px;
    font-weight: 600;
  }
}

.gates-of-olympus-lo5b42 p {
  padding: 0;
  font-size: 18px;
  line-height: 135%;
  margin: 0;
  color: var(--text-color);
}

.gates-of-olympus-lo5b42 p + p {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-lo5b42 p {
    font-size: 16px;
  }
}

.gates-of-olympus-szffdy {
  display: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-szffdy {
    display: flex;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    height: 68px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: #161d33;
    padding: 0 40px;
  }
}

.gates-of-olympus-3mxkuk {
  list-style: none;
  margin: 0 -20px;
  padding: 0;
  display: flex;
  align-items: center;
}

.gates-of-olympus-3mxkuk li {
  margin: 0 20px;
}

.gates-of-olympus-3mxkuk li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  text-decoration: none;
}

.gates-of-olympus-3mxkuk li a img {
  margin-bottom: 4px;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-3mxkuk li a:hover {
    color: #2ab765;
  }
}

.gates-of-olympus-urgyfj {
  max-width: 1110px;
  width: 100%;
  list-style: none;
  margin: 10px auto;
  padding: 0;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-urgyfj {
    padding: 0 16px;
  }
}

.gates-of-olympus-urgyfj li {
  font-size: 16px;
  position: relative;
}

.gates-of-olympus-urgyfj li a {
  color: var(--text-color);
  text-decoration: none;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-urgyfj li a:hover {
    text-decoration: underline;
  }
}

.gates-of-olympus-urgyfj li span {
  opacity: 0.5;
}

.gates-of-olympus-urgyfj li + li {
  margin-left: 30px;
}

.gates-of-olympus-urgyfj li + li::before {
  content: "-";
  left: -20px;
  top: 50%;
  font-size: 20px;
  transform: translateY(-50%);
  color: var(--text-color);
  position: absolute;
}

h2.gates-of-olympus-7rcmfk {
  margin: 0 0 28px;
}

@media only screen and (max-width: 767px) {
  h2.gates-of-olympus-7rcmfk {
    margin-bottom: 18px;
  }
}

.gates-of-olympus-sekibs {
  border-collapse: separate;
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: var(--text-color);
  counter-reset: table-row;
}

.gates-of-olympus-sekibs tbody tr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 36px;
  padding: 20px 24px;
  border-radius: 10px;
  margin-bottom: 16px;
  cursor: pointer;
  background-color: var(--fh-bg-color);
}

.gates-of-olympus-sekibs tbody tr:first-of-type::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  z-index: -1;
  background: var(--fh-bg-color);
  border-radius: 10px;
}

.gates-of-olympus-sekibs tbody tr:first-of-type::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--fh-bg-color);
  border-radius: 10px;
}

.gates-of-olympus-sekibs tbody tr:first-of-type td {
  z-index: 2;
  border-radius: 10px;
}

.gates-of-olympus-sekibs tbody tr:last-of-type {
  margin-bottom: 0;
}

.gates-of-olympus-sekibs tbody tr td:first-of-type {
  flex-shrink: 0;
}

.gates-of-olympus-sekibs tbody tr td:first-of-type > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--rate-image-border);
}

.gates-of-olympus-sekibs tbody tr td:first-of-type > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 10px 0;
  padding: 2px 9px;
  width: 28px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  counter-increment: table-row;
  content: counter(table-row);
  background: var(--rate-counter-bg);
}

.gates-of-olympus-sekibs tbody tr td:last-of-type {
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-sekibs tbody tr td:last-of-type {
    margin-left: 0;
    width: 100%;
  }
}

.gates-of-olympus-sekibs tbody tr td .gates-of-olympus-08fb4o {
  display: flex;
  flex-direction: column;
  text-align: center;
}

@media only screen and (max-width: 420px) {
  .gates-of-olympus-sekibs tbody tr td .gates-of-olympus-08fb4o {
    width: 100%;
  }
}

.gates-of-olympus-sekibs tbody tr td .gates-of-olympus-7uvxpc {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 10px;
  width: 181px;
  height: 46px;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  color: var(--button-text-color);
  background: var(--button-bg-color);
  transition: 0chicken-road-spynx9 ease-in-out;
  text-decoration: none;
  cursor: pointer;
  border: none;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-sekibs tbody tr td .gates-of-olympus-7uvxpc:hover {
    background: var(--button-bg-hover);
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-sekibs tbody tr td .gates-of-olympus-7uvxpc {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 420px) {
  .gates-of-olympus-sekibs tbody tr td .gates-of-olympus-7uvxpc {
    width: 100%;
  }
}

.gates-of-olympus-sekibs tbody tr td .gates-of-olympus-5l4leo {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--text-color);
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-sekibs tbody tr td .gates-of-olympus-5l4leo:hover {
    text-decoration: none;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-sekibs tbody tr {
    flex-direction: column;
  }
}

.gates-of-olympus-sekibs tbody tr:nth-child(-n + 3) td > a::before {
  background: var(--rate-counter-bg-top);
}

.gates-of-olympus-r9n0gc {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 100px;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-r9n0gc {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-r9n0gc {
    margin: 0 auto 60px;
  }
}

.gates-of-olympus-tlhdvy {
  font-weight: 700;
  font-size: 40px;
  line-height: 44px;
  margin: 0 0 32px;
  text-align: center;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-tlhdvy {
    font-size: 26px;
    line-height: normal;
    margin: 0 0 20px;
    text-align: left;
  }
}

.gates-of-olympus-f49g9a {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -10px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-f49g9a {
    margin: 0 -5px;
  }
}

.gates-of-olympus-yhvqjx {
  max-width: calc(25% - 20px);
  width: 100%;
  flex-basis: calc(25% - 20px);
  margin: 0 10px 20px;
  text-decoration: none;
  cursor: pointer;
}

.gates-of-olympus-yhvqjx img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: 0chicken-road-spynx9 ease-in-out;
}

.gates-of-olympus-yhvqjx p {
  font-size: 18px;
  line-height: 24px;
  margin: 10px 0 0;
  color: var(--text-color);
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-yhvqjx:hover img {
    transform: scale(1.01);
  }
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-yhvqjx {
    max-width: calc(33.33333% - 20px);
    flex-basis: calc(33.33333% - 20px);
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-yhvqjx {
    max-width: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    margin: 0 5px 12px;
  }
  .gates-of-olympus-yhvqjx p {
    font-size: 16px;
  }
}

.gates-of-olympus-t4g07d {
  position: relative;
  max-width: 800px;
  height: 400px;
  width: 100%;
  margin: 40px auto;
  border-radius: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 520px) {
  .gates-of-olympus-t4g07d {
    height: 190px;
    margin: 20px auto;
  }
}

.gates-of-olympus-t4g07d img {
  width: 100%;
  height: 100%;
}

.gates-of-olympus-t4g07d iframe {
  width: 100%;
  height: 400px;
  margin: 0;
}

@media only screen and (max-width: 520px) {
  .gates-of-olympus-t4g07d iframe {
    height: 190px;
  }
}

.gates-of-olympus-2tuf3t {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
  filter: blur(3px);
}

.gates-of-olympus-2tuf3t::before {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  content: "";
}

.gates-of-olympus-b8bebf {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 52px;
  max-width: 200px;
  -webkit-animation: none;
  animation: none;
  transform: translate(-50%, -50%);
}

.gates-of-olympus-b8bebf svg {
  width: 50px;
  height: 50px;
  fill: #fff;
  cursor: pointer;
  transition: 0chicken-road-spynx9 ease-in-out;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-b8bebf:hover svg {
    transform: scale(1.1);
  }
}

.gates-of-olympus-g8kyxk {
  padding: 90px 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-g8kyxk {
    padding: 40px 0;
  }
}

.gates-of-olympus-w90r9m {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-w90r9m {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-w90r9m {
    flex-direction: column-reverse;
  }
}

.gates-of-olympus-1b5lgb {
  max-width: 520px;
  width: 100%;
  flex-basis: 520px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 24px;
}

.gates-of-olympus-1b5lgb img {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-1b5lgb {
    max-width: 565px;
    flex-basis: auto;
    margin: 24px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-1b5lgb {
    margin: 10px 0 0;
  }
}

.gates-of-olympus-9c05a6 {
  max-width: 565px;
  width: 100%;
  flex-basis: 565px;
  border-radius: 10px;
  padding: 36px 32px;
  background: radial-gradient(
    114.2% 133.85% at 7.14% 3.6%,
    rgba(35, 35, 54, 0.7) 0%,
    rgba(35, 35, 54, 0.7) 0.01%,
    rgba(35, 35, 54, 0.1) 100%
  );
  border: 1px solid #383853;
}

.gates-of-olympus-9c05a6 h2 {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0 0 16px;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-9c05a6 {
    flex-basis: auto;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-9c05a6 {
    padding: 24px 10px;
  }
}

.gates-of-olympus-bxrjtp {
  background: rgba(30, 30, 53, 0.6);
  border: 1px solid #383853;
  border-radius: 6px;
  padding: 14px 20px;
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #a29eb6;
  transition: 0chicken-road-spynx9 ease-in-out;
}

.gates-of-olympus-bxrjtp:hover {
  border: 1px solid #8c8ca2;
}

.gates-of-olympus-792uge {
  margin: 20px auto 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  padding: 15px 10px;
  width: 100%;
  height: 52px;
  cursor: pointer;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: linear-gradient(2deg, #6262d9 0%, #9d62d9 100%, #9d62d9 100%);
}

.gates-of-olympus-792uge:hover {
  background: linear-gradient(2deg, #9d62d9 0%, #9d62d9 100%, #6262d9 100%);
}

.gates-of-olympus-magwl5 {
  max-width: 342px;
  width: 100%;
  margin: 20px auto 0;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #c0c0c0;
  text-align: center;
}

.gates-of-olympus-magwl5 a {
  text-decoration: underline;
  color: #8babff;
}

.gates-of-olympus-wl69bi {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin: 0 0 10px;
}

.gates-of-olympus-wl69bi .gates-of-olympus-bxrjtp {
  width: 50%;
  margin: 0;
}

.gates-of-olympus-d3vk6m {
  border-radius: 6px;
  padding: 15px 10px;
  width: 50%;
  height: 52px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: linear-gradient(2deg, #6262d9 0%, #9d62d9 100%, #9d62d9 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.gates-of-olympus-d3vk6m:hover {
  background: linear-gradient(2deg, #9d62d9 0%, #9d62d9 100%, #6262d9 100%);
}

.gates-of-olympus-o3u3jy {
  margin: 0 0 100px;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-o3u3jy {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-o3u3jy {
    margin: 0 0 60px;
  }
}

.gates-of-olympus-i085tn {
  position: relative;
  padding: 20px 24px;
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: var(--fh-bg-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-i085tn {
    padding: 18px 14px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.gates-of-olympus-f7h2ba {
  max-width: 200px;
  width: 100%;
  flex-basis: 200px;
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-f7h2ba {
    max-width: 80px;
    flex-basis: auto;
    margin-bottom: 10px;
  }
}

.gates-of-olympus-wf2ncp {
  max-width: 842px;
  width: 100%;
  flex-basis: 842px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-wf2ncp {
    flex-basis: auto;
    max-width: 100%;
  }
}

.gates-of-olympus-9dfvlq {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 40px;
  font-weight: 700;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-9dfvlq {
    font-size: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

.gates-of-olympus-9dfvlq a {
  width: 26px;
  height: 26px;
  background: #5277e7;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  margin-left: 20px;
  border-radius: 4px;
  transition: 0chicken-road-spynx9 ease-in-out;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-9dfvlq a {
    margin: 1px 0 4px;
  }
}

.gates-of-olympus-9dfvlq a svg {
  fill: #fff;
}

.gates-of-olympus-9dfvlq a:hover {
  background: #3d68e7;
}

.gates-of-olympus-tztbom {
  font-size: 16px;
  color: var(--text-color);
  opacity: 0.9;
}

.gates-of-olympus-7ant9n {
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-7ant9n {
    position: absolute;
    top: 18px;
    left: 115px;
  }
}

.gates-of-olympus-cmioqd {
  font-size: 16px;
  color: var(--text-color);
}

.gates-of-olympus-owb4k2 {
  display: grid;
  grid-template-areas: "play-block__left" "content-section" "play-block__right";
  max-width: 1110px;
  width: 100%;
  margin: 40px auto 100px;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-owb4k2 {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-owb4k2 {
    margin: 20px auto 60px;
  }
}

@media only screen and (min-width: 992px) {
  .gates-of-olympus-owb4k2 {
    grid-template-areas: "play-block__left play-block__right" "content-section content-section";
    grid-template-columns: 65% 35%;
  }
}

.gates-of-olympus-dg6fvs {
  grid-area: play-block__left;
  width: 100%;
  padding-right: 0;
}

.gates-of-olympus-dg6fvs h1,
.gates-of-olympus-dg6fvs h2 {
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  color: var(--title-color);
  margin: 0 0 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-dg6fvs h1,
  .gates-of-olympus-dg6fvs h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 110%;
    margin-bottom: 16px;
  }
}

@media only screen and (min-width: 992px) {
  .gates-of-olympus-dg6fvs {
    margin: 0;
    padding-right: 20px;
  }
}

.gates-of-olympus-cinkvm {
  grid-area: play-block__right;
  margin: 24px 0 0;
  width: 100%;
}

.gates-of-olympus-cinkvm h1 {
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  color: var(--title-color);
  margin: 0 0 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-cinkvm h1 {
    font-weight: 700;
    font-size: 26px;
    line-height: 110%;
    margin-bottom: 16px;
  }
}

.gates-of-olympus-cinkvm h2 {
  display: flex;
  align-items: center;
  min-height: 68px;
  font-size: 26px;
  line-height: normal;
  font-weight: 700;
  color: var(--title-color);
  margin: 0 0 6px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-cinkvm h2 {
    font-size: 24px;
    line-height: 110%;
    margin-bottom: 16px;
    min-height: auto;
  }
}

.gates-of-olympus-cinkvm table {
  border-radius: 10px;
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border: 1px solid var(--border-color);
  box-shadow: 0 0 0 1px var(--border-color);
}

.gates-of-olympus-cinkvm table tr td {
  padding: 12px 28px;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  border: 1px solid var(--border-color);
  color: var(--text-color);
  background: var(--table-1-color);
  border-top: none;
  border-left: none;
  border-right: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-cinkvm table tr td {
    padding: 12px 4px;
  }
}

.gates-of-olympus-cinkvm table tr th {
  padding: 12px 28px;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  border: 1px solid var(--border-color);
  color: var(--text-color);
  background: var(--fh-bg-color);
  border-top: none;
  border-left: none;
  border-right: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-cinkvm table tr th {
    padding: 12px 4px;
  }
}

.gates-of-olympus-cinkvm table tr:last-of-type td {
  border-bottom: none;
}

@media only screen and (min-width: 992px) {
  .gates-of-olympus-cinkvm {
    margin: 0;
  }
}

.gates-of-olympus-m840gq {
  width: 100%;
  min-height: 356px;
  border-radius: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-m840gq {
    min-height: 190px;
  }
}

.gates-of-olympus-s79cg1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
  filter: blur(5px);
}

.gates-of-olympus-s79cg1::before {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  content: "";
}

.gates-of-olympus-yo4y5v {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.gates-of-olympus-yo4y5v.gates-of-olympus-6snife {
  display: none;
}

.gates-of-olympus-gx9bbi {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  opacity: 0;
  pointer-events: none;
}

.gates-of-olympus-gx9bbi iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gates-of-olympus-gx9bbi iframe.gates-of-olympus-v8m8lp {
  position: fixed;
  inset: 0px;
  width: 100vw;
  height: 100vh;
  margin: 0px;
}

.gates-of-olympus-gx9bbi.gates-of-olympus-halhu8 {
  opacity: 1;
  pointer-events: all;
}

.gates-of-olympus-r1y1x8 {
  border: none;
  cursor: pointer;
  text-decoration: none;
  max-width: 252px;
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #c2c0ce;
  margin: 0 auto;
  color: #090909;
  font-size: 16px;
  font-weight: 700;
  transition: 0chicken-road-spynx9 ease-in-out;
}

.gates-of-olympus-r1y1x8 svg {
  margin-right: 10px;
}

.gates-of-olympus-r1y1x8 + .gates-of-olympus-r1y1x8 {
  margin-top: 14px;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-r1y1x8:hover {
    background: #a8a6b3;
  }
}

.gates-of-olympus-6lu8kn {
  background: linear-gradient(180deg, #fdcc06 0%, #ffea00 100%);
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-6lu8kn:hover {
    background: linear-gradient(180deg, #ffea00 0%, #fdcc06 100%);
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-r1y1x8 {
    height: 42px;
    max-width: 220px;
  }
}

.gates-of-olympus-owb4k2 .gates-of-olympus-ws49g0 {
  padding: 0;
  grid-area: content-section;
  width: 100%;
  margin: 24px 0 0;
}

.gates-of-olympus-owb4k2 .gates-of-olympus-ws49g0 h1,
.gates-of-olympus-owb4k2 .gates-of-olympus-ws49g0 h2 {
  color: var(--title-color);
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 28px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-owb4k2 .gates-of-olympus-ws49g0 h1,
  .gates-of-olympus-owb4k2 .gates-of-olympus-ws49g0 h2 {
    font-size: 26px;
    margin: 0 0 18px;
  }
}

@media only screen and (min-width: 991px) {
  .gates-of-olympus-owb4k2 .gates-of-olympus-ws49g0 {
    margin: 28px 0 0;
  }
}

.gates-of-olympus-zekcvv {
  max-width: 1110px;
  width: 100%;
  margin: 40px auto 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-zekcvv {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-zekcvv {
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-zekcvv {
    margin: 20px auto 60px;
  }
}

.gates-of-olympus-33a07i {
  max-width: 545px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-33a07i {
    max-width: 100%;
    margin: 0 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-33a07i {
    max-width: 100%;
    margin: 0 0 10px;
  }
}

.gates-of-olympus-nkxnda {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  border-radius: 20px;
}

.gates-of-olympus-nkxnda iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gates-of-olympus-vsp1wa {
  max-width: 540px;
  width: 100%;
  margin-left: 24px;
}

.gates-of-olympus-vsp1wa h1 {
  font-weight: 600;
  font-size: 60px;
  line-height: normal;
  margin: 0;
  color: var(--title-color);
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-vsp1wa h1 {
    font-size: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-vsp1wa h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-vsp1wa {
    max-width: 100%;
    margin: 0;
  }
}

.gates-of-olympus-6626h8 {
  padding: 25px 20px;
  border-radius: 10px;
  background: var(--fh-bg-color);
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-6626h8 {
    padding: 14px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
}

.gates-of-olympus-8qqpns {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-8qqpns {
    flex-direction: column;
    margin: 0 0 0 20px;
  }
}

.gates-of-olympus-ss2rtz {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-right: 12px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.gates-of-olympus-ss2rtz span {
  margin-right: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff0000;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ss2rtz {
    margin: 0;
  }
  .gates-of-olympus-ss2rtz:last-of-type {
    margin-top: 4px;
  }
}

.gates-of-olympus-sb7x9p {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  border-radius: 10px;
  background: var(--fh-bg-color);
}

@media only screen and (max-width: 540px) {
  .gates-of-olympus-sb7x9p {
    padding: 10px;
  }
}

.gates-of-olympus-sb7x9p .gates-of-olympus-3c1u5r {
  max-width: 156px;
  height: 46px;
  font-size: 16px;
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 540px) {
  .gates-of-olympus-sb7x9p .gates-of-olympus-3c1u5r {
    max-width: 100%;
    margin: 10px 0 0;
  }
}

@media only screen and (max-width: 540px) {
  .gates-of-olympus-sb7x9p {
    flex-wrap: wrap;
  }
}

.gates-of-olympus-effjy2 {
  width: 98px;
  flex-shrink: 0;
  margin-right: 12px;
}

.gates-of-olympus-effjy2 img {
  width: 100%;
}

.gates-of-olympus-nci8ll {
  max-width: 230px;
  width: 100%;
  margin-right: 5px;
}

@media only screen and (max-width: 540px) {
  .gates-of-olympus-nci8ll {
    max-width: 200px;
    margin: 0;
  }
}

.gates-of-olympus-25y4au {
  font-size: 14px;
  color: var(--title-color);
  opacity: 0.8;
}

.gates-of-olympus-pl7d68 {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: var(--text-color);
}

.gates-of-olympus-oru38a {
  width: 100%;
  margin: 0 0 100px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a {
    margin: 0 0 60px;
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-0i9230 {
  position: relative;
}

.gates-of-olympus-oru38a .gates-of-olympus-9oa9hp {
  width: 100%;
  height: calc(100vh - 54px);
  height: 100dvh;
  height: calc(100dvh - env(safe-area-inset-bottom, 0px));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.gates-of-olympus-oru38a .gates-of-olympus-9oa9hp.gates-of-olympus-6snife {
  display: none;
}

.gates-of-olympus-oru38a .gates-of-olympus-pmsxod {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 32px;
  max-width: 910px;
  width: 100%;
  border-radius: 20px;
  padding: 17px 40px;
  background: var(--main-theme-color);
  border: 1px solid var(--border-color);
  margin-bottom: env(safe-area-inset-bottom, 0px);
}

@media only screen and (max-width: 991px) {
  .gates-of-olympus-oru38a .gates-of-olympus-pmsxod {
    bottom: 90px;
    padding: 14px 16px;
    flex-direction: column;
    max-width: calc(100% - 32px);
  }
}

@media only screen and (max-width: 520px) {
  .gates-of-olympus-oru38a .gates-of-olympus-pmsxod {
    bottom: 90px;
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-pmsxod .gates-of-olympus-3mjxm8 {
  max-width: 300px;
  width: 100%;
}

.gates-of-olympus-oru38a
  .gates-of-olympus-pmsxod
  .gates-of-olympus-3mjxm8
  .gates-of-olympus-od0ik4 {
  font-weight: 800;
  font-size: 40px;
  line-height: 110%;
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a
    .gates-of-olympus-pmsxod
    .gates-of-olympus-3mjxm8
    .gates-of-olympus-od0ik4 {
    font-size: 32px;
    text-align: center;
  }
}

.gates-of-olympus-oru38a
  .gates-of-olympus-pmsxod
  .gates-of-olympus-3mjxm8
  .gates-of-olympus-ykcw5x {
  margin-top: 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  color: var(--text-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a
    .gates-of-olympus-pmsxod
    .gates-of-olympus-3mjxm8
    .gates-of-olympus-ykcw5x {
    text-align: center;
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-pmsxod .gates-of-olympus-7c45xo {
  max-width: 488px;
  width: 100%;
  gap: 14px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a .gates-of-olympus-pmsxod .gates-of-olympus-7c45xo {
    flex-direction: column-reverse;
  }
}

.gates-of-olympus-oru38a
  .gates-of-olympus-pmsxod
  .gates-of-olympus-7c45xo
  .gates-of-olympus-9e8x1o {
  border-radius: 10px;
  padding: 12px 28px;
  width: 200px;
  height: 46px;
  background: #a9afbc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #0b0b10;
  cursor: pointer;
  transition: 0chicken-road-spynx9 ease-in-out;
}

.gates-of-olympus-oru38a
  .gates-of-olympus-pmsxod
  .gates-of-olympus-7c45xo
  .gates-of-olympus-9e8x1o:hover {
  background: #a8a6b3;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a
    .gates-of-olympus-pmsxod
    .gates-of-olympus-7c45xo
    .gates-of-olympus-9e8x1o {
    width: 100%;
  }
}

.gates-of-olympus-oru38a
  .gates-of-olympus-pmsxod
  .gates-of-olympus-7c45xo
  .gates-of-olympus-dlgw8m {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 10px;
  width: 274px;
  height: 46px;
  background: linear-gradient(180deg, #fdcc06 0%, #ffea00 100%);
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  color: #0b0b10;
  cursor: pointer;
  position: relative;
  transition: 0chicken-road-spynx9 ease-in-out;
  overflow: hidden;
}

.gates-of-olympus-oru38a
  .gates-of-olympus-pmsxod
  .gates-of-olympus-7c45xo
  .gates-of-olympus-dlgw8m
  span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

@keyframes slideLeftRight {
  0% {
    left: -16px;
  }
  100% {
    left: calc(100% + 16px);
  }
}

.gates-of-olympus-oru38a
  .gates-of-olympus-pmsxod
  .gates-of-olympus-7c45xo
  .gates-of-olympus-dlgw8m:before {
  content: "";
  border-radius: 10px;
  position: absolute;
  height: 100%;
  width: 32px;
  top: 0;
  left: -16px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.75) 50%,
    transparent 100%
  );
  z-index: 0;
  backdrop-filter: blur(5px);
  animation: slideLeftRight 2s infinite;
}

.gates-of-olympus-oru38a
  .gates-of-olympus-pmsxod
  .gates-of-olympus-7c45xo
  .gates-of-olympus-dlgw8m:hover {
  background: linear-gradient(180deg, #ffea00 0%, #fdcc06 100%);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a
    .gates-of-olympus-pmsxod
    .gates-of-olympus-7c45xo
    .gates-of-olympus-dlgw8m {
    width: 100%;
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-pmsxod.gates-of-olympus-6snife {
  display: none;
}

.gates-of-olympus-oru38a .gates-of-olympus-6q6ita {
  display: none;
}

.gates-of-olympus-oru38a .gates-of-olympus-6q6ita.gates-of-olympus-halhu8 {
  display: block;
}

.gates-of-olympus-oru38a .gates-of-olympus-6q6ita iframe {
  width: 100%;
  height: calc(100vh - 66px);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a .gates-of-olympus-6q6ita iframe {
    height: calc(100vh - 54px);
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-q76kv9 {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0 0;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-oru38a .gates-of-olympus-q76kv9 {
    padding: 24px 16px 0;
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-q76kv9 .gates-of-olympus-od0ik4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: var(--title-color);
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a .gates-of-olympus-q76kv9 .gates-of-olympus-od0ik4 {
    margin-bottom: 24px;
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-q76kv9 table {
  border-radius: 10px;
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border: 1px solid var(--border-color);
  box-shadow: 0 0 0 1px var(--border-color);
}

.gates-of-olympus-oru38a .gates-of-olympus-q76kv9 table tr td {
  padding: 12px 28px;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  border: 1px solid var(--border-color);
  color: var(--text-color);
  background: var(--table-1-color);
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a .gates-of-olympus-q76kv9 table tr td {
    padding: 12px 4px;
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-q76kv9 table tr th {
  padding: 12px 28px;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  border: 1px solid var(--border-color);
  color: var(--text-color);
  background: var(--fh-bg-color);
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-oru38a .gates-of-olympus-q76kv9 table tr th {
    padding: 12px 4px;
  }
}

.gates-of-olympus-oru38a .gates-of-olympus-q76kv9 table tr:last-of-type td {
  border-bottom: none;
}

.gates-of-olympus-ke53pw {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  background: var(--main-theme-color);
}

.gates-of-olympus-ke53pw.gates-of-olympus-mml488 {
  display: block;
}

.gates-of-olympus-ke53pw iframe {
  width: 100%;
  height: calc(100% - 72px);
  border: none;
}

.gates-of-olympus-ke53pw .gates-of-olympus-1st5d5 {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(180deg, #fdcc06 0%, #ffea00 100%);
  color: #000;
  border: 1px solid #000;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 10000;
}

.gates-of-olympus-ke53pw .gates-of-olympus-reuush {
  height: 72px;
  padding: 8px 16px 18px;
  background: var(--main-theme-color);
}

.gates-of-olympus-ke53pw .gates-of-olympus-dlgw8m {
  bottom: 20px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 10px;
  height: 46px;
  width: 100%;
  background: linear-gradient(180deg, #fdcc06 0%, #ffea00 100%);
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  color: #0b0b10;
  cursor: pointer;
  z-index: 10000;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  transition: 0chicken-road-spynx9 ease-in-out;
}

.gates-of-olympus-ke53pw .gates-of-olympus-dlgw8m:hover {
  background: linear-gradient(180deg, #ffea00 0%, #fdcc06 100%);
}

.gates-of-olympus-jwl841 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 20;
  display: none;
  overflow: auto;
}

.gates-of-olympus-jwl841.gates-of-olympus-mml488 {
  display: block;
}

.gates-of-olympus-np7sya {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.gates-of-olympus-bwznct {
  position: relative;
  top: 100px;
  margin: 0 auto;
  z-index: 999;
  max-width: 600px;
  width: 100%;
  background: var(--fh-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  padding: 28px 44px;
}

.gates-of-olympus-iehih2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-bwznct {
    width: calc(100% - 20px);
    max-width: 100%;
    padding: 28px 16px;
  }
}

.gates-of-olympus-6l6evu {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

.gates-of-olympus-6l6evu svg {
  width: 15px;
  height: 15px;
  fill: #000;
}

.gates-of-olympus-ld5mce {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gates-of-olympus-89kd9h.gates-of-olympus-6snife {
  display: none;
}

.gates-of-olympus-ryq11f {
  font-size: 16px;
  line-height: 140%;
  color: var(--title-color);
  text-align: center;
  margin-bottom: 36px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ryq11f {
    margin-bottom: 20px;
  }
}

.gates-of-olympus-mhl62q {
  padding-bottom: 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid var(--border-color);
}

.gates-of-olympus-mhl62q span {
  font-weight: 500;
  font-size: 20px;
  color: var(--text-color);
  display: block;
  margin-bottom: 4px;
}

.gates-of-olympus-mhl62q small {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color);
  opacity: 0.8;
  display: block;
  margin-bottom: 16px;
}

.gates-of-olympus-mhl62q input {
  border-radius: 46px;
  padding: 0 20px;
  width: 100%;
  height: 50px;
  background: rgba(245, 245, 245, 0.05);
  color: var(--text-color);
  border: none;
  font-size: 16px;
  transition: 0chicken-road-spynx9 ease-in-out;
  border: 1px solid rgba(245, 245, 245, 0.05);
}

.gates-of-olympus-mhl62q input::-moz-placeholder {
  color: var(--text-color);
  opacity: 0.6;
}

.gates-of-olympus-mhl62q input::placeholder {
  color: var(--text-color);
  opacity: 0.6;
}

.gates-of-olympus-mhl62q input:hover {
  border-color: rgba(194, 192, 206, 0.5);
}

.gates-of-olympus-mhl62q input:active {
  border-color: #c2c0ce;
}

.gates-of-olympus-mhl62q input:focus {
  border-color: #c2c0ce;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-mhl62q {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.gates-of-olympus-cxgvla {
  margin-bottom: 36px;
}

.gates-of-olympus-cxgvla textarea {
  border-radius: 20px;
  padding: 14px 20px;
  width: 100%;
  height: 120px;
  resize: none;
  overflow: hidden;
  background: rgba(245, 245, 245, 0.05);
  color: var(--text-color);
  border: 1px solid #c2c0ce;
  font-size: 16px;
}

.gates-of-olympus-cxgvla textarea::-moz-placeholder {
  color: var(--text-color);
  opacity: 0.6;
}

.gates-of-olympus-cxgvla textarea::placeholder {
  color: var(--text-color);
  opacity: 0.6;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-cxgvla {
    margin-bottom: 24px;
  }
}

.gates-of-olympus-tqu73d {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.gates-of-olympus-54x68n {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  width: 136px;
  height: 42px;
  font-size: 16px;
  font-weight: 700;
  color: var(--title-color);
  border: 1px solid var(--border-color);
  transition: 0chicken-road-spynx9 ease-in-out;
}

.gates-of-olympus-54x68n:hover {
  background: var(--border-color);
}

.gates-of-olympus-tc8jyo {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #197bff;
  color: var(--title-color);
  border-radius: 6px;
  padding: 10px;
  width: 193px;
  height: 42px;
  margin-left: 16px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  transition: 0chicken-road-spynx9 ease-in-out;
}

.gates-of-olympus-tc8jyo:hover {
  background: #166ad9;
}

.gates-of-olympus-2khps0 {
  max-width: 292px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.gates-of-olympus-2khps0.gates-of-olympus-6snife {
  display: none;
}

.gates-of-olympus-25yrxb {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: var(--title-color);
  margin: 16px 0 20px;
}

.gates-of-olympus-2khps0 .gates-of-olympus-54x68n {
  margin: 0 auto;
}

.gates-of-olympus-7rw2ra {
  padding: 0;
  border: none;
  margin: 0 auto 24px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-7rw2ra {
    margin-bottom: 16px;
  }
}

.gates-of-olympus-lh7qr7 {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: auto;
  position: relative;
}

.gates-of-olympus-9xiad1 {
  filter: grayscale(100%);
}

.gates-of-olympus-lh7qr7 > input {
  display: none;
}

.gates-of-olympus-lh7qr7 > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.gates-of-olympus-3o9tp7.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.gates-of-olympus-ixymta 44.gates-of-olympus-p7yr8i.gates-of-olympus-tzxgqm.gates-of-olympus-wfpwe0.gates-of-olympus-b9yoaa.gates-of-olympus-a1me6k.gates-of-olympus-51d0cb.gates-of-olympus-t2bpe3.gates-of-olympus-1err3n.gates-of-olympus-r7ta83.gates-of-olympus-jfjas6.gates-of-olympus-tdv6u1.gates-of-olympus-6ki8ss 0l-12.gates-of-olympus-etem0g 30.gates-of-olympus-yappr9.gates-of-olympus-2dqyul 2.gates-of-olympus-k4e8jx.gates-of-olympus-2dqyul 3.gates-of-olympus-1zdh8s 3.gates-of-olympus-sl8aww.gates-of-olympus-gmj5fj 3.gates-of-olympus-ek00im.gates-of-olympus-8qn9rj.gates-of-olympus-g7u7nb.gates-of-olympus-do7sir 7-3.gates-of-olympus-etem0g 10.gates-of-olympus-u80vy7.gates-of-olympus-do7sir 23.gates-of-olympus-y4jp21.gates-of-olympus-zwgkea 1.gates-of-olympus-drp6gn 2.gates-of-olympus-etem0g 3.gates-of-olympus-zwgkea 1.gates-of-olympus-gmj5fj 5.gates-of-olympus-9e69ag.gates-of-olympus-gmj5fj 32.gates-of-olympus-oxxpgb.gates-of-olympus-8qn9rj 5.gates-of-olympus-6ki8ss 4.gates-of-olympus-do7sir 9.gates-of-olympus-do7sir 8.gates-of-olympus-gmj5fj 6.gates-of-olympus-d9eldf.gates-of-olympus-zrb8wx.gates-of-olympus-hewl4x.gates-of-olympus-dyrtwb.gates-of-olympus-vu8h2w 4.gates-of-olympus-nnru3d.gates-of-olympus-vu8h2w 6.gates-of-olympus-vu8h2w 0l29.gates-of-olympus-6ki8ss 17.gates-of-olympus-nctb0y.gates-of-olympus-pcdylx 2.gates-of-olympus-v8413t 10.gates-of-olympus-ju03np.gates-of-olympus-etem0g 8.gates-of-olympus-vfj2ar.gates-of-olympus-h3j5dg.gates-of-olympus-zilt1m.gates-of-olympus-awszj4.gates-of-olympus-8pnmzo.gates-of-olympus-8qn9rj.gates-of-olympus-a1me6k.gates-of-olympus-etem0g 1.gates-of-olympus-0tcylw.gates-of-olympus-imidng.gates-of-olympus-2zchmm.gates-of-olympus-jskali.gates-of-olympus-y7xm8h.gates-of-olympus-drp6gn 1.gates-of-olympus-6ho8tw.gates-of-olympus-c3fjsi.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  font-size: 0;
  transition: 0.3s;
}

.gates-of-olympus-lh7qr7 > input:checked ~ label,
.gates-of-olympus-lh7qr7 > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.gates-of-olympus-3o9tp7.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.gates-of-olympus-ixymta 44.gates-of-olympus-p7yr8i.gates-of-olympus-tzxgqm.gates-of-olympus-wfpwe0.gates-of-olympus-b9yoaa.gates-of-olympus-a1me6k.gates-of-olympus-51d0cb.gates-of-olympus-t2bpe3.gates-of-olympus-1err3n.gates-of-olympus-r7ta83.gates-of-olympus-jfjas6.gates-of-olympus-tdv6u1.gates-of-olympus-6ki8ss 0l-12.gates-of-olympus-etem0g 30.gates-of-olympus-yappr9.gates-of-olympus-2dqyul 2.gates-of-olympus-k4e8jx.gates-of-olympus-2dqyul 3.gates-of-olympus-1zdh8s 3.gates-of-olympus-sl8aww.gates-of-olympus-gmj5fj 3.gates-of-olympus-ek00im.gates-of-olympus-8qn9rj.gates-of-olympus-g7u7nb.gates-of-olympus-do7sir 7-3.gates-of-olympus-etem0g 10.gates-of-olympus-u80vy7.gates-of-olympus-do7sir 23.gates-of-olympus-y4jp21.gates-of-olympus-zwgkea 1.gates-of-olympus-drp6gn 2.gates-of-olympus-etem0g 3.gates-of-olympus-zwgkea 1.gates-of-olympus-gmj5fj 5.gates-of-olympus-9e69ag.gates-of-olympus-gmj5fj 32.gates-of-olympus-oxxpgb.gates-of-olympus-8qn9rj 5.gates-of-olympus-6ki8ss 4.gates-of-olympus-do7sir 9.gates-of-olympus-do7sir 8.gates-of-olympus-gmj5fj 6.gates-of-olympus-d9eldf.gates-of-olympus-zrb8wx.gates-of-olympus-hewl4x.gates-of-olympus-dyrtwb.gates-of-olympus-vu8h2w 4.gates-of-olympus-nnru3d.gates-of-olympus-vu8h2w 6.gates-of-olympus-vu8h2w 0l29.gates-of-olympus-6ki8ss 17.gates-of-olympus-nctb0y.gates-of-olympus-pcdylx 2.gates-of-olympus-v8413t 10.gates-of-olympus-ju03np.gates-of-olympus-etem0g 8.gates-of-olympus-vfj2ar.gates-of-olympus-h3j5dg.gates-of-olympus-zilt1m.gates-of-olympus-awszj4.gates-of-olympus-8pnmzo.gates-of-olympus-8qn9rj.gates-of-olympus-a1me6k.gates-of-olympus-etem0g 1.gates-of-olympus-0tcylw.gates-of-olympus-imidng.gates-of-olympus-2zchmm.gates-of-olympus-jskali.gates-of-olympus-y7xm8h.gates-of-olympus-drp6gn 1.gates-of-olympus-6ho8tw.gates-of-olympus-c3fjsi.5z'/%3e%3c/svg%3e");
}

.gates-of-olympus-lh7qr7 > input:not(:checked) ~ label:hover,
.gates-of-olympus-lh7qr7 > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.gates-of-olympus-3o9tp7.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.gates-of-olympus-ixymta 44.gates-of-olympus-p7yr8i.gates-of-olympus-tzxgqm.gates-of-olympus-wfpwe0.gates-of-olympus-b9yoaa.gates-of-olympus-a1me6k.gates-of-olympus-51d0cb.gates-of-olympus-t2bpe3.gates-of-olympus-1err3n.gates-of-olympus-r7ta83.gates-of-olympus-jfjas6.gates-of-olympus-tdv6u1.gates-of-olympus-6ki8ss 0l-12.gates-of-olympus-etem0g 30.gates-of-olympus-yappr9.gates-of-olympus-2dqyul 2.gates-of-olympus-k4e8jx.gates-of-olympus-2dqyul 3.gates-of-olympus-1zdh8s 3.gates-of-olympus-sl8aww.gates-of-olympus-gmj5fj 3.gates-of-olympus-ek00im.gates-of-olympus-8qn9rj.gates-of-olympus-g7u7nb.gates-of-olympus-do7sir 7-3.gates-of-olympus-etem0g 10.gates-of-olympus-u80vy7.gates-of-olympus-do7sir 23.gates-of-olympus-y4jp21.gates-of-olympus-zwgkea 1.gates-of-olympus-drp6gn 2.gates-of-olympus-etem0g 3.gates-of-olympus-zwgkea 1.gates-of-olympus-gmj5fj 5.gates-of-olympus-9e69ag.gates-of-olympus-gmj5fj 32.gates-of-olympus-oxxpgb.gates-of-olympus-8qn9rj 5.gates-of-olympus-6ki8ss 4.gates-of-olympus-do7sir 9.gates-of-olympus-do7sir 8.gates-of-olympus-gmj5fj 6.gates-of-olympus-d9eldf.gates-of-olympus-zrb8wx.gates-of-olympus-hewl4x.gates-of-olympus-dyrtwb.gates-of-olympus-vu8h2w 4.gates-of-olympus-nnru3d.gates-of-olympus-vu8h2w 6.gates-of-olympus-vu8h2w 0l29.gates-of-olympus-6ki8ss 17.gates-of-olympus-nctb0y.gates-of-olympus-pcdylx 2.gates-of-olympus-v8413t 10.gates-of-olympus-ju03np.gates-of-olympus-etem0g 8.gates-of-olympus-vfj2ar.gates-of-olympus-h3j5dg.gates-of-olympus-zilt1m.gates-of-olympus-awszj4.gates-of-olympus-8pnmzo.gates-of-olympus-8qn9rj.gates-of-olympus-a1me6k.gates-of-olympus-etem0g 1.gates-of-olympus-0tcylw.gates-of-olympus-imidng.gates-of-olympus-2zchmm.gates-of-olympus-jskali.gates-of-olympus-y7xm8h.gates-of-olympus-drp6gn 1.gates-of-olympus-6ho8tw.gates-of-olympus-c3fjsi.5z'/%3e%3c/svg%3e");
}

#rating-container-1:checked ~ .gates-of-olympus-6qcyxl > .gates-of-olympus-bff40k {
  transform: translateY(-100px);
}

#rating-container-2:checked ~ .gates-of-olympus-6qcyxl > .gates-of-olympus-bff40k {
  transform: translateY(-200px);
}

#rating-container-3:checked ~ .gates-of-olympus-6qcyxl > .gates-of-olympus-bff40k {
  transform: translateY(-300px);
}

#rating-container-4:checked ~ .gates-of-olympus-6qcyxl > .gates-of-olympus-bff40k {
  transform: translateY(-400px);
}

#rating-container-5:checked ~ .gates-of-olympus-6qcyxl > .gates-of-olympus-bff40k {
  transform: translateY(-500px);
}

#rating-0 {
  display: none;
}

label[for="rating-0"] {
  display: none;
}

.gates-of-olympus-dolyvx {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  text-decoration: none;
}

.gates-of-olympus-dolyvx.gates-of-olympus-6snife {
  display: none;
}

.gates-of-olympus-gnn1rl {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  height: 110px;
  border-radius: 30px 30px 0 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-gnn1rl {
    height: 74px;
    overflow: visible;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-gnn1rl {
    border-radius: 20px 20px 0 0;
  }
}

.gates-of-olympus-vlnrcc {
  max-width: 360px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 52px;
  gap: 16px;
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
  color: #fff;
  border-top-left-radius: 30px;
}

.gates-of-olympus-vlnrcc::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border: 20px solid transparent;
}

.gates-of-olympus-vlnrcc::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border: 20px solid transparent;
}

.gates-of-olympus-vlnrcc img {
  border-radius: 16px;
  overflow: hidden;
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-vlnrcc {
    max-width: 300px;
    padding: 0 10px;
    font-size: 16px;
  }
  .gates-of-olympus-vlnrcc img {
    max-width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-vlnrcc {
    max-width: 120px;
    font-size: 14px;
    border-top-left-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
    font-size: 14px;
  }
  .gates-of-olympus-vlnrcc img {
    max-width: 60px;
    border-radius: 7px;
  }
}

.gates-of-olympus-dlk1la {
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-dlk1la {
    font-size: 16px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-dlk1la {
    font-size: 14px;
  }
}

.gates-of-olympus-e8zvua {
  max-width: 360px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 52px 0 0;
  z-index: 2;
  overflow: hidden;
  border-top-right-radius: 30px;
}

.gates-of-olympus-e8zvua::before {
  content: "";
  position: absolute;
  left: 42px;
  top: 50%;
  transform: translateY(-50%);
  height: 410px;
  width: 388px;
  border-radius: 50%;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-e8zvua::before {
    left: 0;
    width: 137px;
    height: 145px;
  }
}

.gates-of-olympus-e8zvua::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 410px;
  width: 388px;
  border-radius: 50%;
  z-index: -2;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-e8zvua::after {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-e8zvua {
    max-width: 300px;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-e8zvua {
    max-width: 120px;
    border-top-right-radius: 20px;
  }
}

.gates-of-olympus-bayuxz {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-bayuxz {
    top: -20px;
  }
}

.gates-of-olympus-b60fxf {
  width: 220px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  color: #090909;
  font-size: 16px;
  font-weight: 700;
  transition: 0chicken-road-spynx9 ease-in-out;
  background: linear-gradient(138deg, #f2f55d 0%, #fbff21 74.32%);
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-b60fxf:hover {
    background: linear-gradient(138deg, #fbff21 0%, #f2f55d 74.32%);
  }
}

@media only screen and (max-width: 1023px) {
  .gates-of-olympus-b60fxf {
    width: 200px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-b60fxf {
    width: 90px;
    height: 40px;
  }
}

.gates-of-olympus-dolyvx.gates-of-olympus-tg8ojn .gates-of-olympus-gnn1rl {
  background: #2b3b67;
}

.gates-of-olympus-dolyvx.gates-of-olympus-tg8ojn .gates-of-olympus-vlnrcc {
  background: linear-gradient(138deg, #14193e 0%, #030045 74.32%);
}

.gates-of-olympus-dolyvx.gates-of-olympus-tg8ojn .gates-of-olympus-vlnrcc::before {
  border-top: 40px solid #2b3b67;
  border-right: 10px solid #2b3b67;
}

.gates-of-olympus-dolyvx.gates-of-olympus-tg8ojn .gates-of-olympus-vlnrcc::after {
  border-right: 10px solid #2b3b67;
  border-bottom: 36px solid #2b3b67;
}

.gates-of-olympus-dolyvx.gates-of-olympus-tg8ojn .gates-of-olympus-e8zvua::before {
  background: #0e0f41;
}

.gates-of-olympus-dolyvx.gates-of-olympus-tg8ojn .gates-of-olympus-e8zvua::after {
  background: #152557;
}

.gates-of-olympus-dolyvx.gates-of-olympus-9cnnh1 .gates-of-olympus-gnn1rl {
  background: #1f35fa;
}

.gates-of-olympus-dolyvx.gates-of-olympus-9cnnh1 .gates-of-olympus-vlnrcc {
  background: linear-gradient(138deg, #1d2ba5 0%, #3d22c4 74.32%);
}

.gates-of-olympus-dolyvx.gates-of-olympus-9cnnh1 .gates-of-olympus-vlnrcc::before {
  border-top: 40px solid #1f35fa;
  border-right: 10px solid #1f35fa;
}

.gates-of-olympus-dolyvx.gates-of-olympus-9cnnh1 .gates-of-olympus-vlnrcc::after {
  border-right: 10px solid #1f35fa;
  border-bottom: 36px solid #1f35fa;
}

.gates-of-olympus-dolyvx.gates-of-olympus-9cnnh1 .gates-of-olympus-e8zvua::before {
  background: linear-gradient(138deg, #1f35fa 0%, #4e17a5 74.32%);
}

.gates-of-olympus-dolyvx.gates-of-olympus-9cnnh1 .gates-of-olympus-e8zvua::after {
  background: #192ac8;
}

.gates-of-olympus-dolyvx.gates-of-olympus-h8sntf .gates-of-olympus-gnn1rl {
  background: #fa771f;
}

.gates-of-olympus-dolyvx.gates-of-olympus-h8sntf .gates-of-olympus-vlnrcc {
  background: linear-gradient(138deg, #ff5f1b 0%, #ff422d 74.32%);
}

.gates-of-olympus-dolyvx.gates-of-olympus-h8sntf .gates-of-olympus-vlnrcc::before {
  border-top: 40px solid #fa771f;
  border-right: 10px solid #fa771f;
}

.gates-of-olympus-dolyvx.gates-of-olympus-h8sntf .gates-of-olympus-vlnrcc::after {
  border-right: 10px solid #fa771f;
  border-bottom: 36px solid #fa771f;
}

.gates-of-olympus-dolyvx.gates-of-olympus-h8sntf .gates-of-olympus-e8zvua::before {
  background: linear-gradient(138deg, #ff5f1b 0%, #ff422d 74.32%);
}

.gates-of-olympus-dolyvx.gates-of-olympus-h8sntf .gates-of-olympus-e8zvua::after {
  background: #fa8535;
}

.gates-of-olympus-xmh3cq {
  max-width: 1110px;
  width: 100%;
  margin: 64px auto 100px;
}

@media only screen and (max-width: 1200px) {
  .gates-of-olympus-xmh3cq {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-xmh3cq {
    margin: 24px 0 60px;
  }
}

.gates-of-olympus-xmh3cq h1 {
  font-size: 60px;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-xmh3cq h1 {
    font-size: 26px;
    line-height: 110%;
    margin-bottom: 18px;
  }
}

.gates-of-olympus-uncnnr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 24px;
  background-color: var(--fh-bg-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-uncnnr {
    flex-direction: column;
    justify-content: center;
    padding: 20px 16px;
    margin-bottom: 16px;
  }
}

.gates-of-olympus-mx9r1e {
  display: flex;
  align-items: center;
  color: var(--text-color);
  gap: 6px;
  font-weight: 700;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-mx9r1e {
    display: block;
    text-align: center;
    margin: 0 auto 5px;
  }
}

.gates-of-olympus-rstwai {
  max-width: 200px;
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  cursor: pointer;
  text-decoration: none;
}

@media only screen and (min-width: 1025px) {
  .gates-of-olympus-rstwai:hover {
    background: var(--button-bg-hover);
  }
}

.gates-of-olympus-3d99j7 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gates-of-olympus-3d99j7 span {
  font-weight: 600;
  font-size: 24px;
  color: var(--text-color);
}

.gates-of-olympus-3d99j7 small {
  font-size: 14px;
  color: var(--text-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-3d99j7 {
    margin-bottom: 16px;
  }
}

.gates-of-olympus-45zuey {
  width: 120px;
  height: 22px;
}

.gates-of-olympus-45zuey .gates-of-olympus-cavx1w {
  fill: #c2c0ce;
}

.gates-of-olympus-45zuey [rating="1"] .gates-of-olympus-cavx1w:not(:nth-child(n + 2)) {
  fill: #ffbe16;
}

.gates-of-olympus-45zuey [rating="2"] .gates-of-olympus-cavx1w:not(:nth-child(n + 3)) {
  fill: #ffbe16;
}

.gates-of-olympus-45zuey [rating="3"] .gates-of-olympus-cavx1w:not(:nth-child(n + 4)) {
  fill: #ffbe16;
}

.gates-of-olympus-45zuey [rating="4"] .gates-of-olympus-cavx1w:not(:nth-child(n + 5)) {
  fill: #ffbe16;
}

.gates-of-olympus-45zuey [rating="5"] .gates-of-olympus-cavx1w:not(:nth-child(n + 6)) {
  fill: #ffbe16;
}

.gates-of-olympus-ncjmwh {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -10px;
  gap: 20px 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-ncjmwh {
    gap: 16px 0;
  }
}

.gates-of-olympus-dxi837 {
  max-width: calc(33.33333% - 20px);
  width: 100%;
  flex-basis: calc(33.33333% - 20px);
  border-radius: 10px;
  padding: 24px;
  margin: 0 10px;
  background: var(--fh-bg-color);
}

.gates-of-olympus-dxi837.gates-of-olympus-halhu8 {
  display: block;
}

.gates-of-olympus-dxi837.gates-of-olympus-6snife {
  display: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-dxi837 {
    max-width: 100%;
    flex-basis: auto;
    padding: 16px;
  }
}

.gates-of-olympus-pig7m2 {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.gates-of-olympus-p7ialy {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c2c0ce;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  margin-right: 10px;
  color: var(--fh-bg-color);
}

.gates-of-olympus-rt7719 {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  padding: 1px;
  width: 18px;
  height: 18px;
  background-color: var(--fh-bg-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.gates-of-olympus-edel4a small {
  font-size: 14px;
  display: block;
  color: var(--text-color);
}

.gates-of-olympus-edel4a span {
  font-weight: 600;
  font-size: 16px;
  display: block;
  color: var(--text-color);
}

.gates-of-olympus-o9972o {
  font-size: 16px;
  line-height: 140%;
}

.gates-of-olympus-bdb17r {
  width: 88px;
  height: 16px;
  margin-bottom: 14px;
}

.gates-of-olympus-bdb17r .gates-of-olympus-cavx1w {
  fill: #c2c0ce;
}

.gates-of-olympus-bdb17r [rating="1"] .gates-of-olympus-cavx1w:not(:nth-child(n + 2)) {
  fill: #ffbe16;
}

.gates-of-olympus-bdb17r [rating="2"] .gates-of-olympus-cavx1w:not(:nth-child(n + 3)) {
  fill: #ffbe16;
}

.gates-of-olympus-bdb17r [rating="3"] .gates-of-olympus-cavx1w:not(:nth-child(n + 4)) {
  fill: #ffbe16;
}

.gates-of-olympus-bdb17r [rating="4"] .gates-of-olympus-cavx1w:not(:nth-child(n + 5)) {
  fill: #ffbe16;
}

.gates-of-olympus-bdb17r [rating="5"] .gates-of-olympus-cavx1w:not(:nth-child(n + 6)) {
  fill: #ffbe16;
}

.gates-of-olympus-iwzobh {
  max-width: 214px;
  height: 46px;
  font-size: 16px;
  margin: 32px auto 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-iwzobh {
    margin: 18px auto 0;
  }
}

/* Review Hero Block Styles */

.gates-of-olympus-7m6kr7 {
  max-width: 1110px;
  width: 100%;
  margin: 32px auto;
}

@media screen and (max-width: 1200px) {
  .gates-of-olympus-7m6kr7 {
    padding: 0 16px;
  }
}

.gates-of-olympus-uea9tv {
  font-size: 60px;
  font-weight: 700;
  line-height: 110%;
  color: var(--title-color);
  text-align: center;
  max-width: 985px;
  width: 100%;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-uea9tv {
    font-size: 26px;
    margin-bottom: 18px;
  }
}

.gates-of-olympus-rnn0zk {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 24px;
  padding: 16px;
  border-radius: 10px;
  background-color: var(--fh-bg-color);
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-rnn0zk {
    padding: 12px;
    gap: 12px;
  }
}

.gates-of-olympus-eenetl {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.gates-of-olympus-eenetl img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gates-of-olympus-80ekaf {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--button-bg-color) 0%,
    var(--button-bg-hover) 100%
  );
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.gates-of-olympus-3j4u3a {
  flex: 1;
  min-width: 0;
}

.gates-of-olympus-pltwl1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-pltwl1 {
    font-size: 14px;
    gap: 6px;
  }
}

.gates-of-olympus-840lyt {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.gates-of-olympus-840lyt svg,
.gates-of-olympus-840lyt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gates-of-olympus-840lyt svg path {
  fill: var(--button-bg-color);
}

.gates-of-olympus-840lyt svg circle {
  fill: var(--button-text-color);
}

.gates-of-olympus-6x311i {
  font-size: 14px;
  color: var(--text-color);
  opacity: 0.7;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-6x311i {
    font-size: 12px;
  }
}

.gates-of-olympus-6x311i strong {
  font-weight: 600;
}

.gates-of-olympus-00d9cf {
  font-size: 16px;
  line-height: 160%;
  color: var(--text-color);
  margin: 0;
}

.gates-of-olympus-00d9cf p {
  margin: 0 0 16px;
}

.gates-of-olympus-00d9cf p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-00d9cf {
    font-size: 14px;
    line-height: 150%;
  }
}

.gates-of-olympus-1dreky {
  max-width: 300px;
  width: 100%;
}

.gates-of-olympus-1dreky a {
  width: 100%;
}

@media (max-width: 575px) {
  .gates-of-olympus-1dreky {
    max-width: 200px;
  }
}

.gates-of-olympus-l45yvp {
  justify-content: center;
}

.gates-of-olympus-c6qho4 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gates-of-olympus-5405qr {
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-u4sce5 {
    padding: 0 0 50px;
    justify-content: center;
  }
}

.gates-of-olympus-dos4fd {
  padding: 5px 0;
  justify-content: center;
  background: color-mix(in srgb, var(--fh-bg-color), transparent 20%);
}

.gates-of-olympus-dos4fd .gates-of-olympus-g5tv33 {
  justify-content: center;
}

/* faq */

.gates-of-olympus-qqr36s {
  margin-bottom: 10px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  user-select: none;
}

.gates-of-olympus-plxb9h {
  color: var(--text-color);
  width: 100%;
  text-align: left;
  padding: 15px 20px;
  font-size: 20px;
  font-weight: 500;
  background: var(--table-1-color);
  border: none;
  outline: none;
  cursor: pointer;
  transition: background 0chicken-road-g01ksq ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gates-of-olympus-plxb9h::after {
  content: "+";
  font-weight: bold;
  transition: transform 0chicken-road-g01ksq ease;
}

.gates-of-olympus-qqr36s.gates-of-olympus-mml488 .gates-of-olympus-plxb9h::after {
  transform: rotate(45deg);
}

.gates-of-olympus-oq9e91 {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0chicken-road-spynx9 ease,
    padding 0chicken-road-spynx9 ease;
  padding: 0 20px;
  background: var(--table-2-color);
}

.gates-of-olympus-qqr36s.gates-of-olympus-mml488 .gates-of-olympus-oq9e91 {
  max-height: 100%;
  padding: 15px 20px;
}
/* faq end */

/* review block style */

.gates-of-olympus-axoium {
  margin: 25px 0;
}

.gates-of-olympus-lh7qr7 > input:not(:checked) ~ label:hover,
.gates-of-olympus-lh7qr7 > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.gates-of-olympus-dmyoij.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.gates-of-olympus-4izk95 44.gates-of-olympus-fb9t1m.gates-of-olympus-jemxz1.gates-of-olympus-g8hd2k.gates-of-olympus-a2f2wn.gates-of-olympus-qjucot.gates-of-olympus-96u8qr.gates-of-olympus-qilutr.gates-of-olympus-513m3c.gates-of-olympus-u7dcwc.gates-of-olympus-zg6j1c.gates-of-olympus-8xtj13.gates-of-olympus-t6dbys 0l-12.gates-of-olympus-405yik 30.gates-of-olympus-dptiyx.gates-of-olympus-quwh3m 2.gates-of-olympus-imq8al.gates-of-olympus-quwh3m 3.gates-of-olympus-dngrgl 3.gates-of-olympus-os8bnz.gates-of-olympus-asve5c 3.gates-of-olympus-fvsgwu.gates-of-olympus-hvf2yf.gates-of-olympus-277izd.gates-of-olympus-0bt8k0 7-3.gates-of-olympus-405yik 10.gates-of-olympus-kg5gry.gates-of-olympus-0bt8k0 23.gates-of-olympus-ibuucf.gates-of-olympus-dayrkt 1.gates-of-olympus-bddr44 2.gates-of-olympus-405yik 3.gates-of-olympus-dayrkt 1.gates-of-olympus-asve5c 5.gates-of-olympus-53frki.gates-of-olympus-asve5c 32.gates-of-olympus-y8r6ux.gates-of-olympus-hvf2yf 5.gates-of-olympus-t6dbys 4.gates-of-olympus-0bt8k0 9.gates-of-olympus-0bt8k0 8.gates-of-olympus-asve5c 6.gates-of-olympus-gnux5n.gates-of-olympus-d5a2rx.gates-of-olympus-4hk4lh.gates-of-olympus-yrko04.gates-of-olympus-b7ngyk 4.gates-of-olympus-s1cohy.gates-of-olympus-b7ngyk 6.gates-of-olympus-b7ngyk 0l29.gates-of-olympus-t6dbys 17.gates-of-olympus-pdhxbz.gates-of-olympus-vqko0x 2.gates-of-olympus-37yki0 10.gates-of-olympus-uv91dr.gates-of-olympus-405yik 8.gates-of-olympus-wo9wf9.gates-of-olympus-jtly1w.gates-of-olympus-vh74z3.gates-of-olympus-bbaajk.gates-of-olympus-chf3wb.gates-of-olympus-hvf2yf.gates-of-olympus-qjucot.gates-of-olympus-405yik 1.gates-of-olympus-eojzvo.gates-of-olympus-0bs2gi.gates-of-olympus-m6jiuf.gates-of-olympus-r09fgh.gates-of-olympus-724s5r.gates-of-olympus-bddr44 1.gates-of-olympus-l1tgls.gates-of-olympus-6aqmc9.5z'/%3e%3c/svg%3e");
}

.gates-of-olympus-og359j {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -10px;
  gap: 20px 0;
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-og359j {
    gap: 16px 0;
  }
}

.gates-of-olympus-u3p6cb {
  max-width: calc(33.33333% - 20px);
  width: 100%;
  flex-basis: calc(33.33333% - 20px);
  border-radius: 10px;
  padding: 24px;
  margin: 0 10px;
  background: var(--fh-bg-color);
}

.gates-of-olympus-u3p6cb.gates-of-olympus-ddjwbt {
  display: block;
}

.gates-of-olympus-u3p6cb.gates-of-olympus-m9cfrm {
  display: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-u3p6cb {
    max-width: 100%;
    flex-basis: auto;
    padding: 16px;
  }
}

.gates-of-olympus-kg3aff {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.gates-of-olympus-j6ouwo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c2c0ce;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  margin-right: 10px;
  color: var(--fh-bg-color);
}

.gates-of-olympus-x4efk0 {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  padding: 1px;
  width: 18px;
  height: 18px;
  background-color: var(--fh-bg-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.gates-of-olympus-krt8vw small {
  font-size: 14px;
  display: block;
  color: var(--text-color);
}

.gates-of-olympus-krt8vw span {
  font-weight: 600;
  font-size: 16px;
  display: block;
  color: var(--text-color);
}

.gates-of-olympus-dzlmqy {
  font-size: 16px;
  line-height: 140%;
}

.gates-of-olympus-xqlafd {
  width: 88px;
  height: 16px;
  margin-bottom: 14px;
}

.gates-of-olympus-xqlafd .gates-of-olympus-f5c4ij {
  fill: #c2c0ce;
}

.gates-of-olympus-xqlafd [rating="1"] .gates-of-olympus-f5c4ij:not(:nth-child(n + 2)) {
  fill: #ffbe16;
}

.gates-of-olympus-xqlafd [rating="2"] .gates-of-olympus-f5c4ij:not(:nth-child(n + 3)) {
  fill: #ffbe16;
}

.gates-of-olympus-xqlafd [rating="3"] .gates-of-olympus-f5c4ij:not(:nth-child(n + 4)) {
  fill: #ffbe16;
}

.gates-of-olympus-xqlafd [rating="4"] .gates-of-olympus-f5c4ij:not(:nth-child(n + 5)) {
  fill: #ffbe16;
}

.gates-of-olympus-xqlafd [rating="5"] .gates-of-olympus-f5c4ij:not(:nth-child(n + 6)) {
  fill: #ffbe16;
}

/* review block style end */

.gates-of-olympus-k4u5q3 {
  padding: 16px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--fh-bg-color);
  font-family: sans-serif;
}

.gates-of-olympus-k4u5q3 textarea {
  width: 100%;
  height: 80px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  resize: none;
  box-sizing: border-box;
  font-size: 18px;
}

.gates-of-olympus-k4u5q3 button {
  margin-top: 10px;
  padding: 8px 16px;
  background: var(--button-bg-color);
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

@media (max-width: 576px) {
  table {
    word-break: break-all;
  }
}

/* up */

.gates-of-olympus-5lrujy {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  font-size: 22px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  background: var(--button-bg-color);
  color: var(--button-text-color);
}

.gates-of-olympus-5lrujy.gates-of-olympus-p7bdaa {
  opacity: 1;
  pointer-events: auto;
}

/* review */
/* review */
.gates-of-olympus-c50pcd {
  margin: 25px 0;
}

.gates-of-olympus-2r7xsi > input:not(:checked) ~ label:hover,
.gates-of-olympus-2r7xsi > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.gates-of-olympus-scv3qh.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.gates-of-olympus-jhhen3 44.gates-of-olympus-jtibio.gates-of-olympus-q0vh06.gates-of-olympus-ewa463.gates-of-olympus-rgvmvy.gates-of-olympus-yrwhm4.gates-of-olympus-lo3m8b.gates-of-olympus-8ui186.gates-of-olympus-7hm07n.gates-of-olympus-x52niw.gates-of-olympus-p8tuch.gates-of-olympus-qzftyn.gates-of-olympus-sqfjt4 0l-12.gates-of-olympus-qvnrm6 30.gates-of-olympus-m2snrh.gates-of-olympus-yd6dzh 2.gates-of-olympus-dve76q.gates-of-olympus-yd6dzh 3.gates-of-olympus-m9mpdf 3.gates-of-olympus-pjvph1.gates-of-olympus-krutwn 3.gates-of-olympus-9zcmjr.gates-of-olympus-pi5uz9.gates-of-olympus-3c0ced.gates-of-olympus-behgt3 7-3.gates-of-olympus-qvnrm6 10.gates-of-olympus-prf6ts.gates-of-olympus-behgt3 23.gates-of-olympus-vwokny.gates-of-olympus-oi4sfo 1.gates-of-olympus-l47266 2.gates-of-olympus-qvnrm6 3.gates-of-olympus-oi4sfo 1.gates-of-olympus-krutwn 5.gates-of-olympus-mz5ut3.gates-of-olympus-krutwn 32.gates-of-olympus-cb07tx.gates-of-olympus-pi5uz9 5.gates-of-olympus-sqfjt4 4.gates-of-olympus-behgt3 9.gates-of-olympus-behgt3 8.gates-of-olympus-krutwn 6.gates-of-olympus-6qtubk.gates-of-olympus-cb7rwc.gates-of-olympus-86hx4l.gates-of-olympus-uh94tt.gates-of-olympus-2k1lxo 4.gates-of-olympus-htv1n5.gates-of-olympus-2k1lxo 6.gates-of-olympus-2k1lxo 0l29.gates-of-olympus-sqfjt4 17.gates-of-olympus-v4a939.gates-of-olympus-p4ji7h 2.gates-of-olympus-c93bln 10.gates-of-olympus-9shbr9.gates-of-olympus-qvnrm6 8.gates-of-olympus-e4fnop.gates-of-olympus-l6tkdp.gates-of-olympus-awil3n.gates-of-olympus-aafz02.gates-of-olympus-5i7cjq.gates-of-olympus-pi5uz9.gates-of-olympus-yrwhm4.gates-of-olympus-qvnrm6 1.gates-of-olympus-l1f8xz.gates-of-olympus-8r65lr.gates-of-olympus-gy72b0.gates-of-olympus-tjwigc.gates-of-olympus-eheap8.gates-of-olympus-l47266 1.gates-of-olympus-gd23sk.gates-of-olympus-wk7ond.5z'/%3e%3c/svg%3e");
}

.gates-of-olympus-feq522 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -10px;
  gap: 20px 0;
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-feq522 {
    gap: 16px 0;
  }
}

.gates-of-olympus-bbxhbh {
  max-width: calc(33.33333% - 20px);
  width: 100%;
  flex-basis: calc(33.33333% - 20px);
  border-radius: 10px;
  padding: 24px;
  margin: 0 10px;
  background: var(--fh-bg-color);
}

.gates-of-olympus-bbxhbh.gates-of-olympus-f298eo {
  display: block;
}

.gates-of-olympus-bbxhbh.gates-of-olympus-ulmj92 {
  display: none;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-bbxhbh {
    max-width: 100%;
    flex-basis: auto;
    padding: 16px;
  }
}

.gates-of-olympus-jv1tgj {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.gates-of-olympus-8lqtum {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c2c0ce;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  margin-right: 10px;
  color: var(--fh-bg-color);
}

.gates-of-olympus-z3f33z {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  padding: 1px;
  width: 18px;
  height: 18px;
  background-color: var(--fh-bg-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.gates-of-olympus-0cp0e4 small {
  font-size: 14px;
  display: block;
  color: var(--text-color);
}

.gates-of-olympus-0cp0e4 span {
  font-weight: 600;
  font-size: 16px;
  display: block;
  color: var(--text-color);
}

.gates-of-olympus-o53er6 {
  font-size: 16px;
  line-height: 140%;
}

.gates-of-olympus-3ztavm {
  width: 88px;
  height: 16px;
  margin-bottom: 14px;
}

.gates-of-olympus-3ztavm .gates-of-olympus-2cx8gq {
  fill: #c2c0ce;
}

.gates-of-olympus-3ztavm [rating="1"] .gates-of-olympus-2cx8gq:not(:nth-child(n + 2)) {
  fill: #ffbe16;
}

.gates-of-olympus-3ztavm [rating="2"] .gates-of-olympus-2cx8gq:not(:nth-child(n + 3)) {
  fill: #ffbe16;
}

.gates-of-olympus-3ztavm [rating="3"] .gates-of-olympus-2cx8gq:not(:nth-child(n + 4)) {
  fill: #ffbe16;
}

.gates-of-olympus-3ztavm [rating="4"] .gates-of-olympus-2cx8gq:not(:nth-child(n + 5)) {
  fill: #ffbe16;
}

.gates-of-olympus-3ztavm [rating="5"] .gates-of-olympus-2cx8gq:not(:nth-child(n + 6)) {
  fill: #ffbe16;
}

.gates-of-olympus-nxzlbn {
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  white-space: nowrap;
  height: 42px;
  border-radius: 6px;
  font-size: 16px;
  background: var(--registr-btn);
  color: var(--button-text-color);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  margin-left: 10px;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
@media only screen and (min-width: 1025px) {
  .gates-of-olympus-nxzlbn:hover {
    background: var(--registr-btn);
  }
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-nxzlbn {
    height: 38px;
    max-width: none;
    width: auto;
    padding: 0 10px;
    white-space: normal;
    text-align: center;
  }
}

/* scroll */
.gates-of-olympus-zftyz4 {
  overflow: hidden;
  width: 100%;
  margin-top: 50px;
  position: relative;
}

.gates-of-olympus-feq522 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px 0;
  width: calc(100% / 3 * 4);
  transition: transform 0chicken-road-8b09xf ease-in-out;
  margin: 0;
}

.gates-of-olympus-bbxhbh {
  max-width: calc(25% - 20px);
  width: 100%;
  flex-basis: calc(25% - 20px);
  border-radius: 10px;
  padding: 24px;
  margin: 0 10px;
  background: var(--fh-bg-color);
  box-sizing: border-box;
}
.gates-of-olympus-bbxhbh.gates-of-olympus-f298eo {
  display: block;
}

.gates-of-olympus-kiyx4n {
  z-index: 10;
  background: var(--button-bg-color);
  color: #000;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s;
}

.gates-of-olympus-92q20l {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

.gates-of-olympus-kiyx4n:hover:not(:disabled) {
  background: var(--button-bg-hover);
}

#review-prev {
  left: 10px;
}
#review-next {
  right: 10px;
}

.gates-of-olympus-kiyx4n:disabled {
  background: rgba(0, 0, 0, 0.1);
  color: #ccc;
  cursor: not-allowed;
}

@media only screen and (max-width: 767px) {
  .gates-of-olympus-feq522 {
    width: 800%;
    flex-wrap: nowrap;
    gap: 0;
  }

  .gates-of-olympus-bbxhbh {
    max-width: calc(100% / 8);
    flex-basis: calc(100% / 8);
    margin: 0;
    padding: 16px;
    margin-right: 5px;
  }

  .gates-of-olympus-kiyx4n {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  #review-prev {
    left: 5px;
  }
  #review-next {
    right: 5px;
  }
}

.gates-of-olympus-f4xbvn {
  margin-bottom: 10px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--table-1-color);
  background: linear-gradient(180deg, #06affd 0%, #0077ff 100%);
}

.gates-of-olympus-qc47sw {
  width: 100%;
  text-align: left;
  padding: 15px 20px;
  font-size: 20px;
  font-weight: 500;
  background: linear-gradient(180deg, #069afd 0%, #00c3ff 100%);
  border: none;
  outline: none;
  cursor: pointer;
  transition: background 0fishroad-dfa17m ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gates-of-olympus-qc47sw::after {
  content: "+";
  font-weight: bold;
  transition: transform 0fishroad-dfa17m ease;
}

.gates-of-olympus-f4xbvn.gates-of-olympus-ewi0yn .gates-of-olympus-qc47sw::after {
  transform: rotate(45deg);
}

.gates-of-olympus-qc47sw:hover {
  background: rgba(255, 255, 255, 0.3);
}

.gates-of-olympus-cj7m22 {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0fishroad-ivv94k ease,
    padding 0fishroad-ivv94k ease;
  padding: 0 20px;
  background: linear-gradient(180deg, #059bc0 0%, #0995b8 100%);
}

.gates-of-olympus-f4xbvn.gates-of-olympus-ewi0yn .gates-of-olympus-cj7m22 {
  max-height: 100%;
  padding: 15px 20px;
}

@media (max-width: 576px) {
  table {
    word-break: break-all;
  }
}

.gates-of-olympus-fgq4gc {
  position: absolute;
  max-width: 100px;
  width: 100%;
  left: 10px;
}

.gates-of-olympus-fgq4gc img {
  position: absolute;
  top: -125px;
}

@media (max-width: 992px) {
  .gates-of-olympus-fgq4gc img {
    position: absolute;
    top: -70px;
  }
}

@media (max-width: 601px) {
  .gates-of-olympus-myg9pz .gates-of-olympus-x3ytpg img {
    margin-top: -150px !important;
  }

  .gates-of-olympus-22ghxz {
    max-width: 160px;
    position: absolute;
    top: 65px;
    left: 25px;
  }
}

.gates-of-olympus-u8h3u6 {
  margin-bottom: 25px;
}

.gates-of-olympus-u8h3u6 iframe {
  width: 100%;
  height: 500px;
}

/* popup */

.gates-of-olympus-iob50c {
  width: 90%;
  position: fixed;
  bottom: -120px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../other/bg.webp);
  background-size: cover;
  background-position: center calc(100% - 522px);
  color: #fff;
  border-radius: 8px;
  transition: bottom 0.gates-of-olympus-lnyjwh ease;
  z-index: 9999;
  user-select: none;
  height: 75px;
  border: 1px solid rgb(70, 70, 70);
}

.gates-of-olympus-ah7rga {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.gates-of-olympus-ah7rga p {
  color: #fff900;
  font-weight: 600;
  font-size: 20px;
  margin: 0;
  font-family: Tahoma;

  z-index: -1;
  background: rgb(0 0 0 / 32%);
  height: 73px;
  padding: 25px;
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  backdrop-filter: blur(5px);
}

.gates-of-olympus-ah7rga button {
  z-index: 2;
}

.gates-of-olympus-iob50c.gates-of-olympus-55m5b5 {
  bottom: 40px;
}

.gates-of-olympus-b8h59e {
  position: absolute;
  bottom: 10px;
  left: 0;
  animation: move-x 7s linear infinite;
  pointer-events: none;
}

.gates-of-olympus-acoz7c {
  width: 18vw;
  max-width: 80px;
  min-width: 45px;
  animation: jump-y 0.gates-of-olympus-0eqkcg infinite ease-in-out;
  transform-origin: center bottom;
  user-select: none;
}

@keyframes move-x {
  from {
    transform: translateX(-30vw);
  }
  to {
    transform: translateX(130vw);
  }
}

@keyframes jump-y {
  0% {
    transform: translateY(0) rotate(0deg);
  }

  25% {
    transform: translateY(-18px) rotate(-8deg);
  }

  50% {
    transform: translateY(-22px) rotate(-5deg);
  }

  75% {
    transform: translateY(-10px) rotate(6deg);
  }

  100% {
    transform: translateY(0) rotate(0deg);
  }
}

.gates-of-olympus-q1w9xt {
  position: absolute;
  top: -15px;
  right: -15px;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  color: #fff;
  font-size: 20px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  user-select: none;
  transition: background 0.gates-of-olympus-p29nof ease;
  z-index: 10000;
}

.gates-of-olympus-q1w9xt:hover {
  background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 650px) {
  .gates-of-olympus-ah7rga p {
    font-size: 16px;
    padding: 17px 15px 15px 15px;
    text-align: center;
  }

  .gates-of-olympus-ah7rga .gates-of-olympus-vjpq38 {
    font-size: 13.5px;
  }

  .gates-of-olympus-iob50c .gates-of-olympus-acoz7c {
    animation: jump-y 0.gates-of-olympus-0eqkcg infinite ease-in-out;
  }

  .gates-of-olympus-jc18s8 {
    display: none;
  }
}

.gates-of-olympus-iiw9lr {
  position: absolute;
  width: 50px;
  height: auto;
  animation: rocket-fly 6s linear infinite;
  pointer-events: none;
  user-select: none;
  opacity: 0.9;
}

.gates-of-olympus-1vvlmh {
  top: 10px;
  animation-duration: 7s;
}

.gates-of-olympus-vhtjef {
  bottom: 10px;
  animation-duration: 5s;
}

@keyframes rocket-fly {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-200px);
  }
}

.gates-of-olympus-vc1532 {
  position: absolute;
  width: 120px;
  opacity: 1;
  pointer-events: none;
}

.gates-of-olympus-jc18s8 {
  max-width: 50px;
  top: -15px;
  left: 5%;
  z-index: 1;
  animation:
    cloud-drift 10s ease-in-out infinite,
    cloud-float 8s ease-in-out infinite;
}

.gates-of-olympus-4rizjv {
  max-width: 50px;
  top: 50px;
  left: 40%;
  animation:
    cloud-drift 10s ease-in-out infinite,
    cloud-float 6s ease-in-out infinite;
}

.gates-of-olympus-9ia92o {
  max-width: 75px;
  top: -15px;
  left: 90%;
  animation:
    cloud-drift 10s ease-in-out infinite,
    cloud-float 3s ease-in-out infinite;
}

@keyframes cloud-drift {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes cloud-float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0px);
  }
}

.gates-of-olympus-80z6vl {
  position: absolute;
  color: #12e05b;
  font-weight: 700;
  font-size: 18px;
  opacity: 1;
  pointer-events: none;
  transform-origin: center;
  animation: moneyFade 2s ease-out forwards;
}

@keyframes moneyFade {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px) scale(1.3);
  }
}

.gates-of-olympus-a0amp9 {
  background: #fdcd0670;
  border-radius: 25px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.gates-of-olympus-a0amp9 .gates-of-olympus-rzcsto {
  display: flex;
  align-items: center;
}

.gates-of-olympus-lgyq31 {
  display: flex;
  flex-direction: column;
}

.gates-of-olympus-2xzidq {
  max-width: 175px;
  width: 100%;
  margin-right: 15px;
  padding: 25px;
  background: #fff;
  border-radius: 25px;
}

.gates-of-olympus-4l1edk {
  max-width: 300px;
  width: 100%;
}

.gates-of-olympus-0a2gcw {
  max-width: 280px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  white-space: nowrap;
  height: 42px;
  border-radius: 6px;
  font-size: 16px;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  border: 1px solid black;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  margin-left: 10px;
}

@media (max-width: 925px) {
  .gates-of-olympus-a0amp9 {
    flex-direction: column;
  }

  .gates-of-olympus-rzcsto {
    flex-direction: column;
    margin-bottom: 15px;
  }

  .gates-of-olympus-lgyq31 {
    text-align: center;
  }

  .gates-of-olympus-a0amp9 h3 {
    margin-bottom: 0 !important;
  }
}

.gates-of-olympus-tm41r9 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 42px;
  border-radius: 6px;
  font-size: 16px;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  margin-left: 10px;
}

@media (max-width: 501px) {
  .gates-of-olympus-tm41r9 {
    font-size: 12px;
  }
}

.gates-of-olympus-b9q65q {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 42px;
  border-radius: 6px;
  font-size: 16px;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  margin-left: 10px;
}

.gates-of-olympus-m56rqe {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-m56rqe {
    flex-direction: column;
  }
}

.gates-of-olympus-1go7na {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.gates-of-olympus-dpcq23 li:first-child {
  margin-bottom: 10px;
}

.gates-of-olympus-dpcq23 a {
  color: #000;
}

.gates-of-olympus-akwah4 {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .gates-of-olympus-akwah4 {
    align-items: center;
  }

  .gates-of-olympus-3gf4ia {
    flex-direction: column;
  }
}

.gates-of-olympus-4mpldj {
  font-size: 16px;
  color: gray;
  text-align: center;
  max-width: 500px;
  width: 100%;
}

.gates-of-olympus-umcdwj img {
  max-width: 75px;
  width: 100%;
  margin-right: 20px;
}

.gates-of-olympus-udtr0z {
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  justify-content: center;
}

.gates-of-olympus-udtr0z a {
  background-color: var(--button-bg-color);
  color: white;
  border: none;
  cursor: pointer;
  transition: background 0.gates-of-olympus-cmufdv ease;
  padding: 20px 50px;
  text-decoration: none;
  font-weight: bold;
}
.gates-of-olympus-udtr0z a:hover {
  text-decoration: none;

  background-color: var(--button-bg-hover);
}

.gates-of-olympus-vxyczy {
  max-width: 1110px;
  width: 100%;
  list-style: none;
  margin: 30px auto;
  padding: 0;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .gates-of-olympus-vxyczy {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-vxyczy {
    margin: 15px auto;
  }
}
.gates-of-olympus-vxyczy li {
  font-size: 16px;
  position: relative;
}
.gates-of-olympus-vxyczy li a {
  color: var(--text-color);
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .gates-of-olympus-vxyczy li a:hover {
    text-decoration: underline;
  }
}
.gates-of-olympus-vxyczy li span {
  opacity: 0.5;
}
.gates-of-olympus-vxyczy li + li {
  margin-left: 30px;
}
.gates-of-olympus-vxyczy li + li::before {
  content: "-";
  left: -20px;
  top: 50%;
  font-size: 20px;
  transform: translateY(-50%);
  color: var(--text-color);
  position: absolute;
}

.gates-of-olympus-2asccg {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 100px;
}
@media only screen and (max-width: 991px) {
  .gates-of-olympus-2asccg {
    padding: 0 16px;
    margin: 0 auto 80px;
  }
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-2asccg {
    padding: 0 16px;
    margin: 0 auto 60px;
  }
}

.gates-of-olympus-8qu2yq {
  max-width: 794px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-8qu2yq {
    flex-direction: column;
  }
}
.gates-of-olympus-cvpz4k {
  max-width: 370px;
  width: 100%;
  max-width: 370px;
  overflow: hidden;
  border-radius: 10px;
  margin-right: 24px;
}
.gates-of-olympus-cvpz4k img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-cvpz4k {
    flex-basis: auto;
    margin: 0 auto 16px;
  }
}
.gates-of-olympus-anbxrg {
  max-width: 400px;
  width: 100%;
  flex-basis: 400px;
}
.gates-of-olympus-anbxrg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-anbxrg ul {
    margin-bottom: 15px;
  }
}
.gates-of-olympus-anbxrg ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.gates-of-olympus-anbxrg ul li span {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 22px;
  color: var(--title-color);
}
.gates-of-olympus-anbxrg ul li span svg {
  fill: var(--title-color);
}
.gates-of-olympus-anbxrg ul li small {
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #c2c0ce;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-anbxrg ul li small {
    font-size: 12px;
  }
}
.gates-of-olympus-anbxrg ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 22px;
  background: #c2c0ce;
}
.gates-of-olympus-anbxrg ul li:last-of-type::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-anbxrg {
    flex-basis: auto;
    margin: 0 auto;
  }
}
.gates-of-olympus-vl4553 {
  font-weight: 700;
  font-size: 26px;
  line-height: 110%;
  margin-bottom: 24px;
  color: var(--title-color);
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-vl4553 {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.gates-of-olympus-c2qxvs {
  display: flex;
  align-items: center;
  margin: 0 -5px;
}
.gates-of-olympus-nd9kbe {
  width: 100%;
  height: 52px;
  border-radius: 6px;
  margin: 0 5px;
  background-color: #fff;
  transition: 0c2qtskg ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-nd9kbe {
    height: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  .gates-of-olympus-nd9kbe:hover {
    box-shadow: 0px 2px 16px 0px rgba(255, 255, 255, 0.5);
  }
}
.gates-of-olympus-nd9kbe.gates-of-olympus-dqi75a {
  background-color: #000;
}
@media only screen and (min-width: 1025px) {
  .gates-of-olympus-nd9kbe.gates-of-olympus-dqi75a:hover {
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  }
}

.gates-of-olympus-qqq3jc {
  padding: 10px 0 0;
  background: var(--fh-bg-color);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1200px) {
  .gates-of-olympus-qqq3jc {
    padding: 80px 16px 0;
  }
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-qqq3jc {
    padding: 50px 16px 68px;
  }
}
.gates-of-olympus-nzfjsl {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-nzfjsl {
    flex-direction: column;
  }
}
.gates-of-olympus-coo9zt {
  margin-bottom: 94px;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-coo9zt {
    margin-bottom: 40px;
  }
}
.gates-of-olympus-b8imue .gates-of-olympus-u28up6 {
  margin-bottom: 28px;
}
.gates-of-olympus-b8imue .gates-of-olympus-u28up6 img {
  max-height: 100px;
  width: auto;
}
.gates-of-olympus-jvdb3e {
  display: flex;
  align-items: center;
}
.gates-of-olympus-jvdb3e a + a {
  margin-left: 24px;
}
.gates-of-olympus-jvdb3e img {
  max-height: 56px;
  width: auto;
}
.gates-of-olympus-jvdb3e img + img {
  margin-left: 24px;
}
.gates-of-olympus-utkesd {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 40px;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-utkesd {
    padding: 0 0 50px;
    justify-content: flex-start;
  }
}
.gates-of-olympus-jehzsi {
  display: flex;
  align-items: flex-start;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-jehzsi {
    margin: 40px 0 0;
    flex-direction: column;
  }
}

@media (max-width: 576px) {
  table {
    word-break: break-all;
  }
}

.gates-of-olympus-n6nm4o {
  background: white;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: -2px 1px 8px 5px rgba(0, 0, 0, 0.1);
}

.gates-of-olympus-n6nm4o label {
  font-size: 14px;
}

.gates-of-olympus-n6nm4o h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.gates-of-olympus-n6nm4o input,
.gates-of-olympus-n6nm4o textarea,
.gates-of-olympus-n6nm4o button {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 1rem;
}
.gates-of-olympus-n6nm4o button {
  background-color: var(--button-bg-color);
  color: white;
  border: none;
  cursor: pointer;
  transition: background 0.gates-of-olympus-p29nof ease;
}
.gates-of-olympus-n6nm4o button:hover {
  background-color: var(--button-bg-hover);
}
.gates-of-olympus-due6pg {
  text-align: center;
  color: green;
  font-weight: 500;
  padding: 50px 0;
  animation: fadeIn 0.gates-of-olympus-mnneul ease-in;
}

.gates-of-olympus-due6pg h2 {
  color: green;
  font-weight: 500;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#reviews .gates-of-olympus-5picss {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}

#reviews .gates-of-olympus-5picss > div {
  display: none;
  padding: 20px;
  background: var(--fh-bg-color);
  border: 1px solid var(--border-color);
  flex: 1;
}

#reviews .gates-of-olympus-5picss > div.gates-of-olympus-mqgo02 {
  display: block;
  width: 100%;
  max-width: 300px;
}

#reviews button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 835px) {
  #reviews .gates-of-olympus-5picss > div.gates-of-olympus-mqgo02 {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

.gates-of-olympus-lpnc2o {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  white-space: nowrap;
  height: 42px;
  border-radius: 6px;
  font-size: 16px;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  margin: 18px auto;
  max-width: 300px;
}

@media (max-width: 765px) {
  .gates-of-olympus-htofo4 .gates-of-olympus-4f7voy a {
    font-size: 12px;
  }
}

/* app */
.gates-of-olympus-jn11j8 {
  max-width: 794px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-jn11j8 {
    flex-direction: column;
  }
}
.gates-of-olympus-57vbtn {
  max-width: 370px;
  width: 100%;
  max-width: 370px;
  overflow: hidden;
  border-radius: 10px;
  margin-right: 24px;
}
.gates-of-olympus-57vbtn img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-57vbtn {
    flex-basis: auto;
    margin: 0 auto 16px;
  }
}
.gates-of-olympus-0otg7k {
  max-width: 400px;
  width: 100%;
  flex-basis: 400px;
}
.gates-of-olympus-0otg7k ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-0otg7k ul {
    margin-bottom: 15px;
  }
}
.gates-of-olympus-0otg7k ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.gates-of-olympus-0otg7k ul li span {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 22px;
  color: var(--title-color);
}
.gates-of-olympus-0otg7k ul li span svg {
  fill: var(--title-color);
}
.gates-of-olympus-0otg7k ul li small {
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #c2c0ce;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-0otg7k ul li small {
    font-size: 12px;
  }
}
.gates-of-olympus-0otg7k ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 22px;
  background: #c2c0ce;
}
.gates-of-olympus-0otg7k ul li:last-of-type::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-0otg7k {
    flex-basis: auto;
    margin: 0 auto;
  }
}
.gates-of-olympus-78m9yu {
  font-weight: 700;
  font-size: 26px;
  line-height: 110%;
  margin-bottom: 24px;
  color: var(--title-color);
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-78m9yu {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.gates-of-olympus-ugz8gz {
  display: flex;
  align-items: center;
  margin: 0 -5px;
}
.gates-of-olympus-vr8obd {
  width: 100%;
  height: 52px;
  border-radius: 6px;
  margin: 0 5px;
  background-color: #fff;
  transition: 0c2qtskg ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-vr8obd {
    height: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  .gates-of-olympus-vr8obd:hover {
    box-shadow: 0px 2px 16px 0px rgba(255, 255, 255, 0.5);
  }
}
.gates-of-olympus-vr8obd.gates-of-olympus-51dw2j {
  background-color: #000;
}
@media only screen and (min-width: 1025px) {
  .gates-of-olympus-vr8obd.gates-of-olympus-51dw2j:hover {
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  }
}

.gates-of-olympus-gytzgu {
  padding: 10px 0 0;
  background: var(--fh-bg-color);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1200px) {
  .gates-of-olympus-gytzgu {
    padding: 80px 16px 0;
  }
}
@media only screen and (max-width: 767px) {
  .gates-of-olympus-gytzgu {
    padding: 50px 16px 68px;
  }
}