html {
            scroll-behavior: smooth;
        }
        .carousel-item img {
            height: 80vh;
            object-fit: contain;
        }
         .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='none' stroke='%23ffd16f' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5,1 2.5,4 5,7'/%3E%3C/svg%3E");
        }
        .carousel-control-next-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='none' stroke='%23ffd16f' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3,1 5.5,4 3,7'/%3E%3C/svg%3E");
        }
        .carousel-indicators [data-bs-target] {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: none;
            border: 2px solid #ffd16f;
            opacity: 0.5;
        }
        .carousel-indicators .active {
            background: #ffd16f;
            opacity: 1;
        }
        .carousel-caption { 
           color: #ffd16f;
        }
        .fade-in {
            opacity: 1;
            transform: translateY(20px);
            transition: opacity 1s ease-out, transform 1s ease-out;
        }
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }