.trainings__wrapper {
  position: relative;
  overflow: hidden;
  padding: 0 1px;
  margin-bottom: 4rem; }
  .trainings__wrapper .swiper {
    padding-bottom: 8rem; }
  .trainings__wrapper .swiper-pagination-bullet-active {
    background: #03abab; }

.trainings__item {
  border: 1px solid #434343;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: initial; }
  .trainings__item__img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .trainings__item__wrapper {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    height: 100%; }
  .trainings__item__meta__date {
    display: flex;
    align-items: center;
    font-size: var(--fontSize--normal);
    color: #747474;
    gap: 0.2rem; }
  .trainings__item__title {
    margin: 1rem 0;
    font-size: var(--fontSize--l) !important;
    line-height: 1 !important; }
  .trainings__item__descrption {
    font-size: var(--fontSize--m);
    line-height: 1.2;
    font-weight: 300;
    margin: 1rem 0; }
  .trainings__item__price {
    font-size: var(--fontSize--lm);
    color: #03abab;
    font-weight: 600;
    margin: 1rem 0; }
  .trainings__item__footer {
    margin-top: auto;
    border-top: 1px solid #434343; }
    .trainings__item__footer a {
      margin-top: 2rem;
      display: inline-flex;
      align-items: center;
      font-weight: 500;
      color: #03abab;
      font-size: var(--fontSize--s);
      text-decoration: none;
      gap: 0.5rem; }
      @media (min-width: 992px) {
        .trainings__item__footer a:hover svg {
          transform: translateX(10px); } }
      .trainings__item__footer a svg {
        transition: 0.3s all; }

.trainings__popup__title {
  text-align: center;
  margin: 1rem 0 0 !important;
  line-height: 1.1 !important; }

.trainings__popup__img {
  width: 100%;
  display: flex;
  justify-content: center; }

.trainings__popup__img img {
  width: 100%;
  object-fit: contain;
  object-position: center;
  aspect-ratio: 200 / 90; }

@media (min-width: 992px) {
  .trainings__popup__img img {
    aspect-ratio: 300 / 90; } }

.trainings__popup__links {
  margin-top: var(--space--small);
  gap: var(--space--small);
  display: flex;
  flex-direction: column; }

@media (min-width: 992px) {
  .trainings__popup__links {
    gap: var(--space--normal);
    flex-direction: row;
    justify-content: center; } }

.trainings__popup__links a {
  text-align: center;
  justify-content: center; }

.trainings__popup__links a:before {
  content: unset !important; }