@charset "utf-8";
/* CSS Document */

.banner-img{
	background-image: url("../img/banner-img-01.jpg");
	background-size: cover
}

.bg-primary {
  background-color: #ec8f6a; }

.bg-secondary {
  background-color: #8bbabb; }

.bg-tertiary {
  background-color: #e2c275; }

.bg-quarternary {
  background-color: #b96b9f; }

@media (min-width: 0px) {
	.form-height{
		height: 600px;
	}
}
@media (min-width: 768px) {
	.form-height{
		height: 500px;
	}
}

.social-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
  background: linear-gradient(45deg, #ff6ec4, #7873f5, #42e695);
  background-size: 300% 300%;
}

.social-icon:hover {
  transform: scale(1.2);
  animation: gradient-pulse 2s ease infinite;
}

/* Specific brand gradients if desired */
.social-icon.facebook { background: linear-gradient(45deg, #1877f2, #4c6ef5, #ffffff); }
.social-icon.instagram { background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf, #4f5bd5); }
.social-icon.tiktok { background: linear-gradient(45deg, #69C9D0, #EE1D52, #010101); }
.social-icon.nextdoor { background: linear-gradient(45deg, #00b246, #32cd6f, #ffffff); }
.social-icon.whatsapp { background: linear-gradient(45deg, #25d366, #1ebe5b, #ffffff); }
.social-icon.yelp { background: linear-gradient(45deg, #E01411, #E01411, #ffffff); }
.social-icon.nextdoor svg { fill: white; }

@keyframes gradient-pulse {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}