:root {
  --heading: "Enthalpy298", sans-serif !important;
  --subheading: "Good Vibes Pro", sans-serif !important;
  --regular: "Montserrat", Arial, sans-serif;
  --text-color-primary: #383838;
  --text-color-red: #801316;
  --text-color-yellow: #f1e5cb;
  --text-color-white: #ffffff;
  --text-color-gray: #959393;
  --text-size-primary: 14px;
  --border-radius: 6px;
  --border-color: #a20b0f;
  --border: 2px solid var(--border-color);
  --gap-large: 16px;
  --gap-small: 6px;
  --button-background-color: linear-gradient(
      201.94deg,
      rgba(255, 244, 214, 0.58) 19.06%,
      rgba(255, 255, 255, 0.58) 54.28%,
      rgba(255, 253, 231, 0.58) 96.99%
    ),
    radial-gradient(
      50% 50% at 50% 50%,
      rgba(255, 250, 241, 0.12) 0%,
      rgba(255, 244, 214, 0.12) 100%
    ),
    linear-gradient(
      90deg,
      #e2d19d 0%,
      #e1c28b 25.96%,
      #fffaf2 46.63%,
      #f3e4cf 55.77%,
      #d9b67c 75.48%,
      #d9b67c 100%
    );
}
body {
  font-size: 14px;
  line-height: 1.3;
  color: #383838;
  background-color: #fff;
}

body .gc-user-user {
  position: relative;
}
body .gc-user-user::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 9998;
  background-color: #fff;
}
body .gc-user-user::after {
  position: absolute;
  content: "";
  left: 50vw;
  top: 50vh;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 3px solid #e1c28b;
  border-top: 3px solid #6a0306;
  z-index: 9999;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}

html body,
.form-control {
  font-family: "Montserrat", sans-serif;
}
a {
  color: inherit;
  text-decoration: none;
}
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}
a:focus {
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Enthalpy298";
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}
h1.standard-page-title,
.standard-logo .logo-text {
  font-family: "Enthalpy298", sans-serif;
  color: #383838;
  font-weight: 400;
}
.gc-user-user {
  margin: 0 !important;
}
.talks-widget-button {
  display: none !important;
  height: 0px !important;
  width: 0px !important;
  opacity: 0 !important;
}
.main-page-block {
  padding-bottom: 50px;
}
.logo,
.standard-logo {
  width: 100%;
  display: block !important;
}
.logo-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.logo-img {
  width: 62px;
  height: 69px;
  filter: drop-shadow(-6.47893px 7.55875px 9.71839px rgba(0, 0, 0, 0.17))
    drop-shadow(-2.15964px 2.15964px 5.39911px rgba(0, 0, 0, 0.2));
}
.logo-text {
  font-family: "Enthalpy298";
  font-weight: 400;
  font-size: 48px;
  line-height: 1;
  color: #383838;
}
@media (max-width: 768px) {
  .logo,
  .standard-logo {
    margin-top: 12px;
    margin-bottom: 14px !important;
  }
  .logo-link {
    gap: 8px;
  }
  .logo-img {
    width: 37px;
    height: 41px;
  }
  .logo-text {
    font-size: 26px !important;
  }
}
.gc-main-content.with-left-menu .container {
  margin-left: auto;
  margin-right: auto;
}
.gc-user-user button {
  border-radius: var(--border-radius);
  border: 2px solid transparent;
  padding: 12px 16px 10px 16px;
  text-transform: uppercase;
  color: rgba(127, 100, 32, 1);
  background: var(--text-color-yellow);
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  letter-spacing: 0.07em;
  text-align: center;
}
.gc-user-user .button {
  border-radius: var(--border-radius);
  border: 2px solid transparent;
  padding: 12px 16px 10px 16px;
  text-transform: uppercase;
  color: rgba(127, 100, 32, 1);
  background: var(--text-color-yellow);
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  letter-spacing: 0.07em;
  text-align: center;
}
.gc-user-user button.is-yellow-gradient {
  background: var(--button-background-color);
  background-color: transparent;
  padding: 13px 16px 11px 16px;
  border: 0;
  box-shadow: 0px 2px rgba(193, 163, 109, 1);
}
.gc-user-user .button.is-yellow-gradient {
  background: var(--button-background-color);
  background-color: transparent;
  padding: 13px 16px 11px 16px;
  border: 0;
  box-shadow: 0px 2px rgba(193, 163, 109, 1);
}
.gc-user-user button.is-red-border {
  border-color: rgba(162, 11, 15, 1);
  background-color: transparent;
  color: rgba(56, 56, 56, 1);
}
.gc-user-user button.is-red-gradiend {
  background: linear-gradient(
    201.94deg,
    #6a0306 19.07%,
    #98171a 54.28%,
    #6a0306 96.99%
  );
  border-radius: var(--border-radius);
  color: rgba(255, 255, 255, 1);
  border: 2px solid #780e11;
}
.gc-user-user .button.is-red-gradiend {
  background: linear-gradient(
    201.94deg,
    #6a0306 19.07%,
    #98171a 54.28%,
    #6a0306 96.99%
  );
  border-radius: var(--border-radius);
  color: rgba(255, 255, 255, 1);
  border: 2px solid #780e11;
}
#calendar-01-07-2025-1 {
  display: none !important;
}
/* breadcrumbs */
.breadcrumbs {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #383838;
  padding-bottom: 12px;
  font-family: "Montserrat";
}
@media (max-width: 480px) {
  .breadcrumbs {
    font-size: 14px;
  }
}
.course-baner-pc {
  display: block;
  border-radius: var(--border-radius);
  border: var(--border);
  overflow: hidden;
  margin-bottom: 16px;
}

