/* General Styles */
html, body {
    height: 100%;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    margin: 0;
    background-color: #f4f4f4; /* Light background for contrast */
}

/* Navbar */
.navbar .form-control {
    width: 250px; /* Adjust width as needed */
}

.container {
    margin-bottom: 20px; /* Adjust this value as needed */
}

/* Card Styles */
.card-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 200px; /* Fixed height for images */
    object-fit: cover; /* Cover the area without distortion */
}

.responsive-image {
    max-width: 100%;
    height: 250px; /* Fixed height */
    object-fit: contain;
}

/* Carousel Images */
.carousel-item img {
    height: 400px; /* Set your desired height */
    object-fit: cover; /* Ensures the image covers the area without stretching */
}

/* Layout Box */
.layout-boxed html,
.layout-boxed body {
    height: 100%;
}

.footer {
    background-color: #343a40; /* Dark background for the footer */
    padding: 20px 0; /* Top and bottom padding */
    color: white; /* Text color */
}

    .footer h4 {
        margin-bottom: 15px; /* Space below headings */
    }

    .footer p {
        margin: 5px 0; /* Space between paragraphs */
    }

    .footer a {
        color: #ffc107; /* Link color */
        text-decoration: none; /* No underline */
    }

        .footer a:hover {
            text-decoration: underline; /* Underline on hover */
        }

.app-list {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove padding */
}

    .app-list li {
        display: inline; /* Display list items inline */
        margin-right: 10px; /* Space between items */
    }

/* Responsive styles */
@media (max-width: 768px) {
    .footer {
        text-align: center; /* Center text on smaller screens */
    }

    .app-list li {
        display: block; /* Stack app icons on smaller screens */
        margin: 10px 0; /* Space between stacked items */
    }
}



.wrapper {
    height: auto;
    position: relative;
    overflow-x: hidden; /* No horizontal scroll */
    overflow-y: visible; /* No vertical scroll */
}

/* Birthday Card */
.birthday-card {
    background: linear-gradient(135deg, #6a11cb, #2575fc); /* New gradient colors */
    color: white;
    border-radius: 10px; /* Rounded corners */
}

/* Card Titles and Text */
.card-title {
    font-size: 1.5rem; /* Larger font size */
    font-weight: bold; /* Bold text */
}

.card-text {
    font-size: 1.2rem; /* Slightly larger text for message */
}

/* Header Row */
.header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #343a40; /* Dark background for header */
    padding: 10px 20px; /* Padding for top/bottom and left/right */
    color: white; /* Text color */
}

.header-logo {
    max-width: 100%; /* Ensures logo is responsive */
    height: auto; /* Maintains aspect ratio */
}

.logo-container {
    flex: 0 0 auto; /* Prevents the logo from growing/shrinking */
}

/* Navigation Menu */
.nav-menu {
    flex: 1; /* Takes the remaining space */
}

.nav-list {
    display: flex;
    list-style-type: none; /* Removes bullet points */
    padding: 0; /* Removes default padding */
    margin: 0; /* Removes default margin */
}

    .nav-list li {
        margin-left: 20px; /* Space between menu items */
    }

    .nav-list a {
        color: white; /* Link color */
        text-decoration: none; /* Removes underline from links */
        font-weight: bold; /* Makes the link text bold */
        transition: color 0.3s; /* Smooth transition for hover effect */
    }

        .nav-list a:hover {
            color: #ffc107; /* Changes link color on hover */
        }