/* Start:/zarabatyvay-s-nami/style.css?17652624583415*/
/* ОБЩАЯ ОБЁРТКА СТРАНИЦЫ */
.rabota-page {
  width: 100%;
}

/* ОТДЕЛЬНЫЙ БЛОК-ЭКРАН (SECTION) */
.rabota-section {
  width: 100%;
  margin-top: 30px;
}

/* КРАСНАЯ ПОЛОСА С ЗАГОЛОВКОМ */
.title-wrapper {
  width: 100%;
  padding: 18px 0;
  background-color: #E31E24;
}

.rabota__title {
  margin: 0 auto;
  max-width: 720px;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
}

/* ОБЩИЕ НАСТРОЙКИ ДЛЯ БЛОКОВ С ФОНОВЫМИ КАРТИНКАМИ */
.franshiza__header,
.dezigners__section,
.montajnik__section {
  position: relative;
  width: 100%;
  min-height: 260px;
  padding: 50px 15px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* ВАЖНО: КОНКРЕТНЫЕ ФОНЫ */
.franshiza__header {
  background-image: url("/zarabatyvay-s-nami/img/31.png");
}

.dezigners__section {
  background-image: url("/zarabatyvay-s-nami/img/1.png");
}

.montajnik__section {
  background-image: url("/zarabatyvay-s-nami/img/3.png");
}

/* ДЛЯ ДЕСКТОПА ПОДГОНЯЕМ ПОД 1024x410 */
@media (min-width: 1024px) {
  .franshiza__header,
  .dezigners__section,
  .montajnik__section {
    height: 410px; /* под твой размер картинок */
  }
}

/* ЗАГОЛОВКИ ВНУТРИ БЛОКОВ */
.title__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.title__second_wrapper {
  min-width: 200px;
  height: 45px;
  background-color: #E31E24;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.title__second {
  margin: 0;
  font-weight: 800;
  font-size: 35px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #ffffff;
}

@media (max-width: 1140px) {
  .title__second {
    font-size: calc(24px + 11 * ((100vw - 320px) / 820));
  }
}

.franshiza__header-title {
  margin: 0;
  padding: 0;
  color: #E31E24;
  font-weight: 800;
  font-size: 55px;
  line-height: 1.1;
  text-transform: uppercase;
}

@media (max-width: 1140px) {
  .franshiza__header-title {
    font-size: calc(33px + 22 * ((100vw - 320px) / 820));
  }
}

/* КНОПКА */
.rabota__link {
  transition: all 0.5s;
  margin: 0 auto;
  width: 160px;
  height: 50px;
  background-color: #E31E24;

  display: flex;
  justify-content: center;
  align-items: center;

  font-weight: 800;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}

.rabota__link:hover {
  color: #ffffff !important;
  opacity: 0.8;
}

.rabota__link:focus {
  color: #ffffff !important;
}

/* МОБИЛЬНАЯ АДАПТАЦИЯ */
@media (max-width: 767px) {
  .title-wrapper {
    padding: 12px 0;
  }

  .rabota__title {
    padding: 0 15px;
    font-size: 20px;
  }

  .title__wrapper {
    flex-direction: column;
    gap: 8px;
  }

  .title__second_wrapper {
    margin-right: 0;
  }

  .franshiza__header,
  .dezigners__section,
  .montajnik__section {
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px 15px;
    height: auto; /* не душим по высоте на мобильных */
  }

  .rabota__link {
    width: 100%;
    max-width: 220px;
  }
}

/* End */
/* /zarabatyvay-s-nami/style.css?17652624583415 */