.course-baner-mobile {
  display: none;
  border-radius: var(--border-radius);
  border: var(--border);
  overflow: hidden;
  margin-bottom: 16px;
}
@media (max-width: 480px) {
  .course-baner-pc {
    display: none;
  }
  .course-baner-mobile {
    display: block;
  }
  .on-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* меню */
.add-options {
  display: flex;
  flex-direction: column;
  /* gap: 16px;
    align-items: stretch;
    justify-content: flex-start; */
  margin-left: 16px;
}
.add-options-item {
  border-radius: var(--border-radius);
  border: 2px solid rgba(162, 11, 15, 1);
  padding: 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 16px;
  font-weight: 600;
  /* aspect-ratio: 4.28 / 1; */
  /* font-family: "Montserrat";
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    color: #383838;
    max-width: 100%; */
}

.add-options-item p {
  margin: 0;
  max-width: 8.1em;
}
.add-options-item button {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  min-width: 106px;
}
.add-options-item.m-calendar {
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/calendar%20bt.webp");
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px;
  gap: 15px;
  border: 0;
}
.add-options-item.m-calendar h4 {
  font-family: "Enthalpy298";
  font-weight: 400;
  font-size: 32px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  margin: 0;
}
.m-calendar-body,
.m-events-body {
  background: #fff;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
/* ---------------- КАЛЕНДАР ---------------- */
.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  margin-bottom: 12px;
  border-bottom: 0.5px solid #6a0306;
}
.calendar-header .month-name {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.1;
  text-align: center;
  color: #383838;
  text-transform: capitalize;
}
.calendar-header button {
  border: none;
  padding: 2px 4px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease;
  font-size: 12px;
  position: static;
  min-width: 0;
  transform: translateX(0%);
  color: #383838;
  background-color: transparent;
}
.calendar-header button:hover {
  background: #d4d8dc;
}
.calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
  text-transform: uppercase;
  color: #6a0306;
}
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}
.calendar-day {
  text-align: center;
  padding: 8px 0;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-day.empty {
  cursor: default;
  background: transparent;
  pointer-events: none;
}
.calendar-day.today {
  border: 2px solid #801316;
  font-weight: 600;
  color: #801316;
}
.calendar-day.has-event {
  background: #801316;
  color: #fff;
  font-weight: 500;
}
.calendar-day.has-event:hover {
  background: #d9b67c;
  color: #383838;
}
.calendar-day:hover:not(.empty):not(.today) {
  background: #d9b67c;
}
/* ---------------- Події ---------------- */
.m-events-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.events-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.events-nav-wrapper {
  flex: 1;
}
.events-content {
  flex: 1;
}
.event-date-time {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #801316;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-start;
  margin-bottom: 6px;
}
.event-name {
  font-size: 14px;
  font-weight: 500;
}
button.events-prev,
button.events-next {
  border: none;
  padding: 2px 4px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease;
  font-size: 12px;
  position: static;
  min-width: 0;
  transform: translateX(0%);
  color: #383838;
  background-color: transparent;
}
button.events-prev:hover,
button.events-next:hover {
  background: #d4d8dc;
}
.events-none {
  flex: 1;
  margin: 0;
  color: #888;
  font-size: 14px;
  text-align: center;
}
/* ---------------- АДАПТИВ ---------------- */
@media (max-width: 480px) {
  .add-options-item.m-calendar {
    max-width: 100%;
    padding: 16px;
  }

  .calendar-header .month-name {
    font-size: 15px;
  }

  .calendar-day {
    font-size: 13px;
    min-height: 34px;
  }

  .event-name {
    font-size: 13px;
  }
}

.add-options-item.m-infokanal {
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/item08.webp");
  aspect-ratio: 4.28 / 1;
}
.add-options-item.m-dostup {
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/item07.webp");
  aspect-ratio: 4.28 / 1;
  justify-content: center;
  position: relative;
}
.add-options-item.m-dostup button {
  display: none;
}

.add-options-item.m-dostup::before {
  content: "351 день";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 102%;
  color: #801316;
  z-index: 2;
  padding: 24px 16px 10px 16px;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0px 10px 4px rgba(0, 0, 0, 0.01), 0px 5px 3px rgba(0, 0, 0, 0.05),
    0px 2px 2px rgba(0, 0, 0, 0.09), 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.add-options-item.m-dostup.is-8-month::before {
  content: "235 днів";
}
.add-options-item.m-dostup.is-14-days::before {
  content: "7 днів";
  width: 95px;
  padding: 24px 16px 10px 26px;
}

.add-options-item.m-dostup::after {
  content: "лишилось";
  position: absolute;
  top: 36%;
  right: 10px;
  transform: translateY(-50%) translateX(-10px);
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 102%;
  color: #383838;
  z-index: 3;
  padding-left: 10px;
}
.add-options-item.m-buy-dostup {
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/item06.webp");
  aspect-ratio: 4.28 / 1;
}
.add-options-item.m-support {
  justify-content: center;
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/item05.webp");
}

.add-options-item.m-support p:nth-of-type(2) {
  font-weight: 500;
  font-size: 12px;
  color: #696969;
  margin: 3px 0 2px 0;
}
.add-options-item.m-support p:nth-of-type(3) {
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #6a0306;
}

.add-options-item.m-calculator {
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/item04.webp");
  position: relative;
  aspect-ratio: 4.28 / 1;
}
.add-options-item-rating {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: 0 !important;
}
.add-options-item-rating table tbody tr td {
  border: 0 !important;
}
.add-options-item-rating table tbody tr td a {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.add-options-item.m-rating {
  justify-content: center;
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/item03.webp");
  aspect-ratio: 4.28 / 1;
}
.add-options-item.m-rating p {
  margin-left: 30px;
}

.add-options-item.m-answers {
  /* background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/259/h/846faf2e16e864991f54de16f9b2c1ea.png");
    aspect-ratio: 4.28 / 1;
    order: 999;
    background-size: 100% auto;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    align-items: flex-start;
    padding-top: 22px; */
  display: none !important;
}
.add-options-item.m-answers button {
  display: none !important;
}
.add-options-item.m-answers p {
  max-width: 6.8em;
}
.add-options-item.m-personal-account {
  justify-content: center;
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/item01.webp");
  aspect-ratio: 4.28 / 1;
}

.add-options-item.m-motyvation-system {
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/97/h/b84d9a50e29035a963a725a320e5eb78.png");
  aspect-ratio: 4.28 / 1;
}

/* .add-options-item.m-motyvation-system::after {
    position: absolute;
    content: "";
    left: 25px;
    top: 23px;
    bottom: 20px;
    width: 40%;
    background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/473/h/2abfb75163357493483e1952289f0d32.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
  } */
/* .add-options-item.m-motyvation-system .html-content {
    padding-top: 3px;
    height: 100%;
    display: flex;
    flex-direction: column;
  } */
.add-options-item.m-motyvation-system h4 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1;
  max-width: 6.8em;
  color: #383838;
}

/* .add-options-item.m-motyvation-system button {
    position: static;
    margin-top: auto;
  } */

@media (max-width: 768px) {
  .add-options-item.m-support p:nth-of-type(2) {
    margin: 6px 0 2px 0;
  }
  .add-options {
    margin-left: 0px;
    margin-top: 16px;
    margin-right: 0px !important;
  }
  .add-options.is-block {
    margin-left: 16px;
  }
  .is-block-titel {
    padding-right: 0px !important;
  }
  /* .add-options-item.m-motyvation-system h4 {
      font-size: 26px;
      line-height: 28px;
    } */
}

.block_learn {
  transition: all 0.3s;
  border: 1px solid #6a0306;
}

.block_learn:hover {
  cursor: pointer;
  transform: scale(0.9);
}

.block-cover-pc,
.block-cover-mobile {
  display: block;
  border-radius: var(--border-radius);
  border: var(--border);
  overflow: hidden;
  margin-bottom: 16px;
  aspect-ratio: 7.6 / 2.44;
  position: relative;
}

.block-cover-pc::before,
.block-cover-mobile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-cover-pc::after {
  position: absolute;
  top: 50%;
  left: 30px;
  z-index: 2;
  transform: translateY(-50%);
  max-width: 70%;
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: clamp(30px, 5vw, 56px);
  line-height: 1;
  color: #383838;
  text-wrap: balance;
}
.block-cover-mobile::after {
  position: absolute;
  top: 20px;
  left: 12px;
  z-index: 2;
  max-width: 50%;
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: clamp(30px, 5vw, 38px);
  line-height: 1;
  color: #383838;
  text-wrap: balance;
}

.block-cover-mobile {
  display: none;
}
@media (max-width: 480px) {
  .block-cover-pc {
    display: none;
  }
  .block-cover-mobile {
    display: block;
    aspect-ratio: 3.72 / 2.57;
  }
  .m-result-text-col {
    display: none;
  }
}
.gc-user-user .lesson-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: transparent !important;
  margin: 0 !important;
  padding-left: 15px;
  padding-top: 0;
}
.gc-user-user .lesson-list li {
  margin: 0 !important;
  border-radius: var(--border-radius);
  border: 2px solid rgba(162, 11, 15, 1);
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/Mask%20group.webp") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.gc-user-user .lesson-list li a {
  background-color: transparent !important;
}
.gc-user-user .lesson-list li .info {
  background-color: transparent !important;
  margin: 0 !important;
  padding: 30px;
}
.gc-user-user .lesson-list li .user-state-label {
  display: none !important;
}
.gc-user-user .lesson-list li .info .item-main-td {
  padding: 0 !important;
}
.gc-user-user .lesson-list li .info .item-main-td .vmiddle {
  padding: 0 !important;
  max-width: 80%;
}
.gc-user-user .lesson-list li .state-icon-block {
  display: none !important;
}
..gc-user-user lesson-list li .lesson-date {
  display: none !important;
}
.gc-user-user .lesson-list li.user-state-accomplished::after,
.gc-user-user .lesson-list li.user-state-reached::after,
.gc-user-user .lesson-list li.user-state-has_mission::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 68px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transform: translate(0%, -50%);
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/lesson-play-btn.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
  pointer-events: none;
}
.gc-user-user .lesson-list li.user-state-not_reached::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 68px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transform: translate(0%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/lesson-block-btn.webp");
}
.gc-user-user .lesson-list li.user-state-not_reached::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.65);
  filter: blur(2px);
  z-index: 2;
}
.gc-user-user .lesson-list .link.title {
  margin: 0 !important;
  position: relative;
}
.gc-user-user .m-lesson-status {
  display: none !important;
  /* width: 160px;
    height: 35px;
    position: absolute;
    transform: translate(80%, -12%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/not_watched.webp"); */
}

