/* Hero sections */
/* 1. Height & Setup */
.hero-section {

    min-height: 75vh; /* Very tall and dramatic */

}

/* 2. Background Image with Ken Burns Zoom Effect */

.hero-bg {

    /* Professional Tech/Business Background */

    background-image: url('/static/assets/images/hero-bg.png');

    background-size: cover;

    background-position: center;

    animation: kenBurns 25s ease-in-out infinite alternate;

}

@keyframes kenBurns {

    0% { transform: scale(1); }

    100% { transform: scale(1.15); }

}

/* 3. Glassmorphism Card (Frosted Glass) */

.glass-card {

    background: rgba(0, 0, 0, 0.4);       /* Darker background for contrast */

    backdrop-filter: blur(20px);           /* Strong blur */

    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(255, 255, 255, 0.1);

    box-shadow: 0 15px 35px rgba(0,0,0,0.5);

}

/* 4. Text Animation (Zoom In + Fade Up) */

.carousel-item.active .text-anim {

    animation: zoomFadeUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

}

@keyframes zoomFadeUp {

    0% {

        opacity: 0;

        transform: scale(0.9) translateY(20px);

    }

    100% {

        opacity: 1;

        transform: scale(1) translateY(0);

    }

}

/* Letter Spacing Utility */

.ls-3 { letter-spacing: 3px; }

/* Indicators */

.carousel-indicators [data-bs-target] {

    background-color: #fff;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    margin: 0 6px;

    opacity: 0.3;

    border: none;

}

.carousel-indicators .active {

    opacity: 1;

    background-color: #0d6efd; /* Primary Blue */

    transform: scale(1.2);

}
.bt--50 {
    bottom: -50px;
}

.pt--200 {
    padding-top: 100px;
}