/**
 * Hero CTAs under brand logo (Group_34), above the about card.
 * УСЛУГИ = 1720818428735, ОСТАВИТЬ ЗАЯВКУ = 1720819244444
 * Logo image = 1720812073483 (top 403, h ~161 → bottom ~564)
 */

#rec673668402 .tn-elem[data-elem-id="1720818428735"],
#rec673668402 .tn-elem[data-elem-id="1720819244444"] {
  z-index: 40 !important;
}

/* Desktop 1200 — under logo, above about card (621) */
#rec673668402 .tn-elem[data-elem-id="1720818428735"] {
  top: 558px !important;
  left: calc(50% - 600px + 380px) !important;
  width: 200px !important;
  height: 48px !important;
}

#rec673668402 .tn-elem[data-elem-id="1720819244444"] {
  top: 558px !important;
  left: calc(50% - 600px + 620px) !important;
  width: 200px !important;
  height: 48px !important;
}

/* Secondary: УСЛУГИ outline on light photo area */
#rec673668402 .tn-elem[data-elem-id="1720818428735"] .tn-atom {
  background-color: #ffffff !important;
  --t396-bgcolor-color: #ffffff !important;
  border: 2px solid #007660 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
  color: #007660 !important;
}

#rec673668402 .tn-elem[data-elem-id="1720818428735"] .tn-atom .tn-atom__button-text {
  color: #007660 !important;
}

@media screen and (max-width: 1199px) {
  /* 960 — about card ~626 */
  #rec673668402 .tn-elem[data-elem-id="1720818428735"] {
    top: 548px !important;
    left: calc(50% - 480px + 260px) !important;
    width: 200px !important;
    height: 48px !important;
  }

  #rec673668402 .tn-elem[data-elem-id="1720819244444"] {
    top: 548px !important;
    left: calc(50% - 480px + 500px) !important;
    width: 200px !important;
    height: 48px !important;
  }
}

@media screen and (max-width: 959px) {
  /* 640 — about card 414 */
  #rec673668402 .tn-elem[data-elem-id="1720818428735"] {
    top: 362px !important;
    left: calc(50% - 320px + 184px) !important;
    width: 130px !important;
    height: 40px !important;
  }

  #rec673668402 .tn-elem[data-elem-id="1720819244444"] {
    top: 362px !important;
    left: calc(50% - 320px + 326px) !important;
    width: 130px !important;
    height: 40px !important;
  }
}

@media screen and (max-width: 639px) {
  /* 480 — about card 347 */
  #rec673668402 .tn-elem[data-elem-id="1720818428735"] {
    top: 295px !important;
    left: calc(50% - 240px + 104px) !important;
    width: 130px !important;
    height: 40px !important;
  }

  #rec673668402 .tn-elem[data-elem-id="1720819244444"] {
    top: 295px !important;
    left: calc(50% - 240px + 246px) !important;
    width: 130px !important;
    height: 40px !important;
  }
}

@media screen and (max-width: 479px) {
  /* 320 — stack below logo (JS also enforces); may overlap about card top */
  #rec673668402 .tn-elem[data-elem-id="1720818428735"] {
    top: 268px !important;
    left: calc(50% - 160px + 50px) !important;
    width: 220px !important;
    height: 40px !important;
  }

  #rec673668402 .tn-elem[data-elem-id="1720819244444"] {
    top: 316px !important;
    left: calc(50% - 160px + 50px) !important;
    width: 220px !important;
    height: 40px !important;
  }
}

/* About title was above body text at 640/960 artboards — fix reading order */
@media screen and (max-width: 1199px) and (min-width: 960px) {
  #rec673668402 .tn-elem[data-elem-id="1741950085406"] {
    top: 695px !important;
    z-index: 5 !important;
  }

  #rec673668402 .tn-elem[data-elem-id="1700126186451"] {
    top: 728px !important;
    z-index: 4 !important;
  }
}

@media screen and (max-width: 959px) and (min-width: 640px) {
  #rec673668402 .tn-elem[data-elem-id="1741950085406"] {
    top: 430px !important;
    z-index: 5 !important;
  }

  #rec673668402 .tn-elem[data-elem-id="1700126186451"] {
    top: 458px !important;
    z-index: 4 !important;
  }
}