@import url("./variables.css");
@import url("./base.css");

@import url("./header.css");

@import url("./services.css");
@import url("./workflow.css");

@import url("./footer.css");

/* ================================
   Back To Top
================================ */

.back-to-top {

  position: fixed;

  right: 28px;
  bottom: 28px;

  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 8px;

  background: var(--surface);

  color: var(--text);

  box-shadow: var(--shadow-card);

  cursor: pointer;

  opacity: 0;
  visibility: hidden;

  transform: translateY(12px);

  transition:
      opacity .25s ease,
      transform .25s ease,
      visibility .25s,
      background-color .2s ease,
      color .2s ease;

  z-index: 999;
}

.back-to-top.show {

  opacity: 1;
  visibility: visible;

  transform: translateY(0);

}

.back-to-top:hover {

  background: var(--hover-background);

}

.back-to-top:active {

  transform: scale(.94);

}

.back-to-top-icon {

  width: 20px;
  height: 20px;

  fill: none;

  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

}