.section-header {
    font-size: 2.375rem;
    font-family: "Wide-Medium", sans-serif;
    line-height: 120%;
  }
  
  /* functions */
  
  .functions {
    margin-bottom: 8.12em;
  }
  
  .functions-container {
    overflow: hidden;
  }
  
  .functions__header {
    text-align: center;
    margin: 8.12rem auto 7.44rem auto;
    max-width: 47.1875rem;
    width: 100%;
  }
  
  .functions__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .functions__wrapper_main-part {
    display: flex;
    max-width: 43.6875rem;
    width: 100%;
    justify-content: space-between;
  }
  
  .functions__main-img {
    position: relative;
    flex-shrink: 0;
  }
  
  .functions__main-img::before {
    content: "";
    width: 26.875rem;
    height: 26.875rem;
    border-radius: 26.875rem;
    background: var(--Light-Grey, #f2f3f7);
    position: absolute;
    z-index: -1;
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .functions-list {
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 28.75rem;
    width: 100%;
    margin-top: 3.56em;
  }
  
  .functions-list__item {
    font-family: "Cmpact-Regular", sans-serif;
    font-size: 1rem;
    margin-bottom: 2rem;
    position: relative;
    white-space: nowrap;
    position: relative;
  }
  
  .functions-list__item_pointer {
    position: absolute;
    height: 0.875rem;
    background-image: url('data:image/svg+xml,<svg width="289" height="14" viewBox="0 0 289 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7L275 7.00007" stroke="%23474545"/><circle cx="282" cy="7" r="6.5" stroke="%23605F5F"/></svg>');
    background-repeat: no-repeat;
    background-position: center right 0;
    background-size: cover;
    top: 2px;
    z-index: 9;
    overflow: hidden;
  }
  
  .pointer__first {
    width: 103%;
    right: -5rem;
  }
  
  .pointer__second {
    width: 90%;
    right: -6rem;
  }
  
  .pointer__third {
    width: 96%;
    right: -6.5rem;
  }
  
  .pointer__fourth {
    width: 98%;
    right: -10rem;
  }
  
  .functions-list__item:last-child {
    margin-bottom: 0;
  }
  
  .functions__wrapper_advantages-list {
    display: flex;
    flex-direction: column;
  }
  
  .advantages-list__item {
    padding: 0.72em 0 0.72rem 4.94rem;
    margin-bottom: 0.25em;
    background-repeat: no-repeat;
    background-position: left 0 center;
  }
  .advantages-list__item:last-child {
    margin-bottom: 0;
  }
  
  .advantages-list__item.cloud {
    background-image: url("img/advantages/1.svg");
  }
  
  .advantages-list__item.storage {
    background-image: url("img/advantages/2.svg");
  }
  
  .advantages-list__item.memory {
    background-image: url("img/advantages/3.svg");
  }
  
  .advantages-list__item.resolution {
    background-image: url("img/advantages/4.svg");
  }
  
  .advantages-list__item.viewing-angle {
    background-image: url("img/advantages/5.svg");
  }
  
  @media screen and (max-width: 1000px) {
    .functions__wrapper {
      flex-direction: column;
    }
  }
  @media screen and (max-width: 660px) {
    .pointer__second {
      width: 85%;
    }
  }
  @media screen and (max-width: 500px) {
    .section-header {
      font-size: 1.75rem;
    }
    .functions__main-img {
      flex-shrink: unset;
      margin-top: -1.2rem;
    }
    .functions-list__item {
      margin-bottom: 0;
    }
    .functions-list {
      margin-top: 0;
    }
    .functions__main-img::before {
      width: 15.875rem;
      height: 15.875rem;
    }
    .pointer__first {
      width: 97%;
      right: -3.5rem;
    }
    .pointer__second {
      width: 62%;
      right: -3.8rem;
    }
    .pointer__third {
      width: 79%;
      right: -4.5rem;
    }
    .pointer__fourth {
      width: 65%;
      right: -6rem;
    }
    .functions__wrapper_main-part {
      margin-bottom: 1.87em;
    }
  }
  
  /* notification */
  
  .notification {
    margin-bottom: 8.12rem;
    padding: 7.12rem 0 7.38rem;
  }
  
  .notification-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .notification-wrapper__desc {
    flex-shrink: 0;
    max-width: 29.625rem;
  }
  
  .notification-header {
    margin-bottom: 3.5rem;
  }
  
  .notification-list {
    display: flex;
    flex-direction: column;
  }
  
  .notification-list__item {
    margin-bottom: 2.87rem;
    min-height: 4.875rem;
    display: flex;
    align-items: center;
    padding-left: 6.375rem;
    background-repeat: no-repeat;
    background-position: left 0 top 0;
    font-size: 1rem;
  }
  
  .notification-list__item.noise {
    background-image: url("img/notificaion/1.svg");
  }
  
  .notification-list__item.movement {
    background-image: url("img/notificaion/2.svg");
  }
  
  .notification-list__item.animal {
    background-image: url("img/notificaion/3.svg");
  }
  
  .notification-wrapper__img {
    overflow: hidden;
    border-radius: 2.25rem;
    flex-shrink: 0;
  }
  
  @media screen and (max-width: 1000px) {
    .functions {
      margin-bottom: 4.06rem;
    }
    .notification-wrapper {
      flex-direction: column;
    }
    .notification-header {
      text-align: center;
      margin-bottom: 2.25rem;
    }
    .notification-list__item {
      font-size: 0.875rem;
    }
    .notification {
      padding: 0;
    }
  }
  
  /* benefits */
  
  .benefits {
    padding-top: 8.13rem;
    padding-bottom: 1.19rem;
    margin-bottom: 8.12rem;
  }
  
  .benefits-list__top-part {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .benefits-list__item {
    max-width: 34.0625rem;
    width: 100%;
    padding: 2.5rem;
    font-size: 1rem;
  }
  
  .benefits-list__item--last {
    margin-top: -21rem;
  }
  
  .benefits-list__item_desc-header {
    font-family: "Wide-Bold";
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
  }
  
  .benefits-list__item--different {
    border-radius: 2.25rem;
    background: var(--Blue, #ccddeb);
    display: flex;
    align-items: center;
  
    height: 16.8125rem;
  }
  
  .benefits-list__item--different .benefits-list__item_desc {
    max-width: 18.9375rem;
  }
  
  .benefits-list__item--different .benefits-list__item_img {
    margin-right: 1rem;
    flex-shrink: 0;
  }
  
  .benefits-list__item--first {
    margin-bottom: 10.63rem;
  }
  
  .benefits-list__item--last-point {
    display: flex;
    align-items: center;
    max-width: unset;
  }
  
  .benefits-list__item--last-point .benefits-list__item_img {
    margin-right: 3.19rem;
  }
  
  .benefits-list__item_img--mobile {
    display: none;
  }
  
  @media screen and (max-width: 1130px) {
    .benefits-list__item--last {
      margin-top: 0;
    }
    .benefits-list__top-part {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 1rem;
    }
    .benefits-list__item--first {
      margin-bottom: 0;
    }
    .benefits-list__item--last-point {
      flex-direction: column;
      margin-right: 0;
    }
    .notification {
      margin-bottom: 4.06rem;
    }
    .benefits {
      padding: 0;
    }
    .benefits-list__item_desc-header {
      font-size: 1.125rem;
      margin-bottom: 0.75rem;
    }
    .benefits-list__item_desc-text {
      font-size: 0.875rem;
    }
  
    .benefits-list__item_img--mobile {
      display: block;
    }
    .benefits-list__item--different img:first-child {
      display: none;
    }
    .benefits-list__item--last-point .benefits-list__item_img {
      margin-right: 0;
    }
    .benefits-list__item--different .benefits-list__item_img {
      margin-right: 0;
      margin-bottom: 1.5rem;
    }
    .benefits-list__item--different .benefits-list__item_desc {
      max-width: unset;
    }
    .benefits-list__top-part .benefits-list__item {
      padding: 0;
    }
    .benefits-list__item--different {
      flex-direction: column;
      height: unset;
      padding: 2rem 1.5rem;
      justify-content: center;
      align-items: center;
      padding: 2rem 1.5rem !important;
    }
    .benefits-list__item:nth-child(1) {
      order: 0;
    }
    .benefits-list__item:nth-child(2) {
      order: 4;
    }
    .benefits-list__item--last {
      order: 3;
    }
    .benefits-list__item:nth-child(4) {
      order: 3;
    }
  }
  
  /* price */
  
  .price {
    padding: 9rem 0;
  }
  
  .price-container {
    max-width: 35.3125rem;
    margin: 0 auto;
    display: flex;
    position: relative;
  }
  
  .price-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 9.5rem;
  
    bottom: 0;
    left: 0;
    border-radius: 1.125rem;
    background: #fff;
    box-shadow: 0px 6px 30px 0px #dcdde1;
    z-index: -1;
  }
  
  .price__camera-img {
    margin-right: 1.5rem;
  }
  
  .price__desc {
    margin-top: 4.75rem;
    font-family: "Compact-Regular", sans-serif;
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.69rem;
  }
  
  .desc__text span {
    color: var(--Red-MTS, #ff0032);
  }
  
  @media screen and (max-width: 1000px) {
    .price {
      padding: 0;
      margin-bottom: 4.06rem;
    }
  }
  
  @media screen and (max-width: 550px) {
    .price__camera-img {
      width: 4.9375rem;
      height: 7.125rem;
      margin-right: 0.1rem;
    }
    .price__desc {
      font-size: 0.875rem;
      margin-top: 1.5rem;
      padding: 1.44rem 1.44rem 0 0;
      gap: 0.75rem;
    }
    .price-container::after {
      height: 6.25rem;
    }
  }
  @media screen and (max-width: 324px) {
    .price__desc {
      font-size: 0.75rem;
      margin-top: 1.5rem;
      padding: 1.44rem 1.44rem 0 0;
      gap: 0.75rem;
    }
  }
  
  /* form */
  
  .form {
    margin-bottom: 8.13rem;
  }
  
  .form__wrapper {
    padding: 3.5rem 5.75rem;
    border-radius: 2.25rem;
    background: var(--Light-Grey, #f2f3f7);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .form__info {
    max-width: 30.35rem;
  }
  
  .form-itself {
    max-width: 28.1875rem;
    width: 100%;
  }
  
  .form__header {
    margin-bottom: 1.5rem;
  }
  
  .form__subheader {
    font-family: "Compact-Regular", sans-serif;
    font-size: 1rem;
  }
  
  .label__item {
    display: block;
    margin-bottom: 1rem;
  }
  
  .label__item:last-child {
    margin-bottom: 2.25rem;
  }
  
  .label__item input {
    display: block;
    width: 100%;
    padding: 0.5625rem 2.75rem 0.625rem 0.75rem;
    border-radius: 0.5rem;
    background: #fff;
    margin-bottom: 2px;
  
    color: #000;
    font-family: "Compact-Regular", sans-serif;
    font-size: 1.125rem;
  }
  
  input::placeholder {
    color: var(--Grey-MTS, #adafaf);
    font-family: "Compact-Regular", sans-serif;
    font-size: 1.125rem;
  }
  
  input:focus {
    outline: none;
  }
  
  .error-message {
    font-size: 0.8rem;
    color: transparent;
  }
  
  .error-message--active {
    color: red;
  }
  
  .form__btn {
    border-radius: 0.625rem;
    background: var(--Red-MTS, #ff0032);
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    color: #fff;
    font-size: 1.125rem;
  }
  
  @media screen and (max-width: 1000px) {
    .form__wrapper {
      flex-direction: column;
      padding: 2.25rem 1.5rem;
      gap: 2.06rem;
    }
  }
  
  /* system */
  
  .system {
    margin-bottom: 8.13rem;
    padding: 8.12rem 0;
    background: var(--Light-Grey, #f2f3f7);
  }
  
  .system-header {
    text-align: center;
    margin-bottom: 3.5rem;
  }
  
  .system__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  
  .system__step_list {
    display: flex;
    flex-direction: column;
    max-width: 23.125rem;
    border-radius: 2.25rem;
    background: #fff;
    padding: 2.25rem;
    margin-right: 1.88rem;
  }
  
  .system__step_list-item {
    display: flex;
    align-items: center;
    height: 5.125rem;
    padding-left: 5.31rem;
    background-repeat: no-repeat;
    background-position: center left;
  }
  
  .system__step_list-item.step-1 {
    background-image: url("img/system/1.svg");
  }
  .system__step_list-item.step-2 {
    background-image: url("img/system/2.svg");
  }
  .system__step_list-item.step-3 {
    background-image: url("img/system/3.svg");
  }
  .system__step_list-item.step-4 {
    background-image: url("img/system/4.svg");
  }
  
  .system__set-info-inner {
    padding: 2.5rem 3.5rem;
    border-radius: 2.25rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 1.8125rem;
    margin-top: -2rem;
    position: relative;
  }
  
  .system__set-info-inner_header {
    font-family: "Wide-Bold", sans-serif;
    font-size: 1.375rem;
  }
  
  .system__set_lists-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .system__set_list {
    display: flex;
    flex-direction: column;
    gap: 0.39rem;
    font-family: "Compact-Regular", sans-serif;
  }
  
  .system__set_list:first-child {
    margin-left: 1.5rem;
  }
  
  .system__set_list_item {
    list-style: disc;
  }
  
  .system__set-info-inner_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .system__set-info-inner-price_wrapper {
    display: flex;
    gap: 1.13rem;
    font-size: 2rem;
    margin-bottom: 0.25rem;
  }
  
  .price-0 {
    color: var(--Red-MTS, #ff0032);
  }
  
  .price-old {
    color: var(--Grey-MTS, #adafaf);
    text-decoration-line: line-through;
  }
  
  .system__set-info-inner-price_desc {
    font-family: "Compact-Regular", sans-serif;
  
    font-size: 1rem;
  }
  
  .system__set-info-inner-price_desc span {
    color: var(--Red-MTS, #ff0032);
  }
  
  .system__set-info-inner_link {
    display: flex;
    width: 20.125rem;
    padding: 0.75rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
    border-radius: 0.625rem;
    background: var(--Red-MTS, #ff0032);
    color: #fff !important;
  
    text-align: center;
  }
  
  @media screen and (max-width: 1120px) {
    .system {
      padding: 3.5rem 2.25rem;
    }
    .system__wrapper {
      flex-direction: column;
      align-items: center;
      gap: 1rem;
    }
    .system__step_list {
      order: 2;
      margin-right: 0;
    }
    .system__set-info-inner_bottom {
      flex-direction: column;
      gap: 1.25rem;
      align-items: flex-start;
    }
    .system__set_lists-wrapper {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem;
    }
    .system__set_list:first-child {
      margin-left: 0;
    }
    .system__set-info-inner_link {
      width: 100%;
    }
    .system__set-info-inner-price_desc {
      font-size: 0.75rem;
    }
    .system__set-info-inner-price_wrapper {
      font-size: 1.4rem;
    }
  }
  
  /* app */
  
  .app {
    margin-bottom: 5.13rem;
  }
  
  .app__wrapper {
    display: flex;
    justify-content: space-between;
  }
  
  .app__info {
    max-width: 41.875rem;
  }
  
  .app-header {
    margin-bottom: 3.5rem;
  }
  
  .app__features-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem;
  }
  
  .app__features-list_item {
    padding: 2.25rem;
    margin-bottom: 1.25rem;
    border-radius: 2.25rem;
    background: var(--Light-Grey, #f2f3f7);
  }
  
  .app__features-list_item:last-child {
    margin-bottom: 0;
  }
  
  .app__features-list_item-header {
    font-family: "Wide-Bold", sans-serif;
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
  }
  
  .app__features-list_item-text {
    font-family: "Compact-Regular", sans-serif;
    font-size: 1rem;
    line-height: 130%;
  }
  
  .app__img {
    margin-top: 3.69rem;
  }
  
  @media screen and (max-width: 1100px) {
    .app__wrapper {
      flex-direction: column;
      gap: 3.19rem;
      align-items: center;
    }
    .app-header {
      text-align: center;
      margin-bottom: 2.25rem;
    }
    .app__features-list_item {
      padding: 1.5rem;
      margin-bottom: 1rem;
    }
    .app__img {
      margin-top: 0;
    }
  }
  
  /* text */
  
  .text {
    margin-bottom: 10.62rem;
  }
  
  .site__bottom-text {
    color: #9d9fa0;
    font-family: "Compact-Regular", sans-serif;
    font-size: 0.875rem;
  }
  
  .site__bottom-text_container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 7rem;
    overflow: hidden;
    position: relative;
  }
  
  .site__bottom-text_container::before {
    content: "";
    width: 100%;
    height: 1.5rem;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 1) 100%
    );
    position: absolute;
    bottom: 0;
    left: 0;
  }
  
  .site__bottom-text_container--active.site__bottom-text_container::before {
    opacity: 0;
  }
  
  .site__bottom-text_container--active {
    height: unset;
    overflow: unset;
  }
  
  .show-hide-text {
    margin-top: 0.88rem;
    left: 0;
    bottom: 0;
    color: #58595b;
    font-family: "Compact-Regular", sans-serif;
    font-size: 0.875rem;
    text-transform: uppercase;
    padding-right: 1.5rem;
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="8" viewBox="0 0 16 8" fill="none"><path d="M1 1L8 7L15 1" stroke="%2358595B" stroke-width="1.5"/></svg>');
  }
  
  .show-hide-text--active {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="8" viewBox="0 0 16 8" fill="none"><path d="M1 1L8 7L15 1" stroke="%2358595B" stroke-width="1.5" transform="rotate(180 8 4)"/></svg>');
  }