/* new model badge */
/* Style for the 'New Model' badge */
.new-model-badge {
    position: absolute;
    top: 10px;  /* Adjust the position so it's outside the image */
    left: 10px;
    background-color: rgba(248, 0, 178, 0.8);  /* Pinkish background */
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 14px;
    border-radius: 5px;
    z-index: 1;  /* Keep it above the image */
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(248, 0, 178, 0.8), 0 0 20px rgba(248, 0, 178, 0.8), 0 0 30px rgba(248, 0, 178, 0.8); /* Neon glow effect */
    animation: neon-blink 1s infinite alternate; /* Apply neon blinking effect */
}

/* Neon LED Blinking Effect */
@keyframes neon-blink {
    0% {
        opacity: 1;
        box-shadow: 0 0 10px rgba(248, 0, 178, 0.8), 0 0 20px rgba(248, 0, 178, 0.8), 0 0 30px rgba(248, 0, 178, 0.8); /* Neon glow */
    }
    50% {
        opacity: 0.4;
        box-shadow: 0 0 10px rgba(248, 0, 178, 0.5), 0 0 20px rgba(248, 0, 178, 0.5), 0 0 30px rgba(248, 0, 178, 0.5); /* Dimmed glow */
    }
    100% {
        opacity: 1;
        box-shadow: 0 0 10px rgba(248, 0, 178, 0.8), 0 0 20px rgba(248, 0, 178, 0.8), 0 0 30px rgba(248, 0, 178, 0.8); /* Neon glow */
    }
}

/* Responsive: Adjust badge size and position for mobile screens */
@media (max-width: 768px) {
    .new-model-badge {
        top: 5px;  /* Adjust position for mobile */
        left: 5px;
        font-size: 14px;  /* Smaller font size */
        padding: 6px 12px;  /* Smaller padding */
        box-shadow: 0 0 8px rgba(248, 0, 178, 0.8), 0 0 16px rgba(248, 0, 178, 0.8), 0 0 24px rgba(248, 0, 178, 0.8); /* Adjust glow for smaller screens */
    }
}

@media (max-width: 480px) {
    .new-model-badge {
        top: 5px;  /* Adjust position for smaller screens */
        left: 5px;
        font-size: 12px;  /* Even smaller font size */
        padding: 4px 8px;  /* Even smaller padding */
        box-shadow: 0 0 6px rgba(248, 0, 178, 0.8), 0 0 12px rgba(248, 0, 178, 0.8), 0 0 18px rgba(248, 0, 178, 0.8); /* Adjust glow for even smaller screens */
    }
}


/* Ensure the portfolio-thumblink-item is positioned relative */
.sk__portfolio-item {
    position: relative;
}

    
            
            
            
            
            
            
            
        .gradient-text {
    position: relative; /* Position the pseudo-element relative to the span */
    display: inline-block; /* Ensures the background width matches the text width */
    color: white; /* Text color */
    padding: 2px 10px;
 
}

.gradient-text::before {
    content: ''; /* Empty content to create the pseudo-element */
    position: absolute; /* Position it relative to the span */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right,rgb(218, 18, 185),rgb(49, 3, 82)); /* Gradient from purple to dark purple */
    z-index: -1; /* Make sure the pseudo-element stays behind the text */
    width: 100%; /* Match the width of the text */
    height: 100%; /* Match the height of the text */
    border-radius:10px;
}