/* EXPERIENCE SECTION START */

.experience {}
.experience__container {}

.experience__content {
  display: grid;
  align-items: center;
  grid-template-columns: var(--container-grid);
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  transition: opacity 0.9s ease 0.2s,
    transform 0.9s ease 0.2s,
    visibility 0.9s ease 0.2s;

  &.scroll-active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }

  &:not(:last-child) {
    margin-block-end: 3.125rem;
  }

  &:nth-child(2) .experience__text {
    margin-block-end: 1.25rem;
  }
}

.experience__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 100%;
  padding: min(1.75rem, 2.5vw);
  background-color: #ebf7ff;
}
.experience__title {
  margin-block-end: 1rem;
}
.experience__text {}

.experience__img {
  width: 100%;
}

/* EXPERIENCE SECTION END */
/* WELECOME SECTION START */

.welcome {}

.welcome__container {}

.welcome__wrapper {
  display: grid;
  grid-template-columns: var(--container-grid);
  align-items: center;
  /* gap: 1.875rem; */
  margin-block-end: 4.375rem;
  opacity: 0;
  transform: translateY(40px);
  visibility: hidden;
  transition: opacity 0.9s ease 0.2s,
    transform 0.9s ease 0.2s,
    visibility 0.9s ease 0.2s;

  &.scroll-active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}

.welcome__title {
  margin-block-end: 1rem;
}

.welcome__text {
  margin-block-end: 1.25rem;
}

.welcome__img {
  
}

.welcome__swiper {
  opacity: 0;
  transform: translateY(40px);
  visibility: hidden;
  transition: opacity 0.9s ease 0.2s,
    transform 0.9s ease 0.2s,
    visibility 0.9s ease 0.2s;

  &.scroll-active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }

  & .swiper-slide {
   
    display: flex;
    justify-content: center;
  }
  & .swiper-wrapper {
    height: auto;
  }
}

.welcome__slider-img {
  width: 500px;
  height: 300px;
}

.welcome__content {
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 100%;
  padding: min(1.75rem, 2.5vw);
  background-color: #ebf7ff;
}

/* WELECOME SECTION END */

.quality__text a {
    color: #0f6fb0;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s 
ease;
}
.quality__text a:hover {
    color: #003399;
    text-decoration: underline;
}
 
.pdf-row {
  flex-wrap: wrap;
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.pdf-row a {
    color: #0f2c92;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s;
}

.pdf-row a:hover {
    text-decoration: underline;
    color: #063b78;
}
/* --- MOBILE FIX --- */
@media (max-width: 768px) {
    .welcome__slider-img {
        width: 100%;
        max-width: 300px;  /* можно 260–340px */
        height: auto;
        object-fit: cover;
        
    }

    /* центрируем внутри слайда */
    .swiper-slide {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
}

/* --- MOBILE: ТЕКСТ → КАРТИНКА ДЛЯ ВСЕХ БЛОКОВ --- */
@media (max-width: 768px) {

    /* Делаем одну колонку вместо var(--container-grid) */
    .experience__content,
    .welcome__wrapper {
        grid-template-columns: 1fr !important;
    }

    /* Устанавливаем порядок элементов */
    .experience__box,
    .welcome__content {
        order: 1; /* Текст всегда наверху */
    }

    .experience__img,
    .welcome__img {
        order: 2; /* Картинка всегда ниже текста */
        margin-top: 15px;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}