.elementor-42 .elementor-element.elementor-element-5a40d407{--display:flex;}.elementor-42 .elementor-element.elementor-element-784aa08c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-42 .elementor-element.elementor-element-528a3c97{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-624dd403{color:#000000;}.elementor-42 .elementor-element.elementor-element-158da654{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-42 .elementor-element.elementor-element-673c7f8c img{height:400px;}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-158da654.e-con{--order:-99999 /* order start hack */;}}@media(min-width:768px){.elementor-42 .elementor-element.elementor-element-528a3c97{--width:50%;}.elementor-42 .elementor-element.elementor-element-158da654{--width:50%;}}/* Start custom CSS for text-editor, class: .elementor-element-624dd403 */.elementor-42 .elementor-element.elementor-element-624dd403{

height: 400px;

overflow-y: scroll !important;

overflow-x: hidden !important;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784aa08c *//* =========================================
   СТРАНИЦА «СОЗДАНИЕ САЙТОВ»
   ========================================= */


/* =========================================
   ОСНОВНОЙ КОНТЕЙНЕР
   ========================================= */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky {
  --bym-black: #121212;
  --bym-paper: #f5f1e9;
  --bym-white: #fffdf8;
  --bym-blue: #33498f;
  --bym-green: #99ff00;
  --bym-orange: #ff8041;

  display: grid !important;
  grid-template-columns: minmax(0, 62%) minmax(300px, 38%) !important;
  align-items: start !important;
  gap: 56px !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 56px !important;

  color: var(--bym-black) !important;
  background: var(--bym-paper) !important;

  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}


/* Убираем старые декоративные элементы */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky::before,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky::after,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h1::before,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h1::after,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h3::before,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h3::after,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__media::before,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__media::after {
  content: none !important;
  display: none !important;
}


/* =========================================
   ТЕКСТОВАЯ КОЛОНКА
   ========================================= */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text {
  display: block !important;

  width: 100% !important;
  max-width: 720px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}


/* Отключаем старую внутреннюю прокрутку */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__text
.elementor-widget-text-editor,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__text
.elementor-widget-text-editor
.elementor-widget-container {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}


/* =========================================
   ГЛАВНЫЙ ЗАГОЛОВОК
   ========================================= */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h1 {
  margin: 0 0 42px !important;
  padding: 0 !important;

  color: var(--bym-black) !important;
  background: transparent !important;

  font-family: "Arial Narrow", Arial, Impact, sans-serif !important;
  font-size: clamp(2.7rem, 3.4vw, 4rem) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  text-transform: none !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* =========================================
   ОСНОВНОЙ ТЕКСТ
   ========================================= */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text p {
  margin: 0 0 20px !important;
  padding: 0 !important;

  color: var(--bym-black) !important;
  background: transparent !important;

  font-family: "Inter", Arial, sans-serif !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* =========================================
   КАРТОЧКИ ПОДЗАГОЛОВКОВ
   ========================================= */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h3 {
  display: block !important;

  width: calc(100% - 12px) !important;
  max-width: 100% !important;

  margin: 58px 0 30px !important;
  padding: 20px 24px !important;

  color: var(--bym-black) !important;
  background: var(--bym-white) !important;

  font-family: "Arial Narrow", Arial, Impact, sans-serif !important;
  font-size: clamp(1.65rem, 1.9vw, 2.15rem) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;

  border: 2px solid var(--bym-black) !important;
  border-radius: 0 !important;
}


/* Первая карточка — синяя подложка */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__text
h3:nth-of-type(1) {
  box-shadow: 10px 10px 0 var(--bym-blue) !important;
}


/* Вторая карточка — салатовая подложка */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__text
h3:nth-of-type(2) {
  box-shadow: 10px 10px 0 var(--bym-green) !important;
}


/* Третья карточка — коралловая подложка */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__text
h3:nth-of-type(3) {
  box-shadow: 10px 10px 0 var(--bym-orange) !important;
}


/* Четвёртая карточка — синяя подложка */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__text
h3:nth-of-type(4) {
  box-shadow: 10px 10px 0 var(--bym-blue) !important;
}


/* =========================================
   ФИКСИРОВАННЫЙ ЛОГОТИП
   ========================================= */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__media {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 110px !important;

  display: block !important;
  align-self: start !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 32px !important;

  background: var(--bym-white) !important;

  border: 2px solid var(--bym-black) !important;
  border-radius: 0 !important;
  box-shadow: 10px 10px 0 var(--bym-blue) !important;

  overflow: visible !important;
}


/* Контейнер изображения Elementor */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__media
.elementor-widget-image,
.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__media
.elementor-widget-image
.elementor-widget-container {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
}


/* Сам логотип */

.elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
.bym-service-sticky__media
img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 auto !important;
  padding: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;

  object-fit: contain !important;
  object-position: center center !important;

  filter: none !important;
  mix-blend-mode: normal !important;
}


/* =========================================
   ПЛАНШЕТ
   ========================================= */

@media (max-width: 1024px) {
  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky {
    grid-template-columns: minmax(0, 58%) minmax(280px, 42%) !important;
    gap: 38px !important;

    padding: 40px 32px !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h1 {
    font-size: clamp(2.5rem, 4.5vw, 3.4rem) !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__media {
    top: 90px !important;
    padding: 22px !important;
  }
}


/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================= */

@media (max-width: 767px) {
  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky {
    grid-template-columns: 1fr !important;
    gap: 36px !important;

    padding: 32px 18px 48px !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text {
    max-width: none !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__media {
    position: relative !important;
    top: auto !important;

    order: -1;

    padding: 18px !important;

    box-shadow: 7px 7px 0 var(--bym-blue) !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h1 {
    margin-bottom: 32px !important;

    font-size: clamp(2.2rem, 9vw, 3rem) !important;
    line-height: 1.03 !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text h3 {
    width: calc(100% - 8px) !important;

    margin: 46px 0 26px !important;
    padding: 16px 18px !important;

    font-size: clamp(1.45rem, 6vw, 1.8rem) !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
  .bym-service-sticky__text
  h3:nth-of-type(1) {
    box-shadow: 7px 7px 0 var(--bym-blue) !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
  .bym-service-sticky__text
  h3:nth-of-type(2) {
    box-shadow: 7px 7px 0 var(--bym-green) !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
  .bym-service-sticky__text
  h3:nth-of-type(3) {
    box-shadow: 7px 7px 0 var(--bym-orange) !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky
  .bym-service-sticky__text
  h3:nth-of-type(4) {
    box-shadow: 7px 7px 0 var(--bym-blue) !important;
  }

  .elementor-42 .elementor-element.elementor-element-784aa08c.bym-service-sticky .bym-service-sticky__text p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}/* End custom CSS */