.dropdown-menu {
  background-color: #ffffff; /* Background color for dropdown */
  border: none; /* Remove border */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.dropdown-item {
  font-weight: bold; /* Make text bold */
  font-size: 1.1rem; /* Slightly larger font size */    
  color: #333333; /* Text color */
  padding: 10px 20px; /* Increased padding for a better click area */
  transition: background-color 0.3s, color 0.3s; /* Smooth transitions */
}

.dropdown-item:hover {
  background-color: #17a2b8; /* Change background on hover */
  color: #ffffff; /* Change text color on hover */
}
.background-title {
  min-height: clamp(300px, 40vh, 400px); 
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
  .background-title {
    min-height: clamp(250px, 35vh, 350px); /* Adjust height for medium screens */
  }
}
/* Smaller screens (max-width: 768px) */
@media (max-width: 768px) {
  .background-title {
    min-height: clamp(200px, 30vh, 300px);
  }
}

/* Very small screens (max-width: 480px) */
@media (max-width: 480px) {
  .background-title {
    min-height: clamp(150px, 25vh, 250px);
  }
}
html[lang="ar"] .back-to-top {
  right: auto;
  left: 20px;  /* Place on the left for RTL languages */
}
a.text-white.mb-2 {
display: block; /* Ensure each menu item appears on a new line */
}
.email-link {
text-decoration: none;
color:#fff;
}
.email-link:hover {
text-decoration: underline;
color: #fff;
}
.footer-whatsapp {
  display: flex; /* Center the image */
  justify-content: center; /* Center the content */
  align-items: center; /* Align items vertically */
  background-color: #25D366; /* WhatsApp green background */
  border-radius: 50%; /* Circular button */
  width: 60px; /* Fixed width */
  height: 60px; /* Fixed height */
  transition: background-color 0.3s; /* Smooth transition for hover effect */
 
}

/* Image styling */
.footer-whatsapp img {
  width: 30px; /* Set image width */
  height: auto; /* Maintain aspect ratio */
}

/* Hover effect */
.footer-whatsapp:hover {
  background-color: #128C7E; /* Darker green on hover */
}

footer {
  display: flex;
  justify-content: center; 
  align-items: center; 
  background-color: #f1f1f1;
  padding: 20px; 
}

@media (max-width: 768px) {
  #portfolio-flters .btn {
    font-size: 0.9rem; /* Slightly smaller font size */
    padding: 0.4rem 0.8rem; /* Reduced padding */
  }
}

/* Small screens (phones) */
@media (max-width: 576px) {
  #portfolio-flters .btn {
    font-size: 0.8rem; /* Smaller font size for mobile */
    padding: 0.3rem 0.6rem; /* Compact padding for mobile */
  }
}


.snapshots {
  transition: none !important;
  transform: none !important;
}

/* .snapshots {
  transition: none !important;
  transform: none !important;
  max-width: 80%;      
  margin: 0 auto;        
  display: block;       
} */