:root {
  --primary-color: #4EC4CF;
  --dark: #333333;
}

.primary-color {
  color: var(--primary-color);
}

.dark-color {
  color: var(--dark);
}

@media (max-width: 768px) {
  .primary-bckg-mob {
    background-color: var(--primary-color);
  }
}

.weight-500 {
  font-weight: 500 !important;
}

.weight-700 {
  font-weight: 700;
}

@media (max-width: 991px) {
  .hide-mobile {
    display: none;
  }
}

/* filter */

.filter-white {
  filter: brightness(0) invert(1);
}

.middle {
  transform: translate(-50%,-50%);
}

/* diagonal */

.diagonal div {
  border-left: 3px solid var(--primary-color);
  transform: rotate(8deg);
  height: 550px;
}

@media (min-width: 992px) {
  .margin-contact-large {
    margin-top: calc(216px - 1.5rem);
  }
}

@media (max-width: 992px) {
  .mtop-sm {
    margin-top: 2rem;
  }
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
  background: var(--primary-color);
  font-size: 17px;
  border: unset;
}