.gc-user-user li.lesson-list_watched .m-lesson-status {
  display: none !important;
  /* background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/watched.webp"); */
}
.gc-user-user .lesson-list .stream-title-left {
  font-family: "Good Vibes Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  text-transform: lowercase;
  color: #801316;
  display: block;
  margin-bottom: 16px;
}
.gc-user-user .lesson-list .stream-title-right {
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 1;
  color: #383838;
}
.gc-user-user .m-lesson-part-list .description {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 102%;
  letter-spacing: 0.06em;

  color: #383838;
  padding-top: 8px;
}
.gcv-has-watched {
  display: none !important;
}
@media (max-width: 768px) {
  .gc-user-user .lesson-list {
    display: flex;
    margin: 16px 0px 16px 0px;
    padding-right: 0px;
  }
  .gc-user-user .lesson-list li .info {
    padding: 16px;
  }
  .gc-user-user .lesson-list li .info .item-main-td .vmiddle {
    margin: 0 !important;
    max-width: none;
  }
  .gc-user-user .m-lesson-status {
    width: 125px;
    height: 28px;
    position: static;
    transform: translate(0%, 0%);
    margin-bottom: 12px;
  }
  .gc-user-user .lesson-list .stream-title-left {
    font-size: 24px;
    margin-bottom: 2px;
  }
  .gc-user-user .lesson-list .stream-title-right {
    font-size: 22px;
  }
  .gc-user-user .lesson-list .description {
    font-size: 12px;
    line-height: 102%;
    letter-spacing: 0.06em;
    padding-top: 12px;
  }
  .gc-user-user .lesson-list li.user-state-accomplished::after,
  .gc-user-user .lesson-list li.user-state-reached::after,
  .gc-user-user .lesson-list li.user-state-has_mission::after {
    top: 16px;
    right: 16px;
    width: 50px;
    transform: translate(0%, 0%);
  }
  .gc-user-user .lesson-list li.user-state-not_reached::after {
    top: 50%;
    right: 50%;
    width: 50px;
    transform: translate(50%, -50%);
  }
}
.gc-user-user .standard-page-content .page-header {
  display: none !important;
}
/* сторінка уроку */
.gc-user-user .page-header {
  display: none !important;
}
.gc-user-user .o-lt-lesson-comment-block {
  display: none !important;
}
.gc-user-user .center-block {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
.gc-user-user .lesson-header-block {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/47/h/ebc60527e6043032c9537a4907cb33f9.png") !important;
  border-bottom: none !important;
  box-shadow: 0px -1px 16.2px rgba(0, 0, 0, 0.07),
    0px -1px 4px rgba(0, 0, 0, 0.04), 17px 66px 27px rgba(0, 0, 0, 0.01),
    10px 37px 23px rgba(0, 0, 0, 0.03), 4px 17px 17px rgba(0, 0, 0, 0.04),
    1px 4px 9px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  padding: 28px 20px 16px 20px !important;
  margin-bottom: 16px !important;
}
.gc-user-user .lesson-header-block h2 {
  margin-top: -20px;
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #383838;
}
.gc-user-user .lesson-header-block .lesson-description-value,
.gc-user-user .lesson-header-block .user-state-reached {
  display: none !important;
}
.gc-user-user .lesson-navigation {
  padding: 10px 30px 0px 30px !important;
  overflow: visible !important;
}
.gc-user-user .lesson-navigation a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  position: relative;
  color: #383838;
}
.gc-user-user .lesson-navigation td:first-of-type a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transform: translate(-130%, -50%);
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/arrow-l.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
}
.gc-user-user .lesson-navigation td:last-of-type a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transform: translate(130%, -50%) rotateZ(180deg);
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/arrow-l.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
}
.gc-user-user .lesson-navigation div {
  display: none !important;
}

