select {
  background-image: url("../img/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px;
}
.video-bg {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
}
.video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
.sidebar-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;

}

.sidebar-logo img {
  width: 100%;
  display: block;
  height: 100%;
}
.sidebar-logo {
  padding: 5px;
}

.green-text {
  color: green;
}

.red-text {
  color: red;
}

  .uppercase {
    text-transform: uppercase;
  }



.spinner-border {
    width: 3rem;
    height: 3rem;
    display: none;
  }


  .bg-purple {
    background-color: #6f42c1; /* Example purple color */
  }
  
  .text-purple {
    color: #6f42c1; /* Example purple color */
  }

  .card-shadow01 {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5); /* Darker and more pronounced shadow */
  
  }
  
  .card-shadow01:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.3); /* Darker and more pronounced shadow */
  }

  .card-shadow02 {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 12px 12px rgb(23, 74, 243); /* Darker and more pronounced shadow */
  
  }
  
  .card-shadow03 {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 12px 12px rgba(0.1, 0.1, 0.1, 0.3); /* Darker and more pronounced shadow */
  }

  .card-shadow04 {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 12px 12px rgba(0.1, 0.1, 0.1, 0.3); /* Darker and more pronounced shadow */
  
  }


  @keyframes blink {
    0%, 50%, 100% {
      opacity: 1;
    }
    25%, 75% {
      opacity: 0;
    }
  }
  .blink {
    animation: blink 3s 2, pulse 1s ;
  }
  

  @keyframes blink02 {
    0%, 50%, 100% {
      opacity: 1;
    }
    25%, 75% {
      opacity: 0;
    }
  }
  .blink02 {
    animation: blink 2s 1, pulse 1s ;
  }

  /* Tooltip css by Dhruv Raja Starts */

  
  .custom-tooltip-wrapper {
    position: relative;
    display: inline-block;
  }
  
  .hover-trigger {
    color: #007bff;
    cursor: pointer;
    font-weight: 600;
  }
  
  .custom-tooltip {
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f8f9fa;
    color: #212529;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    white-space: normal;
    min-width: 220px;
    max-width: 300px;
    font-size: 0.9rem;
    z-index: 1000;
  
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  
  /* Tooltip arrow */
  .tooltip-arrow {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background-color: #f8f9fa;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    transform: rotate(227deg);
    z-index: -1;
  }
  
  /* Show tooltip on hover */
  .custom-tooltip-wrapper:hover .custom-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
  }
  
  @media (max-width: 768px) {
    .custom-tooltip {
      min-width: 180px;
      font-size: 0.85rem;
    }
  }
  
/* Tooltip CSS by Dhruv Raja Ends */