.desc-card{border-radius:24px;justify-content:center;align-items:center;max-width:320px;line-height:1.6;transition:all .48s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.content{color:#eee;background:#13213c;border-radius:22px;flex-direction:column;align-items:flex-start;gap:24px;padding:36px;transition:all .48s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.content:before{content:"";z-index:-1;transform-origin:bottom;border-radius:inherit;background:#5a42f39d;width:90%;height:90%;transition:all .48s cubic-bezier(.23,1,.32,1);position:absolute;top:-4%;left:50%;transform:translate(-50%)}.content:after{content:"";z-index:-2;transform-origin:bottom;border-radius:inherit;background:#af40ff72;width:80%;height:80%;transition:all .48s cubic-bezier(.23,1,.32,1);position:absolute;top:-8%;left:50%;transform:translate(-50%)}.content svg{width:48px;height:48px}.content .para{z-index:1;opacity:1;font-size:18px;transition:all .48s cubic-bezier(.23,1,.32,1)}.content .link{z-index:1;font-family:inherit;font-size:16px;text-decoration:none;transition:all .48s cubic-bezier(.23,1,.32,1)}.content .link:hover{text-decoration:underline}.desc-card:hover{transform:translateY(-16px)}.desc-card:hover .content:before{width:100%;height:100%;top:0;rotate:-8deg}.desc-card:hover .content:after{width:100%;height:100%;top:0;rotate:8deg}
.readmore-btn{width:fit-contentd;cursor:pointer;color:#4996c0;background-color:#0000;border:none;border-radius:10px;justify-content:center;align-items:center;gap:0;padding:5px 15px;transition:all .4s;display:flex}.book-wrapper{justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.book-wrapper .book-page{background-color:#0000;width:50%;height:auto;position:absolute}.readmore-btn:hover .book-page{transform-origin:0;animation:.4s linear infinite paging}.readmore-btn:hover{color:#fff}@keyframes paging{0%{transform:rotateY(0)skewY(0)}50%{transform:rotateY(90deg)skewY(-20deg)}to{transform:rotateY(180deg)skewY(0)}}.text{justify-content:center;align-items:center;height:100%;font-size:15px;font-weight:600;display:flex}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial}}}.bars-wrapper{background-color:#efdecd;justify-content:space-around;align-items:center;display:flex;overflow:hidden}.bars-container{align-items:flex-end;height:12px;display:flex;position:relative;transform:scale(1.5)}:is(.bars-container *){transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s);--tw-duration:50ms;transition-duration:50ms}[class^=bar-]{background-color:#4996c0;border-radius:4px;width:1.5px;height:1.5px;margin:0 1px}[class^=bar-]:nth-child(2n){background-color:#318bbca4}.bar-1{animation:.3s .5s infinite alternate both lineWaveAnim1}.bar-2{animation:.3s .575s infinite alternate both lineWaveAnim2}.bar-3{animation:.3s .5s infinite alternate both lineWaveAnim1}.bar-4{animation:.33s infinite alternate both lineWaveAnim2}.bar-5{animation:.3s .65s infinite alternate both lineWaveAnim1}.bar-6{animation:.3s .5s infinite alternate both lineWaveAnim2}.bar-7{animation:.25s .4s infinite alternate both lineWaveAnim1}@keyframes lineWaveAnim1{0%{height:1px}to{height:10px}}@keyframes lineWaveAnim2{0%{height:2px}to{height:16px}}@property --tw-duration{syntax:"*";inherits:false}