/* Investax V3 — Related Service Image Cards
   Isolated to the public service-page related-services component. */
.ix-service-v3 .ix-service-v3__related-card{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    min-height:250px !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(201,162,39,.45) !important;
    border-radius:18px !important;
    background:#071525 var(--ix-related-image) center/cover no-repeat !important;
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(7,21,37,.10) !important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.ix-service-v3 .ix-service-v3__related-card:hover{
    transform:translateY(-5px) !important;
    border-color:#d4af37 !important;
    box-shadow:0 20px 42px rgba(7,21,37,.18) !important;
}
.ix-service-v3 .ix-service-v3__related-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(7,21,37,.05) 0%,rgba(7,21,37,.18) 30%,rgba(7,21,37,.88) 100%);
    z-index:0;
    transition:background .22s ease;
}
.ix-service-v3 .ix-service-v3__related-card:hover::before{
    background:linear-gradient(180deg,rgba(7,21,37,.02) 0%,rgba(7,21,37,.14) 25%,rgba(7,21,37,.92) 100%);
}
.ix-service-v3 .ix-service-v3__related-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 60%);
}
.ix-service-v3 .ix-service-v3__related-arrow{
    position:absolute !important;
    top:18px !important;
    right:20px !important;
    z-index:3 !important;
    display:grid !important;
    place-items:center !important;
    width:34px !important;
    height:34px !important;
    border:1px solid rgba(212,175,55,.65) !important;
    border-radius:50% !important;
    background:rgba(7,21,37,.72) !important;
    color:#d4af37 !important;
    font-size:19px !important;
    line-height:1 !important;
    backdrop-filter:blur(4px);
}
.ix-service-v3 .ix-service-v3__related-content{
    position:relative !important;
    z-index:3 !important;
    padding:0 24px 22px !important;
}


.ix-service-v3 .ix-service-v3__related-content h3,
.ix-service-v3 .ix-service-v3__related-content p{
    display:none !important;
}
.ix-service-v3 .ix-service-v3__related-content .ix-service-v3__related-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    color:#d4af37 !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}
.ix-service-v3 .ix-service-v3__related-card--navy,
.ix-service-v3 .ix-service-v3__related-card--gold{
    background-color:#071525 !important;
    color:#fff !important;
}
@media (max-width:767px){
    .ix-service-v3 .ix-service-v3__related-card{min-height:220px !important;border-radius:15px !important;}
    .ix-service-v3 .ix-service-v3__related-content{padding:0 18px 18px !important;}
    
.ix-service-v3 .ix-service-v3__related-content h3,
.ix-service-v3 .ix-service-v3__related-content p{
    display:none !important;
}

.ix-service-v3 .ix-service-v3__related-content h3{font-size:20px !important;}
}