.swiper_container{width: 100%;padding-top: 50px;padding-bottom: 50px;}
.swiper_slide{background-position: center;background-size: cover;width: 300px;height: 380px;background: none;}
.swiper_slide .imgbx2345523455234552345523455{width: 100%;height: 300px;}
.swiper_slide .imgbx2345523455234552345523455 img{width: 100%;}
.swiper_slide .details{box-sizing: border-box;padding: 20px;}
.swiper_slide .details h3{margin: 0;padding: 0;font-size: 20px;text-align: center;line-height: 20px;}
.swiper_slide .details h3 span{font-size: 20px;color: #f44336;}
.card{position: relative;width: 300px;height: 400px;background: none;/*	border: 2px solid #4caf50;  */overflow: hidden;}
input, .toggle{position: absolute;width: 50px;height: 50px;bottom: 20px;right: 20px;outline: none;z-index: 10;}
input{opacity: 0;}
.toggle{pointer-events: none;border-radius: 50%;background: #fff;transition: 0.5s;text-align: center;line-height: 50px;font-size: 36px;box-shadow: 0 0 0 0px #DD9BE9;}
input:checked ~ .toggle{box-shadow: 0 0 0 500px #DD9BE9;transform: rotate(225deg);}
.imgbx2345523455234552345523455, .details{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.details{padding: 20px;box-sizing: border-box;z-index: 11;pointer-events: none;transition: 0.5s;opacity: 0;}
input:checked ~ .details{opacity: 1;transition-delay: 0.5s;}
.details h2{margin-bottom: 5px;color: #fff;}
.details p{margin: 0;padding: 0;color: #fff;}