/* Navigation Menu Colorful Style */
.navbar, 
.pkp_site_nav_menu, 
.pkp_navigation_primary {
    background: linear-gradient(90deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
    padding: 10px 0;
}

/* Animation for Gradient */
@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Menu Items */
.pkp_navigation_primary > li > a {
    color: white !important;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 18px;
    transition: all 0.3s ease;
}

/* Hover Effect */
.pkp_navigation_primary > li > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    transform: scale(1.05);
}

/* Dropdown Menu Styling */
.pkp_navigation_primary .dropdown-menu {
    background: rgba(0, 0, 0, 0.8);
    border: none;
}

.pkp_navigation_primary .dropdown-menu a {
    color: #fff !important;
    padding: 10px;
}

.pkp_navigation_primary .dropdown-menu a:hover {
    background-color: #ff7e5f;
    color: white !important;
}
indexing image css
/* ===== INDEXING GRID ===== */

.jese-indexing-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:20px 0;
}

/* ===== CARD ===== */

.jese-card{
    background:#ffffff;
    border:1px solid #dcdcdc;
    padding:18px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
    text-decoration:none;

    min-height:140px;

    /* sharp corners */
    border-radius:0;

    transition:0.3s ease;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

/* ===== IMAGE ===== */

.jese-card img{
    width:100%;
    max-width:180px;
    height:60px;
    object-fit:contain;
    margin-bottom:12px;
}

/* ===== TEXT ===== */

.jese-card span{
    font-size:13px;
    font-weight:700;
    color:#222;
    letter-spacing:0.5px;
}

/* ===== HOVER EFFECT ===== */

.jese-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
    border-color:#999;
}

/* ===== MOBILE ===== */

@media(max-width:600px){

    .jese-indexing-grid{
        grid-template-columns:1fr;
    }

}