.con{justify-content:center;align-items:center}.card,.con{display:flex}.card{position:relative;object-fit:cover;overflow:hidden;color:#000;transition:all .6s cubic-bezier(.23,1,.32,1)}.head,.head2{position:absolute;top:300px;right:350px;left:30px;font-size:32px;font-weight:600}.card img,.head2{width:100%}.card img{border-radius:15px;fill:#333;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover{transform:scale(1.1);box-shadow:0 10px 20px rgba(0,0,0,.2)}.card__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#fff;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover .card__content{transform:translate(-50%,-50%) rotate(0deg);opacity:1}.card__title{margin:0;font-size:34px;color:#000;font-weight:700}.card__description{margin:16px 0 0;font-size:14px;color:#000;line-height:1.4}.card:hover img{scale:0;transform:rotate(-45deg)}img{object-fit:cover}.para_hide_L{opacity:0}@media(max-width:768px){.card__title{font-size:26px}.card__description{font-size:18px}.card__content{display:flex;flex-direction:column;justify-content:center}.para_hide_L{opacity:0}}@media (max-width:480px){.card__title{font-size:16px}.card__description{font-size:14px}.sd_title{position:absolute;top:50%}.para_hide{opacity:0}.card1_content{display:block}}@media (max-width:375px){.card__description,.card__title{font-size:14px}.sd_title{position:absolute;top:50%}.para_hide,.para_hide_M{opacity:0}.head,.head2{font-size:16px}.card__content{display:block}.card__description{margin-top:10px}}#cta{opacity:0}