.gc-user-user .lite-page.block-set {
  /* display: flex;
    flex-direction: column;
    gap: 16px; */
}
.gc-user-user .modal-block-content {
  padding: 0 !important;
}
.gc-user-user .lt-block.lt-view.raw-html,
.gc-user-user .o-lt-lesson {
  border-radius: var(--border-radius);
  overflow: hidden;
  padding: 28px 16px 16px 16px;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/205/h/a5ad02337f466e758e346ea9c59eb28a.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: transparent;
  box-shadow: 0px -1px 16.2px rgba(0, 0, 0, 0.07),
    0px -1px 4px rgba(0, 0, 0, 0.04), 17px 66px 27px rgba(0, 0, 0, 0.01),
    10px 37px 23px rgba(0, 0, 0, 0.03), 4px 17px 17px rgba(0, 0, 0, 0.04),
    1px 4px 9px rgba(0, 0, 0, 0.05);
  margin-bottom: 16px;
}
.gc-user-user .o-lt-lesson .row.row-section {
  margin-bottom: 0;
}
.gc-user-user .o-lt-lesson:has(.lt-block-wrapper:not(:has(*))) {
  display: none !important;
}
.gc-user-user .o-lt-lesson-feedback-block {
  display: none !important;
}
.gc-user-user .f-text {
  font-family: "Montserrat" !important;
}
.gc-user-user .lite-block-live-wrapper.o-lt-lesson-image {
  padding: 0;
}
.gc-user-user
  .lite-block-live-wrapper.o-lt-video.o-lt-video-hosting-with-defence,
.gc-user-user .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-video {
  padding: 0;
  border: var(--border);
  border-radius: var(--border-radius);
  margin-bottom: 16px;
  overflow: hidden;
}
.gc-user-user .lite-block-live-wrapper h3 {
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  color: #383838;
  padding-bottom: 16px;
}

/* Домашка */
/* .gc-user-user .lesson-mission-wrapper {
    border: 0 !important;
    margin-top: 0 !important;
  }
  .gc-user-user .lesson-mission-wrapper .lesson-mission-text {
    padding: 0 !important;
    border: 0 !important;
  }
  
  .gc-user-user .self-answers {
    margin-top: 20px;
  }
  
  .gc-user-user .self-answers .answer_wrapper {
    border: 0 !important;
    padding: 0 !important;
  }
  
  .gc-user-user .self-answers .user-image-wrapper {
    display: none !important;
  }
  
  .gc-user-user .self-answers .user-image {
    display: none !important;
  }
  .gc-user-user .self-answers .b-like-and-subscribe-notifications {
    display: none !important;
  }
  .gc-user-user .self-answers .public-level-block {
    display: none !important;
  }
  
  .gc-user-user .comment-time {
    display: none !important;
  }
  
  .gc-user-user .answer-date {
    display: none !important;
  }
  .gc-user-user .btn.btn-primary.btn-send {
    border-radius: var(--border-radius);
    border: 2px solid transparent;
    padding: 12px 16px 10px 16px;
    text-transform: uppercase;
    color: rgba(127, 100, 32, 1);
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    letter-spacing: 0.07em;
    text-align: center;
    background: var(--button-background-color);
    background-color: transparent;
    padding: 13px 16px 11px 16px;
    border: 0;
    box-shadow: 0px 2px rgba(193, 163, 109, 1);
    margin-bottom: 4px;
  }
  .gc-user-user .btn.btn-send-answer.btn-primary.btn-lg {
    border-radius: var(--border-radius);
    border: 2px solid transparent;
    padding: 12px 16px 10px 16px;
    text-transform: uppercase;
    color: rgba(127, 100, 32, 1);
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    letter-spacing: 0.07em;
    text-align: center;
    background: var(--button-background-color);
    background-color: transparent;
    padding: 13px 16px 11px 16px;
    border: 0;
    box-shadow: 0px 2px rgba(193, 163, 109, 1);
    margin-bottom: 4px;
  }
  
  .gc-user-user .btn.btn-link.btn-save-draft {
    color: rgba(56, 56, 56, 1) !important;
  }
  .gc-user-user .answer-form {
    background: none !important;
    padding: 0 !important;
  }
  .gc-user-user .answer-form > div:first-child {
    display: none !important;
  }
  
  .gc-user-user .answer-form .answer-form-inner {
    margin-left: 0px !important;
  }
  
  .gc-user-user .answer-form .answer-form-inner textarea {
    border-radius: 6px;
    padding-left: 8px;
    padding-top: 4px;
  }
  
  .gc-user-user .answer-edit-link {
    display: none !important;
  }
  
  .gc-user-user .answer-form .uploadifive-button {
    border-radius: 4px;
    background: none;
    background-color: transparent !important;
    color: #383838;
    border: 1px solid #383838;
  }
  
  .gc-user-user .comment.lesson-answer-comment {
    padding: 16px;
    border-radius: var(--border-radius);
    border: 1px solid #383838;
    background-color: #fff;
  } */
/* Домашка нова */
.gc-user-user .lesson-mission-wrapper {
  border: 0 !important;
  margin-top: 0 !important;
}
.gc-user-user .user-can-hide-answer,
.gc-user-user .b-like-and-subscribe-notifications {
  display: none !important;
}
.gc-user-user .lesson-mission-wrapper .lesson-mission-text {
  padding: 0 !important;
  border: 0 !important;
  margin-bottom: 14px;
}
.gc-user-user .gc-user-user .self-answers {
  margin-top: 20px;
}
.gc-user-user .answer-form {
  background: none !important;
  padding: 0 !important;
}
.gc-user-user .answer-form img {
  display: none !important;
}

.gc-user-user .answer-form .answer-form-inner {
  margin-left: 0 !important;
}

.gc-user-user .answer-form .answer-textarea-container {
  width: 100% !important;
}
.gc-user-user .answer-form textarea {
  border-radius: 6px;
  border: 1px solid #383838;
  padding: 10px 12px;
}

