Slider altında kalmaması içinde "nozver" arkadaş css dosyamızdaki kodların ikisinede "#side_card
#card_trigger" "z-index:999" eklememi söyledi ekledim düzelti. teşekkürler çok sağol üstad.

css son hali
#side_card{
position:fixed;
top:50%;
right:250px;
width: 250px;
height: 250px;
padding:1rem;
background-color:#fff;
color:#333;
transform:translate(100%,-50%);
transition: transform .4s linear;
z-index:999;
}
#side_card.active{
transform:translate(200%,-50%);
}
#side_card.active #card_trigger span{
transform:rotate(-180deg);
}

#card_trigger{
position: absolute;
top: 50%;
left: -25px;
width:25px;
height:25px;
background-color:#fff;
color:#333;
transform: translateY(-50%);
cursor: pointer;
z-index:999;
}

#card_trigger span{
display: block;
font-size:12pt;
text-align:center;
line-height:25px;
}