/*
============================
Name:  HOMZ - Real Estate Template
Version: 1.0.0
Description: HOMZ - Real Estate Template
أhttps://www.bootstrapmb.com 
Location:
============================
*/

/* Benefits Cards Hover Effect */
.benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.12) !important;
}

.benefit-card:hover .icons img {
  transform: scale(1.1);
  transition: all 0.4s;
}

.benefit-card:hover a {
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
}

/* Input field text color fix */
#loginForm input[type="email"],
#loginForm input[type="password"],
#signupForm input[type="text"],
#signupForm input[type="email"],
#signupForm input[type="password"] {
  color: var(--ztc-text-text-3) !important;
}

#loginForm input::placeholder,
#signupForm input::placeholder {
  color: var(--ztc-text-text-5) !important;
  opacity: 1;
}

/* Location Images Area Hover Effect - Similar to Featured Boxarea */
.location1-section-area .location-images-area {
  transition: all 0.4s !important;
}

.location1-section-area .location-images-area:hover {
  box-shadow: 0px 4px 30px 0px rgba(38, 39, 49, 0.08) !important;
  transition: all 0.4s !important;
}

.location1-section-area .location-images-area .img1 {
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.4s !important;
}

.location1-section-area .location-images-area .img1::after {
  position: absolute !important;
  content: "" !important;
  height: 0 !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  border-radius: 8px !important;
  transition: all 0.6s !important;
  background: var(--ztc-bg-bg-2) !important;
  opacity: 0.7 !important;
  z-index: 1 !important;
  transform: scale(1) !important;
  visibility: visible !important;
}

.location1-section-area .location-images-area:hover .img1::after {
  height: 100% !important;
  transition: all 0.6s !important;
}

.location1-section-area .location-images-area:hover .img1 img {
  transform: scale(1.1) rotate(-4deg) !important;
  transition: all 0.4s !important;
}

.location1-section-area .location-images-area .img1 img {
  transition: all 0.4s !important;
  position: relative !important;
  z-index: 0 !important;
}

.location1-section-area .location-images-area .img1 > a {
  display: block;
  position: relative;
  z-index: 2;
  cursor: pointer;
}