.content-section {
      padding: 60px 15px;
    }
    .content-section h2 {
      margin-bottom: 20px;
    }
    .btn-primary {
      background-color: #007bff;
      border-radius: 30px;
      padding: 10px 25px;
    }

    @font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.ttf') format('truetype');
  }

 body {
  font-family: 'Vazir', sans-serif;
  background-color: #f8f9fa;
  color: #333;
  margin: 0;
}


    .heropag {
      background: url('../image/sorkhrood-rooye-naghshe.webp') center/cover no-repeat;
      height: 500px;
      position: relative;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .heropag h1 {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 20px 40px;
      border-radius: 15px;
    }

    .herof {
      background: url('../image/villa-with-title-deed-in-fereydunkenar.webp') center/cover no-repeat;
      height: 500px;
      position: relative;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .herof h1 {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 20px 40px;
      border-radius: 15px;
    }
    .herom {
      background: url('../image/zamin-sarmayegozari-dar-mahmoodabad.webp') center/cover no-repeat;
      height: 500px;
      position: relative;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .herom h1 {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 20px 40px;
      border-radius: 15px;
    }



.hero {
  position: relative;
  background: url('../image/kharid-vila-dar-shomal.webp') no-repeat center center/cover;
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.9);
  overflow: hidden;
  padding-top: 70px; /* جای نوار بالا */
}

.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55); /* لایه رنگ مشکی نیمه‌شفاف */
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
  padding: 0 15px;
  
}

.cta-btn {
  background-color: #28a745;
  color: white;
  padding: 0.8rem 2rem;
  font-size: 1.2rem;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease;
  text-decoration: none;
  display: inline-block;
}

.cta-btn:hover,
.cta-btn:focus {
  background-color: #218838;
  color: #fff;
  text-decoration: none;
  outline: none;
}

.navbar-dark .navbar-nav .nav-link {
  color: #ddd;
  transition: color 0.3s;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
  color: #28a745;
}

@media (max-width: 768px) {
  .hero {
    height: 60vh;
  }
  .hero-content h1 {
    font-size: 1.8rem;
  }
  .hero-content p {
    font-size: 1rem;
  }
}


.cta-btn {
      background-color: #28a745;
      color: white;
      padding: 0.8rem 2rem;
      font-size: 1.2rem;
      border-radius: 0.5rem;
    }
    footer {
      background-color: #343a40;
      color: #fff;
      padding: 1.5rem;
    }
    
    
    /* لینک‌های معمولی */
a {
  color: #09acec; /* رنگ متن لینک */
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
}

a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FFA500; /* رنگ لاین (نارنجی) */
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease;
}

a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* لینک‌های فوتر */
footer a {
  color: #07db2b;
  text-decoration: none;
  border-bottom: 2px solid #555;
  padding-bottom: 2px;
  transition: color 0.3s ease, border-color 0.3s ease;
}

footer a:hover {
  color: #fff;
  border-color: #FFA500; /* همین رنگ لاین */
}