/* === DC SYSTEM ONLINE CONTROL SYSTEM PAGE === */

.online__control__system__home__icon {
  width: 218px;
  height: 218px;
  left: 2920px;
  top: 24px;
}

.online__control__system__home__circle {
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  border-radius: 50%;

  background: #f3c32d;

  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.online__control__system__home__circle:active {
  background: #ffd84e;
  transform: translateY(3px) scale(0.97);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.online__control__system__home__outline {
  left: 28.44%;
  right: 28.44%;
  top: 29.36%;
  bottom: 33.49%;

  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.online__control__system__home__circle:active
  + .online__control__system__home__outline {
  transform: translateY(1px);
}

.online__control__system__lang__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;

  width: 610px;
  left: calc(50% - 610px / 2 + 1575px);
  top: 1.48%;
  bottom: 88.33%;

  background: #2e2e2e;
  border-radius: 15px;

  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.online__control__system__lang__btn:active {
  background: #3a3a3a;
  transform: translateY(3px) scale(0.97);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.online__control__system__lang__btn span {
  font-family: 'DIN OT Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 70px;
  line-height: 90px;

  color: #ffffff;
}

.online__control__system__lang__btn:active span {
  transform: translateY(1px);
}

.online__control__system__title {
  width: 1842px;
  height: 647px;
  left: 254px;
  top: 146px;

  font-family: 'DIN OT Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 200px;
  line-height: 200px;
  /* or 100% */
  text-transform: uppercase;

  color: #ffffff;
}

.online__control__system__intro {
  width: 1222px;
  height: 366px;
  left: 254px;
  top: 617px;

  font-family: 'DIN OT Light';
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 55px;
  /* or 110% */

  color: #ffffff;
}

.online__control__system__bg__overlay {
  width: 2887px;
  height: 3437px;
  left: calc(50% - 2887px / 2 + 118.5px);
  top: calc(50% - 3437px / 2 - 229.5px);

  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%
  );
  border-radius: 872px;
}

.online__control__system__bg {
  width: 3600px;
  height: 2600px;
  left: 745px;
  top: -250px;

  background: url('../img/macbook-silver.png');
}

/* === Features === */
.online__control__system__feature__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;

  width: 102px;
  height: 102px;
}

.online__control__system__feature__icon__circle {
  position: absolute;
  inset: 0;
  background: #f3c32d;
  border: 1px solid #f3c32d;
  border-radius: 50%;
}

.online__control__system__feature__label {
  height: 55px;

  font-family: 'DIN OT Light';
  font-weight: 400;
  font-size: 50px;
  line-height: 55px;
  color: #fff;
}

/* === Feature 0 === */
.online__control__system__feature.feature-0
  .online__control__system__feature__icon {
  left: 254px;
  top: 800px;
}

.online__control__system__feature.feature-0
  .online__control__system__feature__label {
  width: 450px;
  height: 55px;
  left: 422px;
  top: 823px;
}

/* === Feature 1 === */
.online__control__system__feature.feature-1
  .online__control__system__feature__icon {
  left: 254px;
  top: 947px;
}

.online__control__system__feature.feature-1
  .online__control__system__feature__label {
  width: 757px;
  height: 94px;
  left: 422px;
  top: 950px;
}

/* === Feature 2 === */
.online__control__system__feature.feature-2
  .online__control__system__feature__icon {
  left: 254px;
  top: 1094px;
}

.online__control__system__feature.feature-2
  .online__control__system__feature__label {
  width: 850px;
  left: 422px;
  top: 1110px;
}

/* === Feature 3 === */
.online__control__system__feature.feature-3
  .online__control__system__feature__icon {
  left: 254px;
  top: 1241px;
}

.online__control__system__feature.feature-3
  .online__control__system__feature__label {
  width: 900px;
  left: 422px;
  top: 1264px;
}

/* === Feature 4 === */
.online__control__system__feature.feature-4
  .online__control__system__feature__icon {
  left: 254px;
  top: 1388px;
}

.online__control__system__feature.feature-4
  .online__control__system__feature__label {
  width: 750px;
  left: 422px;
  top: 1407px;
}

/* === Feature 5 === */
.online__control__system__feature.feature-5
  .online__control__system__feature__icon {
  left: 254px;
  top: 1535px;
}

.online__control__system__feature.feature-5
  .online__control__system__feature__label {
  width: 650px;
  left: 422px;
  top: 1558px;
}

.online__control__system__available {
  width: 650px;
  height: 120px;
  left: 254px;
  top: 1721px;

  font-family: 'DIN OT Light';
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 60px;
  /* or 150% */

  color: #ffffff;
}

.online__control__system__visit__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;

  width: 598px;
  left: calc(50% - 598px / 2 + 656px);
  top: 44.91%;
  bottom: 44.91%;

  background: #f3c32d;
  border-radius: 15px;

  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.online__control__system__visit__btn:active {
  background: #ffd84e;
  transform: translateY(3px) scale(0.97);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.online__control__system__machine__zero {
  width: 659px;
  height: 501px;
  left: calc(50% - 659px / 2 + 1538.5px);
  top: calc(50% - 501px / 2 + 595.5px);
}

.online__control__system__machine__zero__circles {
  width: 119px;
  height: 119px;
  left: 3411px;
  top: 1477px;
}

.online__control__system__machine__zero__circle__inner {
  left: 32.31%;
  right: 33.08%;
  top: 32.31%;
  bottom: 33.08%;

  border-radius: 50%;
  background: #f3c32d;
}

.online__control__system__machine__zero__circle__outer {
  box-sizing: border-box;

  left: 7.69%;
  right: 7.69%;
  top: 7.69%;
  bottom: 7.69%;

  border-radius: 50%;
  border: 1px solid #f3c32d;
  box-shadow: 0px 0px 10px 1px #f3c32d;
}

.online__control__system__machine__zero__circle__outer2 {
  box-sizing: border-box;

  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;

  border-radius: 50%;
  border: 1px solid #f3c32d;
  box-shadow: 0px 0px 10px 1px #f3c32d;
}

.online__control__system__visit__btn span {
  font-family: 'DIN OT Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 70px;
  line-height: 90px;

  color: #000000;
}

.online__control__system__visit__btn:active span {
  transform: translateY(1px);
}

.online__control__system__footer {
  position: absolute;
  width: 3840px;
  height: 220px;
  top: 1879px;
  left: 0;
}

.online__control__system__footer__link {
  position: absolute;
  width: 925px;
  height: 220px;
  border-radius: 15px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-family: 'DIN OT Medium';
  font-weight: 500;
  font-size: 66px;
  line-height: 100px;
  text-transform: uppercase;
  color: #fff;
  background: transparent;

  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.online__control__system__footer__link:not(.active):active {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(2px) scale(0.98);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
}

.online__control__system__footer__link:not(.active):hover {
  color: rgba(255, 255, 255, 0.8);
}

/* === Active button === */
.online__control__system__footer__link.active {
  border: none;
  background: #f3c32d;
  color: #000;

  /* Disable clicking */
  pointer-events: none;
  cursor: default;
}

.online__control__system__footer__link:nth-child(1) {
  left: calc(50% - 925px / 2 - 1417.5px);
}
.online__control__system__footer__link:nth-child(2) {
  left: calc(50% - 925px / 2 - 472.5px);
}
.online__control__system__footer__link:nth-child(3) {
  left: calc(50% - 925px / 2 + 472.5px);
}
.online__control__system__footer__link:nth-child(4) {
  left: calc(50% - 925px / 2 + 1417.5px);
}

/* === Z-Index Management === */
.container-fluid.position-relative.h-100 {
  position: relative;
  z-index: 0;
}

.online__control__system__bg {
  z-index: 0;
}
.online__control__system__bg__overlay {
  z-index: 1;
}

.online__control__system__home__icon,
.online__control__system__lang__btn,
.online__control__system__title,
.online__control__system__intro,
.online__control__system__features,
.online__control__system__available,
.online__control__system__machine__zero,
.online__control__system__machine__zero__circles,
.online__control__system__machine__zero__circle__inner,
.online__control__system__machine__zero__circle__outer,
.online__control__system__machine__zero__circle__outer2,
.online__control__system__visit__btn,
.online__control__system__footer {
  z-index: 2;
}

/* === Responsive styles for screens up to 768px wide === */
@media (max-width: 360px) {

  .online__control__system__home__icon {
      width: 35px;
      height: 35px;
      left: 325px;
      top: 4px;
    }
  
    .online__control__system__home__circle {
      left: 0%;
      right: 0%;
      top: 0%;
      bottom: 0%;
      border-radius: 50%;
    }
  
    .online__control__system__home__outline {
      left: 11%;
      right: 11%;
      top: 10%;
      bottom: 11%;
    }
  
    .online__control__system__home__outline svg {
      width: 25px !important;
      height: 23px !important;
    }
  
  
    .online__control__system__lang__btn {
  
      width: 203px;
      left: calc(50% - 203px / 2 + 525px);
      top: 1.48%;
      bottom: 88.33%;
      display: none;
    }
  
  
    .online__control__system__lang__btn span {
      font-weight: 500;
      font-size: 23px;
      line-height: 30px;
    }
  
  
    .online__control__system__title {
      width: 307px;
      height: 109px;
      left: 23px;
      top: 100px;
  
      font-weight: 300;
      font-size: 33px;
      line-height: 33px;
    }
  
    .online__control__system__intro {
      width: 330px;
        height: 61px;
        left: 23px;
        top: 180px;
      
        font-weight: 200;
        font-size: 15px;
        line-height: 20px;
      /* or 110% */
  
    }
  
    .online__control__system__bg__overlay {
      width: 360px;
        height: 600px;
        left: 0px;
        top: 100px;
  
    }
  
    .online__control__system__bg {
      width: 360px;
        height: 600px;
        left: 0px;
        top: 100px;
      background: url('../img/macbook-silver-360.png');
      background-repeat: no-repeat;
    }
  
    /* === Features === */
    .online__control__system__feature__icon {
  
      width: 15px;
      height: 15px;
    }
  
    .online__control__system__feature__label {
      height: 15px;
  
      font-weight: 200;
      font-size: 13px;
      line-height: 15px;
    }
  
    .online__control__system__feature__icon__outline svg {
      width: 13px !important;
      height: 12px !important;
    }
  
    /* === Feature 0 === */
    .online__control__system__feature.feature-0 .online__control__system__feature__icon {
      left: 23px;
      top: 267px;
    }
  
    .online__control__system__feature.feature-0 .online__control__system__feature__label {
      width: 200px;
      height: 18px;
      left: 50px;
      top: 267px;
    }
  
    /* === Feature 1 === */
    .online__control__system__feature.feature-1 .online__control__system__feature__icon {
      left: 23px;
      top: 296px;
    }
  
    .online__control__system__feature.feature-1 .online__control__system__feature__label {
      width: 400px;
      height: 31px;
      left: 50px;
      top: 295px;
    }
  
    /* === Feature 2 === */
    .online__control__system__feature.feature-2 .online__control__system__feature__icon {
      left: 23px;
      top: 325px;
    }
  
    .online__control__system__feature.feature-2 .online__control__system__feature__label {
      width: 383px;
      left: 50px;
      top: 325px;
    }
  
    /* === Feature 3 === */
    .online__control__system__feature.feature-3 .online__control__system__feature__icon {
      left: 23px;
      top: 355px;
    }
  
    .online__control__system__feature.feature-3 .online__control__system__feature__label {
      width: 350px;
      left: 50px;
      top: 355px;
    }
  
    /* === Feature 4 === */
    .online__control__system__feature.feature-4 .online__control__system__feature__icon {
      left: 23px;
      top: 383px;
    }
  
    .online__control__system__feature.feature-4 .online__control__system__feature__label {
      width: 340px;
      left: 50px;
      top: 383px;
    }
  
    /* === Feature 5 === */
    .online__control__system__feature.feature-5 .online__control__system__feature__icon {
      left: 23px;
      top: 410px;
    }
  
    .online__control__system__feature.feature-5 .online__control__system__feature__label {
      width: 246px;
      left: 50px;
      top: 410px;
    }
  
    .online__control__system__available {
      width: 250px;
      height: 40px;
      left: 23px;
      top: 590px;
  
      font-weight: 200;
      font-size: 12px;
      line-height: 13px;
      /* or 150% */
  
    }
  
    .online__control__system__visit__btn {
      width: 129px;
      left: calc(50% - 129px / 2 + 100px);
      top: 40.91%;
      bottom: 50.91%;
    }
  
    .online__control__system__machine__zero {
      width: 220px;
      height: 167px;
      left: calc(50% - 220px / 2 + 50px);
      top: calc(50% - 167px / 2 + 200px);
    }
  
    .online__control__system__machine__zero__circles {
      width: 20px;
      height: 20px;
      left: 225px;
      top: 445px;
    }
  
    .online__control__system__machine__zero__circle__inner {
      left: 32.31%;
      right: 33.08%;
      top: 32.31%;
      bottom: 33.08%;
    }
  
    .online__control__system__machine__zero__circle__outer {
      left: 7.69%;
      right: 7.69%;
      top: 7.69%;
      bottom: 7.69%;
    }
  
    .online__control__system__visit__btn span {
      font-weight: 300;
      font-size: 15px;
      line-height: 20px;
    }
  
    .online__control__system__footer {
      width: 360px;
        height: 40px;
        top: 610px;
        left: 0;
    }
  
    .online__control__system__footer__link {
      width: 173px;
        height: 40px;
        font-weight: 200;
        font-size: 12px;
        line-height: 13px;
    }
  
  
    .online__control__system__footer__link:nth-child(1) {
      left: 5px;
    }
  
    .online__control__system__footer__link:nth-child(2) {
      left: 183px;
    }
  
    .online__control__system__footer__link:nth-child(3) {
      left: 5px;
        top: 45px;
    }
  
    .online__control__system__footer__link:nth-child(4) {
      left: 183px;
        top: 45px;
    }
}

/* === Responsive Styles for 768px === */

@media (min-width: 361px) and (max-width: 768px) {
  /* === DC SYSTEM ONLINE CONTROL SYSTEM PAGE === */

  .online__control__system__home__icon {
    width: 35px;
    height: 35px;
    left: 725px;
    top: 4px;
  }

  .online__control__system__home__circle {
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    border-radius: 50%;
  }

  .online__control__system__home__outline {
    left: 11%;
    right: 11%;
    top: 10%;
    bottom: 11%;
  }

  .online__control__system__home__outline svg {
    width: 25px !important;
    height: 23px !important;
  }


  .online__control__system__lang__btn {

    width: 203px;
    left: calc(50% - 203px / 2 + 525px);
    top: 1.48%;
    bottom: 88.33%;
    display: none;
  }


  .online__control__system__lang__btn span {
    font-weight: 500;
    font-size: 23px;
    line-height: 30px;
  }


  .online__control__system__title {
    width: 307px;
    height: 109px;
    left: 43px;
    top: 100px;

    font-weight: 300;
    font-size: 33px;
    line-height: 33px;
  }

  .online__control__system__intro {
    width: 203px;
    height: 61px;
    left: 43px;
    top: 188px;

    font-weight: 200;
    font-size: 15px;
    line-height: 20px;
    /* or 110% */

  }

  .online__control__system__bg__overlay {
    width: 768px;
    height: 600px;
    left: calc(50% - 768px / 2 + 190px);
    top: calc(50% - 600px / 2);

  }

  .online__control__system__bg {
    width: 800px;
    height: 578px;
    left: 150px;
    top: 0px;
    background: url('../img/macbook-silver-800.png');
  }

  /* === Features === */
  .online__control__system__feature__icon {

    width: 20px;
    height: 20px;
  }

  .online__control__system__feature__label {
    height: 15px;

    font-weight: 200;
    font-size: 15px;
    line-height: 20px;
  }

  .online__control__system__feature__icon__outline svg {
    width: 16px !important;
    height: 15px !important;
  }

  /* === Feature 0 === */
  .online__control__system__feature.feature-0 .online__control__system__feature__icon {
    left: 43px;
    top: 317px;
  }

  .online__control__system__feature.feature-0 .online__control__system__feature__label {
    width: 200px;
    height: 18px;
    left: 70px;
    top: 317px;
  }

  /* === Feature 1 === */
  .online__control__system__feature.feature-1 .online__control__system__feature__icon {
    left: 43px;
    top: 366px;
  }

  .online__control__system__feature.feature-1 .online__control__system__feature__label {
    width: 400px;
    height: 31px;
    left: 70px;
    top: 365px;
  }

  /* === Feature 2 === */
  .online__control__system__feature.feature-2 .online__control__system__feature__icon {
    left: 43px;
    top: 415px;
  }

  .online__control__system__feature.feature-2 .online__control__system__feature__label {
    width: 383px;
    left: 70px;
    top: 415px;
  }

  /* === Feature 3 === */
  .online__control__system__feature.feature-3 .online__control__system__feature__icon {
    left: 43px;
    top: 464px;
  }

  .online__control__system__feature.feature-3 .online__control__system__feature__label {
    width: 350px;
    left: 70px;
    top: 468px;
  }

  /* === Feature 4 === */
  .online__control__system__feature.feature-4 .online__control__system__feature__icon {
    left: 43px;
    top: 508px;
  }

  .online__control__system__feature.feature-4 .online__control__system__feature__label {
    width: 340px;
    left: 70px;
    top: 517px;
  }

  /* === Feature 5 === */
  .online__control__system__feature.feature-5 .online__control__system__feature__icon {
    left: 43px;
    top: 562px;
  }

  .online__control__system__feature.feature-5 .online__control__system__feature__label {
    width: 246px;
    left: 70px;
    top: 563px;
  }

  .online__control__system__available {
    width: 250px;
    height: 40px;
    left: 43px;
    top: 630px;

    font-weight: 200;
    font-size: 12px;
    line-height: 13px;
    /* or 150% */

  }

  .online__control__system__visit__btn {
    width: 129px;
    left: calc(50% - 129px / 2 + 200px);
    top: 56.91%;
    bottom: 34.91%;
  }

  .online__control__system__machine__zero {
    width: 220px;
    height: 167px;
    left: calc(50% - 220px / 2 + 270px);
    top: calc(50% - 167px / 2 + 289px);
  }

  .online__control__system__machine__zero__circles {
    width: 20px;
    height: 20px;
    left: 650px;
    top: 540px;
  }

  .online__control__system__machine__zero__circle__inner {
    left: 32.31%;
    right: 33.08%;
    top: 32.31%;
    bottom: 33.08%;
  }

  .online__control__system__machine__zero__circle__outer {
    left: 7.69%;
    right: 7.69%;
    top: 7.69%;
    bottom: 7.69%;
  }

  .online__control__system__visit__btn span {
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
  }

  .online__control__system__footer {
    width: 768px;
    height: 40px;
    top: 650px;
    left: 0;
  }

  .online__control__system__footer__link {
    width: 184px;
    height: 40px;
    font-weight: 200;
    font-size: 13px;
    line-height: 15px;
  }


  .online__control__system__footer__link:nth-child(1) {
    left: 5px;
  }

  .online__control__system__footer__link:nth-child(2) {
    left: 194px;
  }

  .online__control__system__footer__link:nth-child(3) {
    left: 383px;
  }

  .online__control__system__footer__link:nth-child(4) {
    left: 572px;
  }

}

/* === Responsive Styles for 1280px === */

@media (min-width: 769px) and (max-width: 3839px) {
/* === DC SYSTEM ONLINE CONTROL SYSTEM PAGE === */

  .online__control__system__home__icon {
      width: 65px;
      height: 65px;
      left: 1207px;
      top: 8px;  
  }

  .online__control__system__home__circle {
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    border-radius: 50%;
  }

  .online__control__system__home__outline {
    left: 11%;
    right: 11%;
    top: 10%;
    bottom: 11%;
  }

    .online__control__system__home__outline svg {
      width: 50px !important;
      height: 47px !important;
    }


  .online__control__system__lang__btn {

    width: 203px;
      left: calc(50% - 203px / 2 + 525px);
      top: 1.48%;
      bottom: 88.33%;  
      display: none;
  }


  .online__control__system__lang__btn span {
    font-weight: 500;
      font-size: 23px;
      line-height: 30px;
  }


  .online__control__system__title {
    width: 614px;
    height: 216px;
    left: 85px;
    top: 120px;

    font-weight: 400;
    font-size: 67px;
    line-height: 67px;
    /* or 100% */

  }

  .online__control__system__intro {
    width: 407px;
    height: 122px;
    left: 85px;
    top: 266px;

    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    /* or 110% */

  }

  .online__control__system__bg__overlay {
    width: 962px;
    height: 1146px;
    left: calc(50% - 962px / 2 + 330px);
    top: calc(50% - 1146px / 2 - 77px);

    background: radial-gradient(50% 50% at 50% 50%,
        rgba(0, 0, 0, 0) 0%,
        #000000 100%);
    border-radius: 500px;
  }

  .online__control__system__bg {
    width: 1200px;
    height: 867px;
    left: 248px;
    top: -83px;

    background: url('../img/macbook-silver-1200.png');
  }

  /* === Features === */
  .online__control__system__feature__icon {

    width: 34px;
    height: 34px;
  }

  .online__control__system__feature__label {
    height: 18px;

    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
  }

    .online__control__system__feature__icon__outline svg {
      width: 20px !important;
      height: 18px !important;
    }

  /* === Feature 0 === */
  .online__control__system__feature.feature-0 .online__control__system__feature__icon {
    left: 85px;
    top: 357px;
  }

  .online__control__system__feature.feature-0 .online__control__system__feature__label {
    width: 200px;
    height: 18px;
    left: 140px;
    top: 362px;
  }

  /* === Feature 1 === */
  .online__control__system__feature.feature-1 .online__control__system__feature__icon {
    left: 85px;
    top: 406px;
  }

  .online__control__system__feature.feature-1 .online__control__system__feature__label {
    width: 400px;
    height: 31px;
    left: 141px;
    top: 410px;
  }

  /* === Feature 2 === */
  .online__control__system__feature.feature-2 .online__control__system__feature__icon {
    left: 85px;
    top: 455px;
  }

  .online__control__system__feature.feature-2 .online__control__system__feature__label {
    width: 383px;
    left: 141px;
    top: 460px;
  }

  /* === Feature 3 === */
  .online__control__system__feature.feature-3 .online__control__system__feature__icon {
    left: 85px;
    top: 504px;
  }

  .online__control__system__feature.feature-3 .online__control__system__feature__label {
    width: 350px;
    left: 141px;
    top: 508px;
  }

  /* === Feature 4 === */
  .online__control__system__feature.feature-4 .online__control__system__feature__icon {
    left: 85px;
    top: 553px;
  }

  .online__control__system__feature.feature-4 .online__control__system__feature__label {
    width: 340px;
    left: 141px;
    top: 557px;
  }

  /* === Feature 5 === */
  .online__control__system__feature.feature-5 .online__control__system__feature__icon {
    left: 85px;
    top: 602px;
  }

  .online__control__system__feature.feature-5 .online__control__system__feature__label {
    width: 246px;
    left: 141px;
    top: 608px;
  }

  .online__control__system__available {
    width: 250px;
    height: 40px;
    left: 85px;
    top: 690px;

    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    /* or 150% */

  }

  .online__control__system__visit__btn {
    width: 199px;
    left: calc(50% - 199px / 2 + 219px);
    top: 50.91%;
    bottom: 38.91%;
  }

  .online__control__system__machine__zero {
    width: 220px;
    height: 167px;
    left: calc(50% - 220px / 2 + 513px);
    top: calc(50% - 167px / 2 + 299px);
  }

  .online__control__system__machine__zero__circles {
    width: 40px;
    height: 40px;
    left: 1137px;
    top: 592px;
  }

  .online__control__system__machine__zero__circle__inner {
    left: 32.31%;
    right: 33.08%;
    top: 32.31%;
    bottom: 33.08%;
  }

  .online__control__system__machine__zero__circle__outer {
    left: 7.69%;
    right: 7.69%;
    top: 7.69%;
    bottom: 7.69%;
  }

  .online__control__system__visit__btn span {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
  }

  .online__control__system__footer {
      width: 1280px;
      height: 73px;
      top: 730px;  
  }

  .online__control__system__footer__link {
      width: 308px;
      height: 73px;
      font-weight: 400;
      font-size: 20px;
      line-height: 30px;  
  }


  .online__control__system__footer__link:nth-child(1) {
    left: calc(50% - 308px / 2 - 473px);
  }

  .online__control__system__footer__link:nth-child(2) {
    left: calc(50% - 308px / 2 - 158px);
  }

  .online__control__system__footer__link:nth-child(3) {
    left: calc(50% - 308px / 2 + 158px);
  }

  .online__control__system__footer__link:nth-child(4) {
    left: calc(50% - 308px / 2 + 473px);
  }

}