.realizacje-gallery-container {
    display: flex;
    flex-direction: column;
    width: 100%; /* Full width */
}

.realizacje-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

@media (max-width:660px) {
	.realizacje-header {
		flex-direction: column;
		align-items: stretch;
	}
	.swiper-navigation {
		justify-content: space-between!important;
		gap: none;
	}
}

.text-content h1 {
    margin-bottom: 10px;
}

.text-content p {
    font-size: 1.2rem;
}

.swiper-navigation {
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}

.swiper-wrapper {
    z-index: unset !important;
}

.swiper-container {
    width: 100%;
}

.realizacja-link {
    display: block;
    text-decoration: none;
    color: inherit; /* Ensure the link doesn't affect text color */
    font-family: var(--wp--preset--font-family--lato);
}

.realizacja-item {
    /* width: 400px; */
    height: 400px;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0; /* No padding */
}

.realizacja-overlay {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0; /* Hidden by default */
    transition: opacity 0.3s ease-in-out;
    background: linear-gradient(180deg, rgba(0, 37, 45, 0.5) 0%, rgba(0, 37, 45, 0.95) 70.5%);
}

.realizacja-item:hover .realizacja-overlay {
    opacity: 1; /* Show on hover */
}

.realizacja-details {
    color: white;
    padding: 24px;
    text-align: left; /* Align content to the left */
}

.realizacja-details h5 {
    margin: 0;
    color: var(--wp--preset--color--custom-szafranowy); /* Custom szafranowy color */
}

.realizacja-details p {
    margin-top: 5px;
}