.rp-resources-container { max-width: 900px; margin: auto;padding: 80px 40px; }
#rp-search { width: 100%; padding: 10px; margin-bottom: 20px; font-size:16px; 
    border-radius: 12px;
    border: 1px solid #ccc;
    outline: none;
    transition: all 0.3s 
ease;}

 .rp-resources-container #rp-search{
    max-width: 70%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rp-card { border:1px solid #ccc; border-radius:10px; padding:15px; margin-bottom:20px; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:all 0.3s; position:relative; cursor:pointer; }
.rp-card:hover { box-shadow:0 4px 12px rgba(0,0,0,0.2); }
.rp-title { font-size:18px; font-weight:bold; margin-top:10px; color: #133050 !important;}
.rp-date { font-size:13px; color:#666; margin-bottom:10px; background: linear-gradient(90deg, #f6aa29, #fbd71a, #6bb855);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;font-weight: bold;
    margin-top: 10px;}
.rp-desc { font-size:14px; margin-top:10px; }
.rp-read-more { color:#133050; cursor:pointer; }

.rp-images { position:relative; display:block; margin-top:10px; z-index:1; }
.rp-images img { width:100%; border-radius:5px; }
.rp-more-images {
    position:absolute; top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.5);
    color:#fff; font-size:36px; display:flex;
    justify-content:center; align-items:center;
    border-radius:5px;
}

 #rp-load-more { padding:10px 20px; margin:10px auto; cursor:pointer; display:block; background:#f59b2d; color:#fff; border:none; border-radius:8px; background: linear-gradient(90deg, #f6aa29, #fbd71a, #6bb855);
    background-size: 200% 200%;
    background-position: 100% 0;
    transition: all 0.6s 
ease; margin-top: 40px;}
#rp-load-more:hover { background:#133050; }

/* Slider Popup */
#rp-slider-popup { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:9999; }
.rp-slider-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.rp-slider-wrapper { position:relative; width:80%; max-width:1000px; margin:50px auto; height:80%; z-index:10000; }
.rp-slider-close { position:absolute; top:10px; right:10px; font-size:36px; color:#fff; cursor:pointer; z-index:10001; background:none; border:none; }
.rp-swiper-container { width:100%; height:100%; }
.rp-swiper-container img { width:100%; height:auto; object-fit:contain; }