/* RASA INVESTMENT GALLERY HORIZONTAL V2 */
.rsg-gallery.rasa-gallery-hz-v2{
    padding-top:74px;
    padding-bottom:48px;
}
.rsg-gallery.rasa-gallery-hz-v2 .rsg-showcase{
    display:none!important;
}
.rasa-gallery-hz-v2-ui{
    margin-top:22px;
}
.rasa-gallery-hz-v2-filters{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin-bottom:14px;
    padding:9px 11px;
    border-radius:17px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(8,127,135,.08);
}
.rasa-gallery-hz-v2-filter{
    min-height:34px;
    padding:6px 13px;
    border:1px solid rgba(8,127,135,.11);
    border-radius:999px;
    background:#fff;
    color:#557176;
    font:inherit;
    font-size:8px;
    font-weight:900;
    cursor:pointer;
    transition:.2s ease;
}
.rasa-gallery-hz-v2-filter.is-active{
    border-color:transparent;
    color:#fff;
    background:linear-gradient(135deg,#12aaa7,#08717a);
    box-shadow:0 8px 20px rgba(8,127,135,.18);
}
.rasa-gallery-hz-v2-stage{
    direction:rtl;
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(280px,.72fr);
    gap:17px;
    height:520px;
}
.rasa-gallery-hz-v2-feature{
    min-width:0;
    height:100%;
    display:grid;
    grid-template-rows:315px minmax(0,1fr);
    overflow:hidden;
    border-radius:29px;
    background:#fff;
    border:1px solid rgba(7,86,92,.09);
    box-shadow:0 22px 58px rgba(7,78,83,.10);
}
.rasa-gallery-hz-v2-feature-media{
    position:relative;
    width:100%;
    height:315px;
    overflow:hidden;
    border:0;
    padding:0;
    background:#08282e;
    font:inherit;
    cursor:pointer;
}
.rasa-gallery-hz-v2-feature-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .55s ease;
}
.rasa-gallery-hz-v2-feature:hover
.rasa-gallery-hz-v2-feature-media img{
    transform:scale(1.025);
}
.rasa-gallery-hz-v2-placeholder{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 25% 25%,rgba(255,255,255,.18),transparent 30%),
        linear-gradient(145deg,#11aaa6,#075761);
    color:#fff;
}
.rasa-gallery-hz-v2-placeholder span{
    width:68px;
    height:68px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.13);
    font-size:24px;
}
.rasa-gallery-hz-v2-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 55%,rgba(2,28,32,.38));
    pointer-events:none;
}
.rasa-gallery-hz-v2-type{
    position:absolute;
    top:15px;
    right:15px;
    padding:7px 10px;
    border-radius:10px;
    background:rgba(4,35,40,.66);
    backdrop-filter:blur(9px);
    color:#fff;
    font-size:8px;
    font-weight:900;
}
.rasa-gallery-hz-v2-play{
    position:absolute;
    right:18px;
    bottom:17px;
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#087f87;
    box-shadow:0 12px 26px rgba(0,0,0,.18);
    font-size:14px;
}
.rasa-gallery-hz-v2-feature-body{
    min-height:0;
    display:flex;
    flex-direction:column;
    padding:18px 22px 20px;
}
.rasa-gallery-hz-v2-meta{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin-bottom:7px;
}
.rasa-gallery-hz-v2-meta span{
    padding:5px 8px;
    border-radius:8px;
    background:#edf8f7;
    color:#0a777d;
    font-size:7px;
    font-weight:900;
}
.rasa-gallery-hz-v2-feature-title{
    margin:0 0 5px;
    color:#0a3139;
    font-size:22px;
    line-height:1.55;
    font-weight:1000;
}
.rasa-gallery-hz-v2-feature-text{
    margin:0;
    color:#708489;
    font-size:9.5px;
    line-height:2;
}
.rasa-gallery-hz-v2-open{
    align-self:flex-start;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:auto;
    padding:8px 0 0;
    border:0;
    background:transparent;
    color:#087f87;
    font:inherit;
    font-size:8.5px;
    font-weight:1000;
    cursor:pointer;
}
.rasa-gallery-hz-v2-rail{
    min-width:0;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:13px;
    border-radius:27px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(8,127,135,.09);
    box-shadow:0 18px 46px rgba(7,78,83,.07);
    backdrop-filter:blur(11px);
}
.rasa-gallery-hz-v2-rail-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:2px 2px 10px;
    margin-bottom:9px;
    border-bottom:1px solid #edf3f3;
}
.rasa-gallery-hz-v2-rail-head strong{
    display:block;
    color:#0b353d;
    font-size:10px;
    font-weight:1000;
}
.rasa-gallery-hz-v2-rail-head small{
    display:block;
    margin-top:2px;
    color:#899b9e;
    font-size:7px;
}
.rasa-gallery-hz-v2-nav{
    display:flex;
    gap:5px;
}
.rasa-gallery-hz-v2-nav button{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:1px solid rgba(8,127,135,.11);
    border-radius:9px;
    background:#fff;
    color:#087f87;
    font:inherit;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}
