   /* Carousel Animations */
        @keyframes slideFromTop {
            0% {
                transform: translateY(20px);
                opacity: 0;
            }

            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes slideFromLeft {
            0% {
                transform: translateX(100px);
                opacity: 0;
            }

            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes slideFromBottom {
            0% {
                transform: translateY(30px);
                opacity: 0;
            }

            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes btnFromLeft {
            0% {
                transform: translateX(-60px);
                opacity: 0;
            }

            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes btnFromRight {
            0% {
                transform: translateX(60px);
                opacity: 0;
            }

            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }

        /* Apply animations to active slide only */
        .carousel-item.active .carousel-subtitle {
            animation: slideFromTop 1s ease-out;
        }

        .carousel-item.active .carousel-title {
            animation: slideFromLeft 1s ease-out;
        }

        .carousel-item.active .carousel-description {
            animation: slideFromBottom 1s ease-out;
        }

        .carousel-item.active .btn-left {
            animation: btnFromLeft 1s ease-out;
        }

        .carousel-item.active .btn-right {
            animation: btnFromRight 1s ease-out;
        }

        /* Carousel Item Transition */
        .carousel-item {
            display: none;
            transition: opacity 0.6s ease-in-out;
        }

        .carousel-item.active {
            display: block;
        }

        /* Custom Arrow Icons */
        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-image: none !important;
            width: 18px;
            height: 18px;
            display: inline-block;
            position: relative;
        }

        .carousel-control-prev-icon::before,
        .carousel-control-next-icon::before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            border-top: 2px solid white;
            border-right: 2px solid white;
            left: 3px;
            top: 3px;
            transform-origin: center;
        }

        .carousel-control-prev-icon::before {
            transform: rotate(-135deg);
        }

        .carousel-control-next-icon::before {
            transform: rotate(45deg);
        }

        /* word shadow */
              .glow-text {
    text-shadow:
        0 0 4px rgba(241, 235, 235, 0.4),
        0 0 10px rgba(223, 207, 207, 0.8),
        0 0 20px rgba(241, 244, 250, 0.6);
}
