:root {
  --pro-primary-color: #e33747;
  --pro-primary-dark1-color: #800202;
  --pro-primary-gray-color: #3a3535;
  --pro-favourite-offer-color: #9a010e;
  --pro-white-color: #ffffff;
  --pro-font-primary-color: #800000ff;
  --pro-black-color: #1e1818;
}

html,body {
  padding: 0;
  margin: 0;
}

.pro-font-black {
  color: var(--pro-black-color);
}

.btn {
  display: inline-block;
  color: var(--pro-black-color);
  text-decoration: none;
  font-size: 16px;
  opacity: 0.9;
}

.pro-font-primary {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.section {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pro-font-white {
  color: var(--pro-white-color);
}

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

.pro-text-decor {
  text-decoration: none;
}

.pro-button {
  background: var(--pro-primary-color);
  border-radius: .5vh;
  border: #e0e0e0;
  box-shadow: #e53647 1px 0 10px;
  color: var(--pro-white-color);
  font-weight: bolder;
}

.scroll-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.scroll-arrow {
  width: 40px;      /* adjust size */
  animation: moveDown 1.5s infinite ease-in-out;
}

@keyframes moveDown {
  0% { transform: translateY(0); opacity: 1; }
  50% { transform: translateY(12px); opacity: 0.6; }
  100% { transform: translateY(0); opacity: 1; }
}