.page-header {
  background-color: var(--e-global-color-primary);
  background-image: url("https://seamensclub.com.ua/wp-content/uploads/2025/06/seamens_club_edited-scaled.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: var(--e-global-typography-514da80-font-family), Sans-serif;
  font-size: var(--e-global-typography-514da80-font-size);
  font-weight: var(--e-global-typography-514da80-font-weight);
  line-height: var(--e-global-typography-514da80-line-height);
  color: var(--e-global-color-cf95a0a);
  padding-block: 81px !important;
  text-align: center;
  position: relative;
  margin-bottom: 90px;
}

.page-header::before {
  background-color: var(--e-global-color-primary);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.4;
}

.page-header .entry-title {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding-inline: 10px;
}

.ces-accordion {
  margin-bottom: 40px;
}

.ces-acc.ces-acc--maincat {
  margin-bottom: 20px;
}

.ces-acc__summary.ces-acc__summary--maincat {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-size: var(--e-global-typography-primary-font-size);
  font-weight: var(--e-global-typography-primary-font-weight);
  line-height: var(--e-global-typography-primary-line-height);
  color: var(--e-global-color-cf95a0a);
  background-color: var(--e-global-color-accent);
  border-radius: 10px;
  padding: 12px 25px;
  cursor: pointer;
}

ul.ces-tests {
  padding-left: 40px;
  list-style: none;
}

li.ces-test,
.ces-acc__summary.ces-acc__summary--subcat {
  padding: 12px 25px;
  border-radius: 10px;
  background-color: var(--e-global-color-secondary);
  margin-top: 8px;
}

.ces-acc__summary.ces-acc__summary--test,
.ces-acc__summary.ces-acc__summary--subcat {
  font-family: var(--e-global-typography-e12c61d-font-family), Sans-serif;
  font-size: var(--e-global-typography-e12c61d-font-size);
  font-weight: var(--e-global-typography-e12c61d-font-weight);
  text-decoration: var(--e-global-typography-e12c61d-text-decoration);
  line-height: var(--e-global-typography-e12c61d-line-height);
  color: var(--e-global-color-76ed05f);
  cursor: pointer;
}

.ces-acc__summary.ces-acc__summary--subcat {
  margin-left: 20px;
}

.ces-variants,
.ces-variants__standard {
  display: flex;
  flex-wrap: wrap;
}

.ces-variants {
  gap: 50px;
  padding: 12px 25px 0;
}
.ces-variants__standard {
  gap: 5px;
}

button.ces-variant {
  background-color: transparent;
  color: var(--e-global-color-76ed05f);
}

button.ces-variant.ces-variant--timer {
  background-color: color-mix(in srgb, var(--e-global-color-accent), white 10%);
  color: var(--e-global-color-cf95a0a);
}

button.ces-variant:hover,
button.ces-variant.ces-variant--timer:hover {
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-cf95a0a);
}

.ays-live-bar-fill.ays-live-third > span {
  font-weight: 900;
  color: white;
  padding-right: 2px;
}

.ays-image-question-img {
  max-width: 390px;
  margin-inline: auto;
}

.ces-acc[open] > summary + * {
  animation: openFade 0.3s ease;
}

.ces-acc:not([open]) > :not(summary) {
  display: none;
}
.ces-acc:not([open]) > ul {
  display: none;
}

#ces-quiz {
  scroll-margin-top: 130px;
}

@keyframes openFade {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}