.rpc-wrap { width: 100%; min-height: 400px; }
.rpc-wrap .slick-list {
width: 95%;
margin: 0 auto;
} .rpc-card {
padding: 0 12px;
box-sizing: border-box;
}
.rpc-thumb {
display: block;
overflow: hidden;
border-radius: 14px;
}
.rpc-thumb img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
border-radius: 14px;
} .rpc-info {
padding: 12px 8px 4px;
text-align: left;
}
.rpc-title {
font-weight: 700;
font-size: clamp(18px, 2vw, 22px);
color: #234; margin: 12px 0 6px;
}
.rpc-excerpt {
margin: 0 0 14px;
color: #4a5a66;
font-size: clamp(14px, 1.6vw, 16px);
} .rpc-btn {
display: inline-block;
padding: 10px 18px;
border-radius: 999px;
background: #157a8c; color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
.rpc-btn:hover { opacity: .9; } .rpc-wrap .slick-prev, .rpc-wrap .slick-next {
background: transparent;
border: 0;
width: 42px;
height: 42px;
border-radius: 999px;
display: grid;
place-items: center;
}
.rpc-wrap .slick-prev {
left: 0;
}
.rpc-wrap .slick-next {
right: 0;
}
.rpc-wrap .slick-arrow i { font-size: 18px !important; color: #365460 !important; }
.rpc-wrap {
position: relative;
min-height: 200px; }
.rpc-loading {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.8);
z-index: 10;
}
.rpc-spinner {
width: 48px;
height: 48px;
border: 5px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: rpc-spin 0.8s linear infinite;
}
@keyframes rpc-spin {
to { transform: rotate(360deg); }
}
.rpc-loaded .rpc-loading {
display: none;
}