.cards,.modal-sec{display:flex;justify-content:space-around;flex-wrap:wrap}.card-wrapper{perspective:1000px}.card-wrapper:hover .card,.wrapper{transform:rotateY(180deg)}.modal-sec .hs_cos_wrapper_type_form{width:70%}.card-back,.card-front,.card-wrapper{width:200px;height:250px;text-align:center;margin-bottom:40px}.card-back,.card-front{box-shadow:0 0 11px rgba(33,33,33,.2)}.card{transition:.6s;transform-style:preserve-3d;position:relative}.card .card-front h3{position:absolute;bottom:0;width:100%;background:rgba(255,254,254,.7686274509803922);font-weight:400}.card h3{background:#ccd4d5;padding:10px 0;font-weight:400}.card-back,.card-front{backface-visibility:hidden;position:absolute;top:0;left:0;border-radius:6px}.card-front{z-index:3;transform:rotateY(0deg);background-size:cover;background-position:50%}.card-back{transform:rotateY(180deg);background:#fbfbfb}.card .cta{position:absolute;bottom:0;width:100%}.overlay{display:none;position:fixed;z-index:5;height:100%;width:100%;background:rgba(0,0,0,.5);top:0;right:0}.overlay h3{text-align:center;font-weight:400}.modal{width:50%;margin:8% auto;height:430px;background:#fff;position:relative;padding:10px 0 40px;border-radius:10px}.modal-sec span#hs_cos_wrapper_{width:70%}.closeModal{right:5%;top:5%;position:absolute;font-size:20px;cursor:pointer}@media screen and (max-width:768px){.modal{width:90%;margin:16% auto}.closeModal{top:1%}}