.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
  }

  /* On mouse-over, add a deeper shadow */
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  }

  /* Add some padding inside the card container */
  .container {
    padding: 2px 16px;
  }

  /* Keyframe animation for the spinner */
@keyframes spin {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}

@media (max-width: 1599px) {
.col-fs-5, .col-fs-4, .col-fs-3, .col-fs-2, .col-fs-1 {
    width: -webkit-fill-available;
}
}

/* Spinner styling */
.spinner {
width: 50px;
height: 50px;
border: 5px solid rgba(0, 0, 0, 0.1); /* Light border */
border-top: 5px solid #3498db; /* Blue border */
border-radius: 50%; /* Make it a circle */
animation: spin 1s linear infinite; /* Spin animation */
}

#main_wrapper.blur {
filter: blur(5px);
pointer-events: none; /* Disable interaction with the blurred content */
user-select: none; /* Prevent text selection on the blurred content */
}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Add some padding inside the card container */
.container {
  padding: 2px 16px;
}

/* Keyframe animation for the spinner */
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

@media (max-width: 1599px) {
.col-fs-5, .col-fs-4, .col-fs-3, .col-fs-2, .col-fs-1 {
  width: -webkit-fill-available;
}
}

/* Spinner styling */
.spinner {
width: 50px;
height: 50px;
border: 5px solid rgba(0, 0, 0, 0.1); /* Light border */
border-top: 5px solid #3498db; /* Blue border */
border-radius: 50%; /* Make it a circle */
animation: spin 1s linear infinite; /* Spin animation */
}

#main_wrapper.blur {
filter: blur(5px);
pointer-events: none; /* Disable interaction with the blurred content */
user-select: none; /* Prevent text selection on the blurred content */
}

.box {
border: 1px solid #e0e0e0;
color:#707070;
padding: 3px 15px;
font-size: 15px;
font-weight: 600;
margin-right: 10px;
border-radius: 4px;
display: inline-block;
margin-top: 8px;
-webkit-transition: all 250ms ease;
}

.custom-green-color {
color: #54ba1d;
}

.custom-red-color {
color: #ff2222;
}

/* Force the close button to always be visible and styled properly */
.mfp-close {
display: block !important; /* Forces display */
color: #fff;
font-size: 24px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
text-decoration: none;
background: rgba(0, 0, 0, 0.5); /* Optional: semi-transparent background */
border-radius: 50%; /* Optional: circular button */
position: absolute;
top: 10px; /* Position close to the top of the popup */
right: 10px; /* Position close to the right of the popup */
z-index: 1046; /* Ensures it stays on top */
cursor: pointer;
}

.pac-target-input.gm-err-autocomplete {
  background-image: none !important; /* Hides the background image */
  background-color: #fff; /* Optional: Sets a plain background color */
}