.custom-layout {
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px;
}

.row {
  display: grid;
  grid-gap: 20px;
  margin-bottom: 20px;
}

.row-1,
.row-3 {
  grid-template-columns: repeat(3, 1fr);
}

.element {
  width: 432px;
  height: 645px;
  opacity: 1;
  gap: 16px;
  border-radius: 32px;
  padding: 16px;
  box-shadow: 0px 18px 88px -4px rgba(59, 139, 235, 0.14), 0px 8px 28px -6px rgba(59, 139, 235, 0.12);
  text-align: left; /* Прижатие текста к левому краю */
  background: white;
  position: relative; /* Для позиционирования кнопки */
}


.element img {
  width: 400px;
  height: 280px;
  opacity: 1;
  border-radius: 16px;
  object-fit: cover;
  margin-bottom: 4px; /* Уменьшено расстояние между заголовком и текстом */
}

.element h3 {
  margin: 0 0 4px 0; /* Уменьшено расстояние между заголовком и текстом */
}

.element p {
  margin: 0 0 10px 0; /* Отступ текста от кнопки */
}

.custom-button {
  width: 400px;
  height: 48px;
  opacity: 1;
  gap: 10px;
  border-radius: 32px;
  background: rgba(59, 139, 235, 1);
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center; /* Вертикальное центрирование текста */
  justify-content: center; /* Горизонтальное центрирование текста */
  position: absolute;
  bottom: 10px;
}


/* .custom-button .arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('arrow-icon.png') no-repeat center;
  margin-left: 5px;
} */

.row-2 .element {
  display: flex;              /* Включаем flexbox */
  flex-direction: row;        /* Элементы располагаются горизонтально */
  align-items: flex-start;    /* Выравнивание по верхнему краю */
  width: 1380px;              /* Фиксированная ширина элемента */
  height: 322.5px;            /* Высота элемента */
  padding: 16px;              /* Внутренние отступы */
  border-radius: 32px;        /* Скругление углов */
  background: white;          /* Белый фон */
  box-shadow: 0px 18px 88px -4px rgba(59, 139, 235, 0.14), 
              0px 8px 28px -6px rgba(59, 139, 235, 0.12); /* Тень */
    margin-bottom: 20px;
}

/* Стили для изображения */
.row-2 .element img {
  width: 636px;               /* Фиксированная ширина изображения */
  height: 280px;              /* Фиксированная высота изображения */
  border-radius: 16px;        /* Скругление углов */
  object-fit: cover;          /* Картинка заполняет контейнер */
  flex-shrink: 0;             /* Изображение не сжимается */
  margin-right: 16px;         /* Отступ справа для разделения */
}

/* Стили для контента */
.row-2 .element .content {
  flex: 1;                    /* Контент занимает всё оставшееся пространство */
  display: flex;              /* Включаем flexbox для контента */
  flex-direction: column;     /* Элементы внутри контента — вертикально */
  justify-content: space-between; /* Распределяем элементы по высоте */
}

/* Стили для кнопки */
.row-2 .element .custom-button {
  width: 100%;
  border-radius: 32px;        /* Скругление углов */
  background: rgba(59, 139, 235, 1); /* Синий фон */
  color: white;               /* Белый текст */
  text-decoration: none;      /* Без подчёркивания */
  display: flex;              /* Flex для центрирования текста */
  align-items: center;        /* Вертикальное выравнивание */
  justify-content: center;    /* Горизонтальное выравнивание */
    position: relative;
    margin-top: 180px;
    transition: background-color 0.3s ease;
}

.row-2 .element .custom-button:hover {
   color: white;
  background-color: rgb(46, 113, 238);
}

.custom-button:hover {
  color: white;
  background-color: rgb(46, 113, 238);
}
/* Мобильная версия */
@media (max-width: 768px) {
  .row {
    grid-template-columns: 1fr;
  }
  .element {
    width: 100%;
    height: auto;
  }
  .row-2 .element {
    width: 100%;
    height: auto;
  }
  .element img {
    width: 100%;
    height: auto;
  }
  .custom-button {
    width: 100%;
    position: relative;
    margin-top: 40px;
  }
  .row-2 .element img {
    width: 100%;
    height: auto;
  }

  .row-2 .element {
   flex-direction: column; 
    }
    .row-2 .element .content {
        width: 100%;
        height: auto;
    }
    .row-2 .element .custom-button {
        width: 100%;
            margin-top: 0px;
    }
}
.bursit-add-text{
    max-width: 1440px;
    margin: auto;
    padding: 20px 24px;
}
.bursit-add-text-bold{
    max-width: 1440px;
    margin: auto;
    padding: 0px 24px;
    font-weight: 700;
    text-decoration: uppercase;
}

.consultation-block {
      align-items: stretch; /* Растягиваем дочерние элементы по высоте */

  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(59, 139, 235, 1);
  padding: 20px;
  color: white;
  max-width: 1340px;
    margin: auto;
    border-radius: 16px;
    margin-top: 40px;
}

.text-content {
  display: grid;
  flex: 1;
  padding-right: 100px;
}

.text-content h2 {
  margin-top: 0;
  font-size: 24px;
  font-weight: bold;
  color: white;
}

.text-content p {
  font-weight: 300;
  margin: 10px 0;
}

.image-container {
  width: 400px;
  height: 400px;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bursit-add-title{
  text-align: center;
  max-width: 1440px;
    margin: auto;
    padding: 0px 24px;
  font-size: 32px;
}
@media (max-width: 768px) {
.consultation-bursit-h{
text-align: center;
}
}
@media (max-width: 768px) {
.consultation-block {
    flex-direction: column;
}
.image-container {
width: 300px;
height: 300px;
}
.text-content{
    padding-right: 0px;
}
.ol__content-title{
  font-size:16px;
}
.bursit-add-title{
  font-size: 18px;
  font-weight: 700;
}
}