.card-flipper-wrp .card-wrappper{display:flex;flex-wrap:wrap}.card-flipper-wrp .card-wrappper .flex-col{padding-left:15px;padding-right:15px}.card-flipper-wrp .card-wrappper .flex-col.col3{width:33.333%}.card-flipper-wrp .flex-col .flipbox-container{display:flex;flex-direction:column;justify-content:center;margin-top:30px;perspective:616px;position:relative;transform-style:preserve-3d}.card-flipper-wrp .flex-col .flipbox-container .flipbox-front-layout{border:1px dashed;border-radius:8px;padding:30px 0;transform:rotateX(0deg);transform-style:preserve-3d;z-index:1}.card-flipper-wrp .flex-col .flipbox-back-layout,.card-flipper-wrp .flex-col .flipbox-container .flipbox-front-layout{backface-visibility:hidden;box-shadow:0 0 8px 4px rgba(0,0,0,.05);display:flex;flex-wrap:wrap;justify-content:center;transition:.5s ease-out}.card-flipper-wrp .flex-col .flipbox-back-layout{align-content:center;border-color:#444b32;padding:30px 20px;position:relative;transform:rotateX(-180deg);transform-style:preserve-3d;z-index:0}.card-flipper-wrp .flipbox-front-description{align-self:center;backface-visibility:hidden;padding:0 20px;text-align:center;width:100%}.card-flipper-wrp .flipbox-front-layout h4{color:#444b32;font-size:24px;margin:20px 0 10px}.card-flipper-wrp .flipbox-front-layout p{color:#444b32;font-size:16px;font-weight:400;line-height:1.5;margin:1em 0}.card-flipper-wrp .flipbox-back-layout{align-content:center;box-shadow:0 0 8px 4px rgba(0,0,0,.05);display:flex;flex-wrap:wrap;justify-content:center;padding:30px 20px;top:0;width:100%}.card-flipper-wrp .flex-col .flipbox-back-layout{position:absolute;top:0;overflow-Y:auto}.card-flipper-wrp .flex-col .flipbox-back-layout p{color:#fff;font-size:16px;font-weight:400;line-height:1.5;margin:1em 0;text-align:center;width:100%}.card-flipper-wrp .flipbox-container:hover .flipbox-front-layout{backface-visibility:hidden;position:absolute;transform:rotateX(180deg);transform-style:preserve-3d;transition:.5s ease-out;width:100%;z-index:0}.card-flipper-wrp .flipbox-container:hover .flipbox-back-layout{backface-visibility:hidden;position:relative;transform:rotateX(0deg);transform-style:preserve-3d;transition:.5s ease-out;width:100%;z-index:1}.card-flipper-wrp .flipbox-container .flipbox-back-layout{border-radius:8px}