.card{perspective:150rem;-moz-perspective:150rem}.card__side{height:100%;transition:all .8s ease;position:absolute;top:0;left:0;width:100%;backface-visibility:hidden;border-radius:.3rem;overflow:hidden}.card__side--back{transform:rotateY(-180deg)}.card:hover .card__side--front{transform:rotateY(180deg)}.card:hover .card__side--back{transform:rotateY(0)}.card__picture{background-size:cover;height:15rem;background-blend-mode:screen;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.card__picture--1{background-image:linear-gradient(to right bottom,#4c4545,#3d3333),url(/rayhan-al-kavey.jpg)}.card__heading-span{padding:1rem;-webkit-box-decoration-break:clone;box-decoration-break:clone}.card__details ul{list-style:none;width:90%;margin:0 auto}.card__details li{text-align:center;padding:.4rem 0}.card__details li:not(:last-child){border-bottom:.1rem solid #dcdcdc}.card__cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center}@media only screen and (hover:none),only screen and (max-width:60.25em){.card:hover .card__side--front{transform:rotateY(0deg)}.card__side--front{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 110%);clip-path:polygon(0 0,100% 0,100% 100%,0 110%);margin-bottom:-86px;padding-bottom:70px}.card{height:auto;border-radius:.3rem;background-color:var(--color-white)}.card__side{height:auto;position:relative;border-top-right-radius:0}.card__side--back{-webkit-clip-path:polygon(0 15%,100% 0,100% 100%,0 100%);clip-path:polygon(0 15%,100% 0,100% 100%,0 100%)}&:hover .card__side--front,.card__side--back{transform:rotateY(0)}.card__details{padding:1rem .2rem}.card__cta{position:relative;top:0;left:0;transform:translate(0);width:100%;padding:7rem 4rem 4rem}.card__price-box{margin-bottom:3rem}.card__price-value{font-size:4rem}}