.body{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-perspective:90rem;perspective:90rem;-webkit-perspective-origin:34% 61%;perspective-origin:34% 61%;width:100vw;height:500px}@media (max-width:767px){.body{height:320px}.body,.cont{width:100vw}.body,.box,.cont,.cover{display:flex;justify-content:center;align-items:center}.img{margin:0 auto;display:block}.box .cover:after{width:250px;height:350px;background-size:250px 350px}}@media (width >= 48rem){.body{width:50vw}.contain{width:50%}.box:hover .cover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.button{cursor:pointer;outline:0;width:180px;height:48px;border-radius:8px;background-color:#2c3138;margin-top:40px;overflow:hidden;-webkit-transform:scale(.7);transform:scale(.7)}.button:after{position:relative;top:-40px;height:107%;background-color:#000;border-radius:6px 0 0 6px;background-image:url("/assets/icons/book-open-svgrepo-com/ /(1/).svg");background-repeat:no-repeat;background-position:50%;background-size:20px 20px;background-color:white}.button:after,.button:before{content:"";display:block;width:48px;margin-top:-1px;margin-left:-7px}.button:before{height:46px;-webkit-transition:all .2s cubic-bezier(.25,.75,.5,1.25);transition:all .2s cubic-bezier(.25,.75,.5,1.25);width:120%;opacity:.8;background-color:#2c3138}.box-1:hover .button:before{width:120%;opacity:.8;background-color:#7d0f24}.box-1 .button{border:1px solid #7d0f24;color:#fff;font-size:22px;text-align:right;padding-right:20px;line-height:40px}.box:hover .cover{-webkit-transform:translateY(-14px) scale(1.04);transform:translateY(-14px) scale(1.04)}.box-1 .button:after{content:"";background-color:#7d0f24;top:-85px}.box-1 .button .div:before{content:"View Book";position:relative;top:-44px;left:-4px;color:#ffffff;font-size:21px;font-weight:300}.box-1:hover .button .div:before{color:#fff}}.contain{width:100%}.img{width:300px}.cont{-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;width:50vw;-webkit-transform:rotateX(23deg) rotate(-9deg) rotateY(15deg) scaleZ(-.9);transform:rotateX(23deg) rotate(-9deg) rotateY(15deg) scaleZ(-.9)}.box,.cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;will-change:transform}.box:hover .cover{-webkit-transform:translateY(-14px) scale(1.04);transform:translateY(-14px) scale(1.04)}.cover{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;will-change:transform}.box .cover:after,.cover .img{-webkit-transition:all .26s ease-in-out;transition:all .26s ease-in-out}.box .cover:after{content:"";z-index:-99;position:absolute;top:-20px;left:-50px;display:block;width:360px;height:500px;opacity:0;background-position:50%;background-repeat:no-repeat;background-size:320px 400px;-webkit-filter:blur(24px);filter:blur(24px);will-change:transform;-webkit-transform:scale(.6);transform:scale(.6)}.box:hover .cover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.box-1 .cover:after{background-image:url(/book/Artboard\ 1.webp)}.dr{position:absolute;bottom:16px;right:16px;width:100px}