body{
    font-family: "Manrope", sans-serif;
}

/* scroll with Firefox  */
* {
  scrollbar-width: thin;
  scrollbar-color: #1A685B #f1f1f1;
}

/* Chrome, Edge, Safari and other brower */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #1A685B;
  border-radius: 10px;
  border: 3px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #135248;
}

/* navbar */
/* Active style for desktop navigation */
.active-nav {
    opacity: 1 !important;
    font-weight: 700; /* Bold */
    position: relative;
}

/* Optional: Add an underline effect for the active desktop link */
.active-nav::after {
    content: '';
    position: absolute;
    bottom: -8px; /* Adjust as needed */
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 3px;
    background-color: #ffffff;
    border-radius: 2px;
}

/* Active style for mobile navigation */
.active-mobile-nav {
    color: #2563EB !important; /* blue-600 */
    font-weight: 700; /* Bold */
    background-color: #EFF6FF; /* blue-50 */
    border-radius: 8px;
}

 /* Custom styles for Flatpickr calendar */
        .flatpickr-calendar {
            background-color: #ffffff;
            border-radius: 0.5rem;
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            border: 1px solid #e5e7eb;
        }
        .flatpickr-day.selected {
            background: #1e3a8a; /* Dark blue */
            border-color: #1e3a8a;
        }
        .flatpickr-day:hover {
            background: #dbeafe; /* Light blue on hover */
        }

        select {
            -webkit-appearance: none; -moz-appearance: none; appearance: none;
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="%236b7280"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" /></svg>');
            background-repeat: no-repeat; background-position: right 1rem center; background-size: 1.25em; padding-right: 2.5rem;
        }
        select:invalid { color: #6b7280; }

   .memories-swiper .swiper-slide {
            width: auto; /* Very important for slidesPerView: 'auto' */
        }

/* home page start here */
.animate-spin-slow {
            animation: spin-slow 15s linear infinite; /* 15 সেকেন্ডে একবার সম্পূর্ণ ঘুরবে */
        }

        @keyframes spin-slow {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
/* home page end here */