/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.primary-color
{
  color: var(--primary-color) !important;
}
.select-language
{
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #fff;
    outline: none !important;
    text-align: center;
    padding: 0px 3px;
}
.select-language option
{
    color: #4c4c4c;
}

.select-language {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
  }
  
  /* For IE10 */
  .select-language::-ms-expand {
    display: none;
  }


  /* Container for the image and overlay */
.image-container {
  position: relative;
  overflow: hidden;
}

/* Image styling */
.image-container img {
  display: block;
  width: 100%;
  height: 320px;
  object-fit: cover;
}

/* Dark overlay styling */
.image-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* Dark overlay color */
  opacity: 1; /* Fully visible initially */
  transition: opacity 0.5s ease; /* Smooth transition */
  cursor:grab;
}

/* Hover effect: hide the overlay */
.image-container:hover .overlay {
  opacity: 0; /* Hide overlay */
}




@media (max-width: 767px) {
  .footer-section {
    text-align: center;
  }
}

.card-site
{
  box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.1);
  border: none !important;
}