 .loader {
            width: 50px;
            aspect-ratio: 1;
            display: grid;
            border-radius: 50%;
            background:
                linear-gradient(0deg, rgba(0, 0, 0, 0.5) 30%, transparent 0 70%, rgba(0, 0, 0, 1) 0) 50%/8% 100%,
                linear-gradient(90deg, rgba(0, 0, 0, 0.25) 30%, transparent 0 70%, rgba(0, 0, 0, 0.75) 0) 50%/100% 8%;
            background-repeat: no-repeat;
            animation: l23 1s infinite steps(12);
        }
        .loader::before,
        .loader::after {
            content: "";
            grid-area: 1/1;
            border-radius: 50%;
            background: inherit;
            opacity: 0.915;
            transform: rotate(30deg);
        }
        .loader::after {
            opacity: 0.83;
            transform: rotate(60deg);
        }
        @keyframes l23 {
            100% { transform: rotate(1turn); }
        }

.uploaded-images {
    margin: 20px auto;
    max-width: 1200px; /* Limit the max width of the grid */
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two equal columns */
    gap: 15px; /* Space between images */
    padding: 10px;
}

.grid-item img {
    width: 100%;
    height: 200px; /* Optional: Fixed height for images */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for aesthetics */
    transition: transform 0.3s ease; /* Smooth hover effect */
}

.grid-item img:hover {
    transform: scale(1.05); /* Zoom-in effect on hover */
}

@media (max-width: 768px) {
    .image-grid {
        grid-template-columns: 1fr; /* One column layout on mobile */
    }
}



.actors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 30px;
    margin-top: 20px;
}

.actor-card {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.actor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.actor-image img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.actor-details h3 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}

.actor-details h3 a {
    text-decoration: none;
    color: #333;
}

.actor-details h3 a:hover {
    color: #0073aa; /* WordPress default link hover color */
}

.grid-item img {
    display: block;
	width : unset !important;
	height: unset !important;
    min-width: 50% !important;
    /* max-height: 50% !important; */
	/* max-width: unset !important; */
	
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    transition: transform .3s ease;
}