.gc-user-user textarea.edited-comment-text {
  border-radius: 6px;
  border: 1px solid #383838;
  padding: 10px 12px;
  margin-top: 12px;
}
.gc-user-user .answer-form .uploadifive-button {
  border-radius: 4px;
  background: none;
  background-color: transparent !important;
  color: #383838;
  border: 1px solid #383838;
}
.gc-user-user button.btn-send-answer,
.gc-user-user .answer-form button.btn.btn-primary.btn-lg,
.gc-user-user button.save-edited-comment-btn,
.gc-user-user button.btn.btn-primary.btn-send {
  border-radius: var(--border-radius);
  border: 2px solid transparent;
  padding: 12px 16px 10px 16px;
  text-transform: uppercase;
  color: rgba(127, 100, 32, 1);
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  letter-spacing: 0.07em;
  text-align: center;
  background: var(--button-background-color);
  background-color: transparent;
  padding: 13px 16px 11px 16px;
  border: 0;
  box-shadow: 0px 2px rgba(193, 163, 109, 1);
  margin-bottom: 4px;
}
.gc-user-user button.btn-save-draft {
  border-radius: var(--border-radius);
  padding: 12px 16px 10px 16px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  letter-spacing: 0.07em;
  text-align: center;
  padding: 13px 16px 11px 16px;
  margin-bottom: 4px;
  color: #fff !important;

  background: linear-gradient(
    201.94deg,
    #6a0306 19.07%,
    #98171a 54.28%,
    #6a0306 96.99%
  );
  border-radius: var(--border-radius);
  color: rgba(255, 255, 255, 1);
  border: 2px solid #780e11;
}
.gc-user-user button.btn-save-draft:hover {
  text-decoration: none !important;
}
.gc-user-user .answer-status-label {
  border: 1px solid #383838 !important;
  background: transparent !important;
  color: #383838 !important;
  padding: 4px 10px !important;
}
.gc-user-user .answer-status-label .glyphicon {
  display: none !important;
}
.gc-user-user textarea:focus {
  border-color: transparent !important;
}
.gc-user-user .answer-status-label:has(.glyphicon-ok) {
  background: linear-gradient(
      201.94deg,
      rgba(255, 244, 214, 0.58) 19.06%,
      rgba(255, 255, 255, 0.58) 54.28%,
      rgba(255, 253, 231, 0.58) 96.99%
    ),
    radial-gradient(
      50% 50% at 50% 50%,
      rgba(255, 250, 241, 0.12) 0%,
      rgba(255, 244, 214, 0.12) 100%
    ),
    linear-gradient(
      90deg,
      #e2d19d 0%,
      #e1c28b 25.96%,
      #fffaf2 46.63%,
      #f3e4cf 55.77%,
      #d9b67c 75.48%,
      #d9b67c 100%
    ) !important;
  border: 1px solid transparent !important;
  padding: 4px 10px 4px 30px !important;
  position: relative !important;
}
.gc-user-user .answer-status-label:has(.glyphicon-ok)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/192/h/e448672c112e07ff3a9bdc17b27b881a.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  z-index: 2;
}
.gc-user-user .answer-status-label:has(.glyphicon-ban-circle) {
  background: linear-gradient(
      201.94deg,
      #6a0306 19.07%,
      #98171a 54.28%,
      #6a0306 96.99%
    ),
    radial-gradient(
      49.99% 50% at 50% 50%,
      rgba(241, 229, 203, 0.12) 0%,
      rgba(224, 200, 154, 0.12) 100%
    ),
    linear-gradient(
      90deg,
      #e2d19d 0.01%,
      #e1c28b 25.96%,
      #fffaf2 46.64%,
      #f3e4cf 55.77%,
      #d9b67c 75.48%,
      #d9b67c 99.99%
    ) !important;
  padding: 4px 10px 4px 30px !important;
  position: relative !important;
  color: #fff !important;
}
.gc-user-user .answer-status-label:has(.glyphicon-ban-circle)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/210/h/1338d6d5496756b62b72dd6cd5de4bd9.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  z-index: 2;
}
.gc-user-user .user-image,
.gc-user-user .user-image-wrapper {
  border-radius: 50% !important;
  overflow: hidden;
}
.gc-user-user .lesson-answer-comment {
  background-color: #f8f8f8 !important;
  border-radius: 6px;
  padding: 16px 16px 0 16px;
}
.gc-user-user .user-profile-link,
.gc-user-user .comments-tree .worker .text,
.gc-user-user .pseudo-link {
  color: #6a0306 !important;
}
.gc-user-user .answer_wrapper {
  border-top: 0 !important;
  padding-bottom: 0 !important;
}
.gc-user-user .answer-content .answer-date {
  display: none !important;
}
.gc-user-user .new-comment .textarea-block {
  width: auto !important;
}
.gc-user-user .new-comment textarea {
  border-radius: 6px;
  border: 1px solid #383838;
  padding: 10px 12px;
  min-height: 80px !important;
}

/* Домашка нова кінець  */
.m-files-block {
  padding: 0px 15px !important;
  margin-bottom: 0px !important;
}

.m-additional-title {
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  color: #383838;
  padding-bottom: 16px;
}
.m-files-wr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 16px;
}
.m-files-wr.full-width .m-energy-block {
  width: 100%;
}
.m-files-wr.full-width .m-audio-wr {
  width: 100%;
}
.m-lesson-files {
  display: flex;
}
.m-lesson-files a {
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none !important;

  color: rgba(127, 100, 32, 1);
  letter-spacing: 0.07em;

  padding: 20px 20px 20px 60px;
  border-radius: var(--border-radius);
  background: var(--button-background-color);
  background-color: transparent;
  box-shadow: 0px 2px rgba(193, 163, 109, 1);

  position: relative;
}
.m-lesson-files a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 68px;
  aspect-ratio: 1 / 1;
  transform: translate(0%, -50%);
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/book.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2;
}
.m-audio-wr {
  width: 270px;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(56, 56, 56, 1);
  letter-spacing: 0.07em;

  padding: 9px 12px 9px 12px;
  border-radius: var(--border-radius);
  background: var(--button-background-color);
  background-color: transparent;
  box-shadow: 0px 2px rgba(193, 163, 109, 1);
  position: relative;
  min-height: 58.5px;
  display: flex;
  align-items: center;
}
/* .m-audio-wr::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    aspect-ratio: 1 / 1;
    transform: translate(0%, -50%);
    background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/gromophone.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2;
  } */
