.card-hover{
    transition:0.3s ease;
}

.card-hover:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

/* Efek hover tombol OSDM */
.osdm-btn{
    transition: all .3s ease;
    cursor: pointer;
}

.osdm-btn:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

/* ===========================================
   UNSAM NEWS SECTION
   Royal Elementor Slider
=========================================== */

.unsam-news{
    position:relative;
}

/* ===========================================
   FILTER
=========================================== */

.unsam-news .wpr-filter-wrap,
.unsam-news .wpr-grid-filters,
.unsam-news .wpr-filter-nav,
.unsam-news .wpr-filter-list{
    display:none !important;
}

/* ===========================================
   CATEGORY BADGE
=========================================== */

.unsam-news .wpr-grid-media-hover-middle{

    position:absolute;

    inset:0;

    display:flex;

    align-items:flex-end;

    justify-content:flex-start;

    padding:16px;
}

.unsam-news .wpr-grid-item-category{

    position:static !important;

    transform:none !important;

    margin:0 !important;
}

/* hanya tampilkan kategori pertama */

.unsam-news .wpr-grid-item-category .inner-block a:not(:first-child){
    display:none !important;
}

/* ===========================================
   SLIDER NAVIGATION
=========================================== */

.unsam-news .wpr-grid-slider-arrow-container{

    position:absolute;

    left:-160px;

    bottom:-20px;

    display:flex;

    align-items:center;

    gap:14px;

    z-index:999;
}

/* circle putih */

.unsam-news .wpr-grid-slider-arrow-container::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    background:#fff;

    border-radius:50%;

    left:-30px;

    top:-85px;

    z-index:-1;
}

/* ===========================================
   BUTTON
=========================================== */

.unsam-news .wpr-grid-slider-arrow{

    width:56px !important;
    height:56px !important;

    min-width:56px !important;
    min-height:56px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    box-sizing:border-box;

    position:relative;

    cursor:pointer;

    transition:.25s ease;
}

/* kiri */

.unsam-news .wpr-grid-slider-prev-arrow{

    background:#fff !important;

    border:1px solid #9FC8FF !important;

    color:#9FC8FF !important;
}

/* kanan */

.unsam-news .wpr-grid-slider-next-arrow{

    background:#2A23B9 !important;

    border:none !important;

    color:#fff !important;

    /* hilangkan rotate bawaan Royal */
    transform:translateY(-50%) !important;
}

/* ===========================================
   HIDE SVG
=========================================== */

.unsam-news .wpr-grid-slider-arrow svg{
    display:none !important;
}

/* ===========================================
   HEROICON
=========================================== */

.unsam-news .wpr-grid-slider-arrow::before{

    content:"";

    width:22px;
    height:22px;

    display:block;

    background:currentColor;

    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-size:contain;

    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:contain;
}

/* LEFT */

.unsam-news .wpr-grid-slider-prev-arrow::before{

    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18'/%3E%3C/svg%3E");

    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18'/%3E%3C/svg%3E");
}

/* RIGHT */

.unsam-news .wpr-grid-slider-next-arrow::before{

    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3'/%3E%3C/svg%3E");

    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3'/%3E%3C/svg%3E");
}

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

.unsam-news .wpr-grid-slider-prev-arrow:hover{

    background:#F7FAFF !important;

    border-color:#9FC8FF !important;

    color:#6FAEFF !important;

    transform:translateY(-3px);
}

.unsam-news .wpr-grid-slider-next-arrow:hover{

    background:#1E179A !important;

    color:#fff !important;

    transform:translateY(calc(-50% - 3px)) !important;
}

/* ===========================================
   DOTS
=========================================== */

.unsam-news .wpr-grid-slider-dots{

    margin-top:16px !important;
}

.unsam-news .wpr-grid-slider-dots li{

    margin:0 4px !important;
}

.unsam-news .wpr-grid-slider-dots button{

    width:8px !important;

    height:8px !important;

    border-radius:50% !important;

    background:#CFCFCF !important;

    border:none !important;
}

.unsam-news .wpr-grid-slider-dots .slick-active button{

    width:10px !important;

    height:10px !important;

    background:#0911A8 !important;
}
/* ===========================================
   FEATURED CARD
=========================================== */

.unsam-featured .wpr-grid-item{

    position:relative;

    overflow:hidden;
}

/* gradient */

.unsam-featured .wpr-grid-media-hover-bg{

    background:linear-gradient(
        to top,
        #0911A8 0%,
        rgba(9,17,168,.95) 15%,
        rgba(9,17,168,.55) 40%,
        rgba(9,17,168,0) 75%
    ) !important;

    opacity:1 !important;
}

/* pindahkan semua konten ke bawah */

.unsam-featured .wpr-cv-inner{

    position:absolute;

    left:38px;

    right:38px;

    bottom:34px;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    z-index:50;
}

.unsam-featured .wpr-grid-item-category{

    order:1;

    margin-bottom:12px;
}

.unsam-featured
.wpr-grid-item-category
.inner-block
a:not(:first-child){

    display:none !important;
}

.unsam-side-news
.wpr-grid-item-category
.inner-block{

    display:flex;
}

.unsam-side-news
.wpr-grid-item-category
.inner-block a:not(:first-child){

    display:none !important;
}