.carousel-item img {
    height: 100vh;
    object-fit: cover;
}

.typed-text {
    font-size: 1.5rem;
    min-height: 2.5rem;
}

@media (max-width: 768px) {
    .typed-text {
        font-size: 1.1rem;
    }

    .carousel-item img {
        height: 60vh;
    }
}


.hover-shadow:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.transition-all {
    transition: all 0.3s ease-in-out;
}