.audio-wrapper {
  display: flex;
  align-items: start;
  gap: 4px;
  width: 100%;
  position: relative;
}
.audio-wrapper .time {
  position: absolute;
  z-index: 1;
  left: 36px;
  bottom: -10%;

  width: calc(100% - 36px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.audio-wrapper .speed-buttons {
  position: absolute;
  z-index: 2;
  left: 36px;
  bottom: -10%;

  width: calc(100% - 36px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.audio-wrapper .speed-buttons button {
  padding: 0px !important;
  background-color: transparent;
  border: 0 !important;
}
.play-btn {
  width: 32px;
  height: 32px;
  border: none !important;
  border-radius: 50% !important;
  background-color: rgba(106, 3, 6, 1) !important;
  color: rgba(252, 244, 228, 1) !important;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-bar {
  flex-grow: 1;
  height: 4px;
  background-color: rgba(56, 56, 56, 0.5);
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 8px;
}
.progress {
  width: 0%;
  height: 100%;
  background-color: #6a0306;
  border-radius: 4px;
}
.audio-src {
  display: none;
}
.speed-control {
  padding: 3px 6px;
  border-radius: 4px;
  border: 1px solid rgba(127, 100, 32, 0.5);
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(127, 100, 32, 1);
  font-size: 12px;
  cursor: pointer;
}
/* ------- */

.training-list .stream-table {
  margin: 0 !important;
}
.training-list .lessons-list .row {
  margin: 0 !important;
  padding: 0 !important;
}
.training-list .lessons-list .row .col-md-12 {
  margin: 0 !important;
  padding: 0 !important;
}
.training-list .stream-table tbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  grid-template-rows: auto;
}
.training-list .stream-table tbody tr {
  aspect-ratio: 3.7 / 2.5;
  border: var(--border);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.training-list .stream-table tr td {
  padding: 0 !important;
  position: relative;
  height: 100% !important;
}
.training-list .stream-table tr td a {
  position: relative;
  z-index: 2;
  padding: 16px 28px 24px 18px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.training-list .stream-table tr td a div:first-of-type {
  opacity: 0;
  height: 16px;
  overflow: hidden;
  display: none;
}
.training-list .stream-table tr td a .stream-title {
  font-size: 28px;
  font-family: var(--heading);
  color: var(--text-color-primary);
  line-height: 1;
  text-wrap: balance;
  order: 2;
  max-width: 220px;
}
.training-list .stream-table tr td a .stream-title-left {
  display: block;
  font-size: 30px;
  font-family: var(--subheading);
  color: var(--text-color-red);
  text-transform: lowercase;
}
.training-list .stream-table tbody > tr td:before {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: var(--border-radius);
}
.training-list .stream-table tr td {
  display: flex;
  height: fit-content;
  min-height: 100px;
}
.training-list .noaccess-mode-show {
  pointer-events: none;
}
.training-list .stream-table tbody tr.noaccess-mode-show {
  border: 2px solid #4a4a4a;
  position: relative;
}
.training-list .stream-table tbody > tr.noaccess-mode-show td a {
  filter: blur(2px);
  background: rgba(255, 255, 255, 0.65);
}
.training-list .stream-table tbody tr.noaccess-mode-show td:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  font-size: 16px;
  pointer-events: none;
  z-index: 2;
  transform: translateX(50%) translateY(-50%);
  background-image: url("https://kurs.the-manuilyks-school-of-spirituality.com/fileservice/file/download/a/911005/sc/435/h/6d92bcb0655381130312f3b313e16300.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 70px;
  height: 70px;
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.06),
    -15px 28px 13px rgba(0, 0, 0, 0.01), -8px 16px 11px rgba(0, 0, 0, 0.05),
    -4px 7px 8px rgba(0, 0, 0, 0.09), -1px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

@media (max-width: 480px) {
  .training-list .stream-table tbody {
    display: flex;
    flex-direction: column;
  }
}
.m-lesson-block-wr {
  margin-left: 15px !important;
}

.m-result-text-col {
  height: 100%;
  aspect-ratio: 1 / 0.63;
}

.m-result-text-wr {
  margin-left: 16px !important;
  height: 100%;
  border: var(--border);
  border-radius: var(--border-radius);
  padding: 16px;
  padding-left: 40%;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/357/h/ce9f924f464cbf946ff14bf1de67c09a.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
}
.m-result-text-wr .xdget-block.xdget-html {
  display: flex;
  align-items: center;
}
.m-result-text-wr p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 102%;
  color: #383838;
}
.m-result-text-wr h5 {
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.05;
  color: #383838;
}
.m-result-text-wr h5 span {
  color: #6a0306;
}
@media (max-width: 480px) {
  .m-lesson-block-wr {
    margin-right: 15px !important;
  }
  .m-result-text-col {
    height: auto;
    aspect-ratio: auto;
    margin-right: 15px !important;
  }
  .m-result-text-wr {
    margin-bottom: 16px;
  }
}
.standard-page-content .breadcrumb > li + li:before {
  padding-left: 3px;
}

/* Слайдер блок */

/* .add-options-item:nth-child(2) {
    background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/271/h/24b530aaa227fe2b5d6f164f14c4fd2d.png");
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    aspect-ratio: 4.2 / 1.8;
    padding: 18px 30px 24px 30px;
    gap: 16px;
  }
  .add-options-item:nth-child(2) p {
    max-width: none;
  }
  .slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
    flex-grow: 1;
  }
  
  .slider-wr {
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.05),
      0px 18px 11px rgba(0, 0, 0, 0.02), 0px 8px 8px rgba(0, 0, 0, 0.03),
      0px 2px 4px rgba(0, 0, 0, 0.03);
    border-radius: 6px;
  }
  
  
  .slide {
    display: none;
    height: 100%;
    padding: 14px 16px;
    border-radius: 6px;
    background: #fff;
    flex-direction: column;
  }
  
  
  .event-date-wr {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 0.5rem;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 102%;
    letter-spacing: 0.06em;
    color: #801316;
  }
  
  .event-name {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 102%;
  
    letter-spacing: 0.06em;
    margin-top: auto;
    margin-bottom: auto;
    color: #383838;
  }
  
  
  .slider-prev,
  .slider-next {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    color: #a20b0f;
    transition: color 0.2s ease;
  }
  
  .slider-prev:hover,
  .slider-next:hover {
    color: #000;
  }
  .add-options-item button.slider-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateX(100%) translateY(-50%);
    z-index: 4;
    min-width: 0;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .add-options-item button.slider-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(-100%) translateY(-50%);
    z-index: 4;
    min-width: 0;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  } */

/* motivation */
.motivation-container {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.motivation-title {
  padding-bottom: 16px;
  position: relative;
}
.motivation-title h1 {
  position: absolute;
  left: 38px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: clamp(30px, 5vw, 58px);
  line-height: 1;
  color: #383838;
  margin: 0;
}
.motivation-img-pc {
  border: var(--border);
  border-radius: var(--border-radius);
  width: 100%;
  aspect-ratio: 12 / 3.34;
  overflow: hidden;
}
.motivation-conditions-add-score {
  padding: 30px 30px 30px 60px;
  border-radius: 6px;
  overflow: hidden;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #383838;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/214/h/456ff8a781a1bf574c2f5f481d3f74f7.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  margin-bottom: 20px;

  box-shadow: 19px 72px 30px rgba(0, 0, 0, 0.03),
    10px 41px 25px rgba(0, 0, 0, 0.1), 5px 18px 19px rgba(0, 0, 0, 0.17),
    1px 5px 10px rgba(0, 0, 0, 0.2);
}
.motivation-conditions-add-score:hover,
.motivation-conditions-add-score:focus {
  color: #383838 !important;
}
.motivation-img-mob {
  display: none;
}
.motivation-body {
  /* display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    gap: 16px; */
  font-family: "Montserrat";
}
.motivation-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 16px;
}
.motivation-item {
  position: relative;
  border: var(--border);
  border-radius: var(--border-radius);
  padding: 20px 24px 14px 24px;
  overflow: hidden;
}
.motivation-item-img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.motivation-item-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
}
.motivation-label {
  background: linear-gradient(
      201.94deg,
      #6a0306 19.07%,
      #98171a 54.28%,
      #6a0306 96.99%
    ),
    radial-gradient(
      49.99% 50% at 50% 50%,
      rgba(241, 229, 203, 0.12) 0%,
      rgba(224, 200, 154, 0.12) 100%
    ),
    linear-gradient(
      90deg,
      #e2d19d 0.01%,
      #e1c28b 25.96%,
      #fffaf2 46.64%,
      #f3e4cf 55.77%,
      #d9b67c 75.48%,
      #d9b67c 99.99%
    );
  border-radius: 6px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  padding: 8px 16px 10px 38px;
  position: relative;
  margin-bottom: 12px;
}
.motivation-label::after {
  position: absolute;
  content: "";
  left: 19px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/486/h/c8e174596003c67b6e9c5941d2658068.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 3;
}
.motivation-italic {
  font-family: "Good Vibes Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 25px;
  color: #801316;
  padding-bottom: 3px;
}
.motivation-header {
  max-width: 60%;
  padding-bottom: 8px;
  text-wrap: balance;
}
.motivation-header h2 {
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 26px;
  color: #383838 !important;
  margin: 0;
}
.motivation-header h2.motivation-accent {
  color: #6a0306 !important;
}
.motivation-text-wr {
  font-weight: 400;
  font-size: 13px;
  color: #383838;
  line-height: 1.1;
  max-width: 60%;
  text-wrap: balance;
  margin-bottom: 6px;
}
.motivation-btn-wr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* flex-direction: row;
    flex-wrap: wrap; */
  gap: 12px;
  padding-top: 6px;
  margin-top: auto;
  width: 100%;
}
.motivation-conditions {
  padding: 30px 24px;
  border-radius: var(--border-radius);
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/172/h/4f7f4c54f79ba8e7b5d898b40482b077.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* align-self: start; */
  color: #fff;
  font-size: 16px;
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.04),
    17px 66px 27px rgba(0, 0, 0, 0.01), 10px 37px 23px rgba(0, 0, 0, 0.03),
    4px 17px 17px rgba(0, 0, 0, 0.04), 1px 4px 9px rgba(0, 0, 0, 0.05);
  grid-column: 3; /* ставим в 3 колонку */
  grid-row: 1 / 5;
}

.motivation-conditions-title {
  display: flex;
  flex-direction: column;
  /* justify-content: center;
    align-items: center; */
  text-align: center;
  gap: 30px;
  margin-bottom: 30px;
}
.motivation-conditions-title p {
  text-align: left;
  font-weight: 400;
  line-height: 1.3;
}
.motivation-conditions-title p:first-child {
  font-weight: 500;
}
.fw-400 {
  font-weight: 400;
}
.motivation-conditions-balance-wr {
  font-family: "Good Vibes Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 31px;
  text-align: center;
}
.motivation-conditions-balance {
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 46px;
  text-align: center;
  padding-bottom: 18px;
  position: relative;
  padding-right: 50px;
}
.motivation-conditions-balance::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0%;
  right: 0;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/510/h/66ee18a45a1521808f7396c73002a6c3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
}
.motivation-conditions-button {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #383838;
  border-radius: var(--border-radius);
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/254/h/89a83655e4e13eefb704f4cf7d5054db.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  aspect-ratio: 3.76 / 0.84;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  box-shadow: 19px 72px 30px rgba(0, 0, 0, 0.03),
    10px 41px 25px rgba(0, 0, 0, 0.1), 5px 18px 19px rgba(0, 0, 0, 0.17),
    1px 5px 10px rgba(0, 0, 0, 0.2);
}
.motivation-conditions-button:hover {
  color: #383838 !important;
}
.motivation-conditions-text {
  line-height: 1.3;
  font-weight: 400;
}
.motivation-conditions-text p {
  font-weight: 500;
  text-wrap: balance;
  padding-bottom: 30px;
}
.motivation-conditions-text p:last-child {
  padding-bottom: 0;
}
.motivation-can-item {
  position: relative;
  padding-left: 18px;
}
.motivation-can-list,
.activnist-list {
  padding-bottom: 30px;
}
.motivation-can-item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 10px;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/24/h/4b0007304a991b5ac054741a4a6077cc.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
/* .motivation-conditions-add-score {
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
  }
  .motivation-conditions-add-score:before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image: url("");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  } */
.activnist-list-item {
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
}
.activnist-list-item:last-child {
  margin-bottom: 0;
}
.activnist-list-item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
.activnist-list-item:nth-child(1):before {
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/123/h/7491d4e0d2e0edac3000d5762a46a802.png");
}
.activnist-list-item:nth-child(2):before {
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/484/h/ad7aec7a97dff1ea89c2ee31fbd6332b.png");
}
.activnist-list-item:nth-child(3):before {
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/106/h/915e791528afcc923173a58bd30ba688.png");
}
.activnist-list-item:nth-child(4):before {
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/14/h/ee8a700fcae5d7a65cce8d4fa41c5cdc.png");
}
.activnist-list-item:nth-child(5):before {
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/93/h/232d1ff08480a9b93a06e30547356fcc.png");
}
.activnist-list-item:nth-child(6):before {
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/41/h/2210906cbf9c157c4d819c550da23283.svg");
}
.activnist-list-item:nth-child(7):before {
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/311/h/5fefcfd80b7a1ffd7166e73b667842d7.svg");
}
@media (max-width: 991px) {
  .motivation-body {
    grid-template-columns: 1fr 1fr;
  }
  .motivation-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .motivation-img-pc {
    display: none;
  }
  .motivation-img-mob {
    display: block;
    border: var(--border);
    border-radius: var(--border-radius);
    width: 100%;
    aspect-ratio: 3 / 3.8;
    overflow: hidden;
  }
  .motivation-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .motivation-item {
    padding: 14px 18px 14px 18px;
  }
  .motivation-body button {
    padding: 12px 10px 10px 10px;
  }
  .motivation-title h1 {
    position: absolute;
    left: 18px;
    top: 24px;
    transform: translateY(0%);
    font-family: "Enthalpy298";
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 1;
    color: #383838;
    margin: 0;
    max-width: 50%;
  }
}
.lesson-a-wr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 14px;
  padding-bottom: 16px;
  padding-left: 15px;
  padding-right: 15px;
}
.additional-text {
  display: flex;
  flex-direction: colomn;
}

.additional-text img {
  max-width: 30%;
  object-fit: cover;
  margin: -28px 20px -16px -32px;
}

.full-list-meditation {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-between;
}
.full-list-meditation .energy-name {
  padding-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
}
.full-list-meditation .energy-container {
  flex-grow: 1;
}
@media (max-width: 480px) {
  .additional-text {
    display: block;
  }
  .additional-text img {
    display: none;
  }
  .full-list-meditation {
    flex-direction: column;
  }
  .full-list-meditation .m-audio-wr {
    width: 100%;
  }
  .full-list-meditation .energy-container {
    flex-grow: 1;
  }
}
.m-energy-block.is-practic .svitlo-prectic {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-between;
}
.svitlo-prectic .energy-container {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 48%;
  border-radius: 6px;
  max-width: 49%;
  padding: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 16px;
  box-shadow: 0px -1px 16.2px rgba(0, 0, 0, 0.07),
    0px -1px 4px rgba(0, 0, 0, 0.04), 17px 66px 27px rgba(0, 0, 0, 0.01),
    10px 37px 23px rgba(0, 0, 0, 0.03), 4px 17px 17px rgba(0, 0, 0, 0.04),
    1px 4px 9px rgba(0, 0, 0, 0.05);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://fs.gcfiles.net/fileservice/file/download/a/911005/sc/336/h/ca40bd58cf227a9a5a179ac4e391cff6.png");
}
.m-energy-block.is-practic .svitlo-prectic img {
  height: 100%;
  width: 100%;
  max-width: 113px;
  object-fit: cover;
  border-radius: 8px;
}
.svitlo-prectic .m-audio-wr {
  min-width: 100px;
  width: 100%;
}
.svitlo-prectic .energy-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
  flex-grow: 1;
}
.svitlo-prectic .energy-name {
  font-family: "Enthalpy298";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 1;
  color: #383838;
}
@media (max-width: 480px) {
  .svitlo-prectic {
    flex-direction: column;
  }
  .svitlo-prectic .energy-container {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 48%;
    border-radius: 6px;
    max-width: none;
    padding: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
  }
}

