/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}


.navbar {
    background: linear-gradient(to right, #1a1a2e, #16213e);
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;    
}
.navbar-brand img {
    transition: transform 0.3s ease-in-out;
    max-height: 80px;  
    height: auto;
    width: auto;    
    transform: scale(1.3);     
}


.icon {
    max-height: 100px; 
    height: auto;
    width: auto;
    margin-right: 20px;
}


/* Hero Section */
.hero-section {
    background: url('../assets/background.jpg') no-repeat center center/cover;
    color: white;
    text-align: center;
    padding: 150px 0;
    opacity: 0;
    animation: fadeIn 1.5s ease-in forwards;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Features Section Animations */
.features-section div {
    transition: transform 0.3s ease-in-out;
}
.features-section div:hover {
    transform: translateY(-5px);
}

/* Call to Action */
.call-to-action {
    background-color: #d40e0e;
    color: white;
    padding: 60px 0;
    text-align: center;
    opacity: 0;
    animation: fadeIn 1.5s ease-in 0.5s forwards;
}

/* Buttons */
.btn-danger {
    transition: background 0.3s ease-in-out;
}
.btn-danger:hover {
    background: #a00c0c;
}


html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.content-wrapper {
    flex-grow: 1; /* Pushes the footer down */
}

body {
    font-family: 'IBM Plex Sans', sans-serif;
    /* font-family: 'IBM Plex Sans', sans-serif; */
    background-color: #fff;
    padding-top: 80px;
}
/* h1, h2 {
    font-family: 'Poppins', sans-serif;
} */

.content-wrapper {
    max-height: calc(100vh - 100px); /* Adjusts for navbar height */
    overflow-y: auto; /* Enables vertical scrolling */
    padding-bottom: 20px; /* Prevents content from getting cut off */
}

.hero-section {
    padding-top: 120px; /* Adds space below navbar */
    padding-bottom: 50px; /* Reduces excess bottom space */
    background-color: #343a40; /* Darker background */
    text-align: center;
    color: white; /* Ensures text stands out */    
}


/* Ensure the carousel takes up space properly */
#heroCarousel {
    max-height: 600px; /* Adjust height to fit content */
    overflow: hidden; /* Prevents unwanted scroll */
}

/* Style images to fill the carousel properly */
#heroCarousel .carousel-item img {
    width: 100%;
    height: 600px; /* Ensure consistency */
    object-fit: cover; /* Prevents distortion */
}
.carousel-item {
    transition: transform 1s ease-in-out;
}

/* Customize text overlay */
.carousel-caption {
    background: rgba(0, 0, 0, 0.6); /* Slightly transparent background */
    padding: 15px;
    border-radius: 8px;
}

/* Adjust button visibility */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(255, 255, 255, 0.5); /* Make controls more visible */
    border-radius: 50%;
    padding: 10px;
}

.details-icon {
    width: 80px; /* Adjust based on preference */
    height: auto;
    margin-bottom: 10px;
}


.details_title {
    margin-bottom: 30px; /* Creates space between title and list */
    text-align: center; /* Ensures balanced alignment */
}

.text-content {
    flex-grow: 1; /* Allows text to expand properly */
}


/* Blog Post Form */
.post-form {
    padding: 50px 0;
}

.post-form .container {
    max-width: 800px;
}

.carousel-inner video{
    width: 80%;
    max-height: 600px;
    object-fit:contain;
}

.carousel-inner img {
    width: 100%;
    max-height: 400px;
    object-fit: contain;
}


/* Footer */
footer {
    background: #222;
    color: white;
    padding: 20px 0; /* Reduced padding */
    text-align: center;
    position:relative;
    bottom: 0;
    width: 100%;
    opacity: 0;
    animation: fadeIn 1.5s ease-in 1s forwards;
}


/* Page container to push footer to bottom */
#page-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.custom-alert {
background-color: #fff3cd;  /* Bootstrap warning yellow */
border: 1px solid #ffeeba;
color: #856404;
}