.card-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;padding:20px}.why-heading{color:#d94125;font-weight:700;text-align:center}.why-sub-heading{color:orange;font-size:20px;text-align:center}.book{background-color:#f5f5f5;-webkit-box-shadow:1px 1px 12px #757171;box-shadow:1px 1px 12px #6e6d6d;color:#000;height:400px;padding:15px;-webkit-perspective:2000px;perspective:2000px;position:relative;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;width:300px}.book,.cover{border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cover{background-color:#fffaf0;-webkit-box-shadow:1px 1px 12px #413f3f;box-shadow:1px 1px 12px #464545;cursor:pointer;flex-direction:column;height:100%;padding:0 10px;position:absolute;top:0;-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;width:100%}.book:hover .cover,.cover{-webkit-transition:all .5s;transition:all .5s}.book:hover .cover{-webkit-transform:rotatey(-90deg);-ms-transform:rotatey(-90deg);transform:rotatey(-90deg)}.cover-p{font-size:16px;font-weight:bolder}.book-image{border-radius:10px}.book{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.book.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.book{flex:1 1 100%}}