/* 
  
  
  
  
  .gc-user-user .self-answers .answer_wrapper {
    border: 0 !important;
    padding: 0 !important;
  }
  
  .gc-user-user .self-answers .user-image-wrapper {
    display: none !important;
  }
  
  .gc-user-user .self-answers .user-image {
    display: none !important;
  }
  .gc-user-user .self-answers .b-like-and-subscribe-notifications {
    display: none !important;
  }
  .gc-user-user .self-answers .public-level-block {
    display: none !important;
  }
  
  .gc-user-user .comment-time {
    display: none !important;
  }
  
  .gc-user-user .answer-date {
    display: none !important;
  }
  .gc-user-user .btn.btn-primary.btn-send {
    border-radius: var(--border-radius);
    border: 2px solid transparent;
    padding: 12px 16px 10px 16px;
    text-transform: uppercase;
    color: rgba(127, 100, 32, 1);
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    letter-spacing: 0.07em;
    text-align: center;
    background: var(--button-background-color);
    background-color: transparent;
    padding: 13px 16px 11px 16px;
    border: 0;
    box-shadow: 0px 2px rgba(193, 163, 109, 1);
    margin-bottom: 4px;
  }
  .gc-user-user .btn.btn-send-answer.btn-primary.btn-lg {
    border-radius: var(--border-radius);
    border: 2px solid transparent;
    padding: 12px 16px 10px 16px;
    text-transform: uppercase;
    color: rgba(127, 100, 32, 1);
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    letter-spacing: 0.07em;
    text-align: center;
    background: var(--button-background-color);
    background-color: transparent;
    padding: 13px 16px 11px 16px;
    border: 0;
    box-shadow: 0px 2px rgba(193, 163, 109, 1);
    margin-bottom: 4px;
  }
  
  .gc-user-user .btn.btn-link.btn-save-draft {
    color: rgba(56, 56, 56, 1) !important;
  }
  
  .gc-user-user .answer-form > div:first-child {
    display: none !important;
  }
  
  .gc-user-user .answer-form .answer-form-inner {
    margin-left: 0px !important;
  }
  
  
  .gc-user-user .answer-edit-link {
    display: none !important;
  }
  
  .gc-user-user .answer-form .uploadifive-button {
    border-radius: 4px;
    background: none;
    background-color: transparent !important;
    color: #383838;
    border: 1px solid #383838;
  }
  
  .gc-user-user .comment.lesson-answer-comment {
    padding: 16px;
    border-radius: var(--border-radius);
    border: 1px solid #383838;
    background-color: #fff;
  } */

.custom-menu .gc-page-nav-items-menu,
.custom-menu .menu-item-profile,
.custom-menu .menu-item-teach,
.custom-menu .menu-item-notifications,
.custom-menu .menu-item-chatium {
  display: none !important;
}
.custom-menu .gc-account-leftbar {
  background-color: transparent !important;
}
.custom-menu .menu-item.menu-item-notifications_button_small {
  margin: 4px;
}

.custom-menu .menu-item.menu-item-notifications_button_small a {
  border: var(--border) !important;
  background-color: #fff !important;
  position: relative;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto !important;
  aspect-ratio: 1 / 1;
  max-width: 50px;
}
.custom-menu .menu-item.menu-item-notifications_button_small a::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/Mask%20group.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

.custom-menu .menu-item.menu-item-notifications_button_small a .menu-item-icon {
  opacity: 0 !important;
}
.custom-menu .gc-account-leftbar .gc-account-user-submenu-bar {
  background-color: #fff !important;
}
.custom-menu .notify-count {
  z-index: 2;
  bottom: 0 !important;
  right: 0 !important;
  background-color: #a20b0f !important;
  color: #fff !important;
  font-size: 13px !important;
  border-radius: 0px !important;
  border-top-left-radius: 3px !important;
}
.custom-menu
  .notification-group.notification-click-area.notification-status-new {
  border: 0px !important;
}
.custom-menu
  .notification-group.notification-click-area.notification-status-new:hover {
  background-color: transparent !important;
}
.custom-menu
  .notification-group.notification-click-area.notification-status-new
  .user-image {
  border-radius: 50% !important;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .custom-menu {
    display: none !important;
  }
  .custom-menu .gc-account-leftbar .toggle-link {
    background: transparent !important;
  }
  .custom-menu .gc-account-user-menu {
    background-color: transparent !important;
  }
  .custom-menu .menu-item.menu-item-notifications_button_small a {
    background-color: #fff !important;
  }
  .custom-menu .gc-account-leftbar .toggle-link img {
    filter: hue-rotate(134deg) saturate(400%) brightness(160%);
  }
  .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar {
    left: 0 !important;
    padding-top: 70px;
  }

  .custom-menu
    .gc-account-leftbar
    .gc-account-user-submenu-bar-notifications_button_small {
    width: 100vw;
  }
  /* .custom-menu .gc-account-leftbar .toggle-link::after {
      content: "";
      width: 20px;
      height: 20px;
      left: 0;
      top: 0;
      position: absolute;
      background-image: url("https://qhvivkiqaotzddemldmq.supabase.co/storage/v1/object/public/fonts/menu.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    } */
}
.rating-for-cookies {
  display: none !important;
}
.pagination a {
  color: #000 !important;
}

.pagination li.active a {
  background-color: #801316 !important;
  border: 1px solid #801316 !important;
  color: #fff !important;
}