.rasa-gallery-hz-v2-list{
    min-height:0;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:8px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-left:3px;
    scroll-behavior:smooth;
}
.rasa-gallery-hz-v2-list::-webkit-scrollbar{
    width:5px;
}
.rasa-gallery-hz-v2-list::-webkit-scrollbar-thumb{
    background:rgba(8,127,135,.20);
    border-radius:999px;
}
.rasa-gallery-hz-v2-item{
    flex:0 0 auto;
    width:100%;
    min-height:102px;
    display:grid;
    grid-template-columns:96px minmax(0,1fr) 18px;
    gap:10px;
    align-items:center;
    padding:7px;
    border:1px solid rgba(8,127,135,.075);
    border-radius:18px;
    background:rgba(255,255,255,.94);
    text-align:right;
    font:inherit;
    cursor:pointer;
    transition:.2s ease;
}
.rasa-gallery-hz-v2-item.is-active{
    border-color:rgba(8,127,135,.30);
    background:linear-gradient(145deg,#fff,#effaf9);
    box-shadow:0 10px 25px rgba(8,102,108,.10);
}
.rasa-gallery-hz-v2-thumb{
    position:relative;
    width:96px;
    height:86px;
    overflow:hidden;
    border-radius:14px;
    background:#eaf5f5;
}
.rasa-gallery-hz-v2-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.rasa-gallery-hz-v2-thumb-play{
    position:absolute;
    left:7px;
    bottom:7px;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#087f87;
    box-shadow:0 5px 12px rgba(0,0,0,.15);
    font-size:7px;
}
.rasa-gallery-hz-v2-item-copy{
    min-width:0;
}
.rasa-gallery-hz-v2-item-copy strong{
    display:block;
    overflow:hidden;
    color:#123b43;
    font-size:9px;
    line-height:1.65;
    font-weight:1000;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.rasa-gallery-hz-v2-item-copy small{
    display:-webkit-box;
    overflow:hidden;
    margin-top:4px;
    color:#819397;
    font-size:7px;
    line-height:1.65;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.rasa-gallery-hz-v2-item-meta{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-bottom:4px;
}
.rasa-gallery-hz-v2-item-meta span{
    padding:3px 5px;
    border-radius:7px;
    background:#eef8f7;
    color:#0a777d;
    font-size:6.3px;
    font-weight:900;
}
.rasa-gallery-hz-v2-arrow{
    color:#16a0a2;
    font-size:13px;
    font-weight:900;
}
@media(max-width:980px){
    .rasa-gallery-hz-v2-stage{
        grid-template-columns:1fr;
        height:auto;
    }
    .rasa-gallery-hz-v2-feature{
        height:500px;
    }
    .rasa-gallery-hz-v2-rail{
        height:330px;
    }
    .rasa-gallery-hz-v2-list{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:minmax(250px,1fr);
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:4px;
    }
}
@media(max-width:680px){
    .rsg-gallery.rasa-gallery-hz-v2{
        padding-top:58px;
    }
    .rasa-gallery-hz-v2-filters{
        overflow-x:auto;
        flex-wrap:nowrap;
    }
    .rasa-gallery-hz-v2-filter{
        flex:0 0 auto;
    }
    .rasa-gallery-hz-v2-feature{
        height:455px;
        grid-template-rows:260px minmax(0,1fr);
    }
    .rasa-gallery-hz-v2-feature-media{
        height:260px;
    }
    .rasa-gallery-hz-v2-feature-title{
        font-size:18px;
    }
    .rasa-gallery-hz-v2-rail{
        height:300px;
    }
    .rasa-gallery-hz-v2-list{
        grid-auto-columns:85%;
    }
}
