body {
    font-family: 'Nunito', sans-serif;
}

/* Logo icon size */
.icon-logo {
    width: 24px;
    height: 24px;
}

/* Image container with blurred edges */
.image-container {
    position: relative;
    overflow: hidden;
}

.image-container::before,
.image-container::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15%;
    z-index: 1;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
}

.image-container::before {
    left: 0;
}

.image-container::after {
    right: 0;
}

/* Order swap for mobile responsiveness */
@media (max-width: 768px) {
    .order-swap {
        display: flex;
        flex-direction: column;
    }
    .order-swap > div:first-child {
        order: 2;
    }
    .order-swap > div:last-child {
        order: 1;
    }
}

/* Project images styling */
.card-img-top-wrapper {
    height: 192px;
    overflow: hidden;
}

.project-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.card:hover .project-img {
    transform: scale(1.05);
}

/* Z-index utility */
.z-index-1 {
    z-index: 1;
}

/* Hover effect for links */
.hover-dark:hover {
    color: #212529 !important;
}

/* Object cover utility */
.object-cover {
    object-fit: cover;
}

/* Footer Links */
.footer-link:hover {
    color: #fff !important;
}

.footer-social {
    font-size: 1.25rem;
}

.footer-social:hover {
    color: #fff !important;
}

.hover-blue:hover {
    color: #0d6efd !important; /* Bootstrap's primary blue color */
}