/* Smooth transitions for carousel slides */
        .slide {
            transition: opacity 0.8s ease-in-out;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            inset: 0;
        }
        .slide.active {
            opacity: 1;
            pointer-events: auto;
            position: absolute;
        }
        /* Custom scrollbar for professional feel */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #0a6b7d;
            border-radius: 4px;
        }
        img#logo {
            width: 100px;
            max-width: 100px;
        }

        div.hero-banner p{
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            font-weight: 500;
        }