html {
   font-size: 14px;
}

@media (min-width: 768px) {
   html {
      font-size: 16px;
   }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
   box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
   position: relative;
   min-height: 100%;
}

body {
   margin-bottom: 60px;
}

.toast {
   opacity: 0;
   transform: translateY(-20px);
   transition: opacity 0.5s ease, transform 0.5s ease;
}

.toast.showing, .toast.show {
      opacity: 1;
      transform: translateY(0);
}

/* Ensure indicators are positioned correctly and visible */
.carousel-indicators {
   position: absolute;
   bottom: -30px; /* Adjust if needed */
   left: 0;
   right: 0;
   display: flex;
   justify-content: center;
   padding: 0;
   margin: 0;
   z-index: 15;
}

   .carousel-indicators [data-bs-target] {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #6c757d;
      opacity: 0.5;
      transition: opacity 0.3s ease;
      margin: 0 4px;
      border: none;
   }

   .carousel-indicators .active {
      background-color: #0d6efd;
      opacity: 1;
   }

.hero-heading-wrapper {
   background: linear-gradient(to right, rgba(13, 110, 253, 0.1), rgba(13, 110, 253, 0.02));
   padding: 1rem 1.5rem;
   border-radius: 1rem;
   display: inline-block;
}