*{margin:0;padding:0;line-height:1.25;box-sizing:border-box;font-family:var(--fontBody)}.con1{width:100%}.con1 .list{display:flex;justify-content:center;margin:4rem 0;flex-wrap:wrap}.con1 .list .item_container{width:21rem;height:16rem;margin:1rem;border-radius:14px;transform-style:preserve-3d;transform:perspective(1000px);transition:all .5s ease-in}.con1 .list .item_container:hover{transform:rotateY(180deg)!important;transform-origin:center}.con1 .list .item_container .item_cover{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.con1 .list .item_container .item_cover .item{position:relative;width:100%;height:100%;display:flex;border-radius:14px;background-position:center;background-size:cover;justify-content:center;align-items:center;z-index:1;backface-visibility:hidden;transform-style:preserve-3d}.con1 .list .item_container .item_cover .item:after,.con1 .list .item_container .item_cover .item_back:before{content:"";position:absolute;width:100%;height:100%;border-radius:14px;top:0;left:0;background:#000;background:-moz-linear-gradient(0deg,rgba(0,0,0,.9108018207282913) 0%,rgba(0,0,0,.4990371148459384) 25%,rgba(255,255,255,0) 50%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,.9108018207282913) 0%,rgba(0,0,0,.4990371148459384) 25%,rgba(255,255,255,0) 50%);background:linear-gradient(0deg,#000000e8,#0000007f,#fff0 50%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1)}.con1 .list .item_container .item_cover .item img{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;border-radius:14px}.con1 .list .item_container .item_cover .item p{position:relative;width:80%;height:auto;padding-top:8rem;margin:auto;color:#fff;text-align:center;transform:translateZ(100px)!important}.con1 .list .item_container .item_cover .item_back{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:14px;display:flex;justify-content:center;align-items:center;background-color:var(--primary);transform-style:preserve-3d;transform:rotateY(180deg) perspective(1000px);transition:all .7s ease-in-out}.con1 .list .item_container .item_cover .item_back p{position:relative;width:80%;height:auto;color:#fff;padding:1rem 2rem;text-align:center;font-size:larger;transform:translateZ(100px)!important}@media only screen and (min-width:300px)and (max-width:600px){.con1 .list .item_container .item_cover .item p{padding-top:10rem}.con1 .list{display:flex;justify-content:center;margin:1rem;flex-wrap:wrap}}