.site-btn {
  background-color: var(--main_color) !important;
  padding: 10px 20px;
  border-radius: 50px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  border: 1px solid var(--main_color) !important;
  transition: all 0.3s ease-in-out;
}

.site-btn span {
  transition: all 0.3s ease-in-out;
}

.site-btn:hover span {
  color: var(--main_color) !important;
}

.site-btn:hover {
  color: var(--main_color) !important;
  background-color: #fff !important;
}

.site-btn.disabled {
  pointer-events: none;
  background-color: #ccc !important;
  color: #999;
  border-color: #ccc !important;
  cursor: not-allowed;
}

.text-4xl {
  font-size: 4rem !important;
}

a {
  text-decoration: none;
}

.content-503 {
  background-color: #d5dac3;
}


@media (max-width: 900px) {
  .text-4xl {
    font-size: 2.5rem !important;
  }
}