.title{font-size:24px;font-weight:700;color:#5D4037;text-align:center;}.container-cards{padding:40px 0px;display:flex;flex-wrap:wrap;justify-content:center;}.card-wrap{margin:5px;transform:perspective(800px);transform-style:preserve-3d;cursor:pointer;}.card-wrap:hover .card-info{transform:translateY(0);}.card-wrap:hover .card-info p{opacity:1;}.card-wrap:hover .card-info,.card-wrap:hover .card-info p{transition:0.6s cubic-bezier(0.23,1,0.32,1);}.card-wrap:hover .card-info:after{transition:5s cubic-bezier(0.23,1,0.32,1);opacity:1;transform:translateY(0);}.card-wrap:hover .card-bg{transition:0.6s cubic-bezier(0.23,1,0.32,1),opacity 5s cubic-bezier(0.23,1,0.32,1);opacity:0.8;}.card-wrap:hover .card{transition:0.6s cubic-bezier(0.23,1,0.32,1),box-shadow 2s cubic-bezier(0.23,1,0.32,1);box-shadow:rgba(255,255,255,0.2) 0 0 40px 5px,white 0 0 0 1px,rgba(0,0,0,0.66) 0 30px 60px 0,inset #333 0 0 0 5px,inset white 0 0 0 6px;}.card{position:relative;flex:0 0 340px;width:300px;height:300px;background-color:#000000d6;overflow:hidden;transition:1s cubic-bezier(0.445,0.05,0.55,0.95);border-radius:0px;border:none;}.card-bg{opacity:0.5;position:absolute;top:-20px;left:-20px;width:340px;height:340px;padding:20px;background-repeat:no-repeat;background-position:center;background-size:cover;transition:1s cubic-bezier(0.445,0.05,0.55,0.95),opacity 5s 1s cubic-bezier(0.445,0.05,0.55,0.95);pointer-events:none;}.card-info{padding:20px;position:absolute;bottom:0;color:#fff;transform:translateY(58%);transition:0.6s 1.6s cubic-bezier(0.215,0.61,0.355,1);}.card-info p{opacity:0;transition:0.6s 1.6s cubic-bezier(0.215,0.61,0.355,1);color:#ffffff;line-height:16px;color:#f3f3f3}.card-info *{position:relative;z-index:1;}.card-info p .btn{margin:0px;}.card-info:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.6) 100%);background-blend-mode:overlay;opacity:0;transform:translateY(100%);transition:5s 1s cubic-bezier(0.445,0.05,0.55,0.95);}.card-info h1{font-size:23px;line-height:23px;font-weight:700;text-shadow:rgba(0,0,0,0.5) 0 10px 10px;color:#ffffff;margin-bottom:15px;}