:root {
  --text-primary: rgb(45, 45, 45);
  --text-white: #f5f5f5;
  --primary: #952525;
  --text-yellow: #ffc107;
}

* {
  box-sizing: border-box;
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

html {
  scroll-behavior: smooth;
}

.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: var(--primary);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
  text-decoration: none;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #c44444;
  color: #fff;
  opacity: 1;
}

.back-to-top.activeArrow {
  visibility: visible;
  opacity: 1;
  display: block;
}

.default-padding {
  padding: 0 4rem;
}