.hour-hand,.minute-hand{transform-origin:50% 50%;stroke:var(--primaryGreen)}.slide-hidden,i{pointer-events:none}.gallery>img,.thumbnail,body button,button{cursor:pointer}.gallery>img,.paper img{object-fit:cover}#p7,.front{z-index:1}button{font-weight:500;border:none}.custom-bullet{background-color:#ccc!important;width:8px!important;height:8px!important;border-radius:9999px!important;display:inline-block!important;margin:0 4px!important;transition:.3s!important}.arrow,.book{margin-top:12vh}.custom-bullet-active{background-color:#21526e!important;width:24px!important}#google_translate_element,.goog-logo-link,.goog-te-gadget span{display:none!important}.goog-te-gadget{font-size:0}.custom-card{height:12rem!important;width:12rem!important}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.slider-pagination-bullet{transition:.3s}.slider-pagination-bullet-active{width:24px;background-color:#fff}.slide{transition:opacity .5s}.slide-hidden{opacity:0}.thumbnail{transition:.2s;border:2px solid transparent}.thumbnail:hover{opacity:.9}.thumbnail.active{border:2px solid #0ea5e9}.gallery,.gallery>img,i{border-radius:50%}.preview-image{transition:opacity .3s}.back,.book,.front{transition:transform .5s}.preview-image.fade{opacity:.5}@keyframes customSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.animation{animation:60s linear infinite customSpin}.hour-hand{animation:720s linear infinite spin-hour}.minute-hand{animation:60s linear infinite spin-minute}@keyframes spin-hour{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin-minute{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:639px){.custom-card{height:14rem!important;width:14rem!important}}.gallery{--g:8px;--s:400px;display:grid}.gallery>img{grid-area:1/1;width:300px;aspect-ratio:1;transform:translate(var(--_x,0),var(--_y,0));z-index:0;transition:.3s,z-index 0s .3s}.gallery img:hover{--_i:1;z-index:1;transition:transform .2s,clip-path .3s .2s,z-index}.gallery:hover img{transform:translate(0,0)}.gallery>img:first-child{clip-path:polygon(50% 50%,calc(50%*var(--_i,0)) calc(120%*var(--_i,0)),0 calc(100%*var(--_i,0)),0 0,100% 0,100% calc(100%*var(--_i,0)),calc(100% - 50%*var(--_i,0)) calc(120%*var(--_i,0)));--_y:calc(-1*var(--g))}.gallery>img:nth-child(2){clip-path:polygon(50% 50%,calc(100% - 120%*var(--_i,0)) calc(50%*var(--_i,0)),calc(100% - 100%*var(--_i,0)) 0,100% 0,100% 100%,calc(100% - 100%*var(--_i,0)) 100%,calc(100% - 120%*var(--_i,0)) calc(100% - 50%*var(--_i,0)));--_x:var(--g)}.gallery>img:nth-child(3){clip-path:polygon(50% 50%,calc(100% - 50%*var(--_i,0)) calc(100% - 120%*var(--_i,0)),100% calc(100% - 120%*var(--_i,0)),100% 100%,0 100%,0 calc(100% - 100%*var(--_i,0)),calc(50%*var(--_i,0)) calc(100% - 120%*var(--_i,0)));--_y:var(--g)}.gallery>img:nth-child(4){clip-path:polygon(50% 50%,calc(120%*var(--_i,0)) calc(50%*var(--_i,0)),calc(100%*var(--_i,0)) 0,0 0,0 100%,calc(100%*var(--_i,0)) 100%,calc(120%*var(--_i,0)) calc(100% - 50%*var(--_i,0)));--_x:calc(-1*var(--g))}.spark-container{position:relative;overflow:hidden}i{position:absolute;width:4px;height:4px;background:#cca13f;animation:2s linear forwards animate;font-size:50px;color:gray}@keyframes animate{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--x),var(--y))}}.book{position:relative;width:56vh;height:80vh}.back,.front,.paper{position:absolute;top:0;left:0}.back,.front,.paper,.paper img{width:100%;height:100%}.paper{perspective:1500px}.back,.front{background-color:#fff;transform-origin:left}.front{backface-visibility:hidden;border-left:3px solid #fcf4e9}.back{z-index:0}.back-content,.front-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.back-content{transform:rotateY(180deg)}.flipped .back,.flipped .front{transform:rotateY(-180deg)}.arrow{border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}body button{z-index:5;border:none;margin:10px}button:focus{outline:0}button i{color:#636363}#b7,#f1{background-color:#9b7e58e8}#p1{z-index:7}#p2{z-index:6}#p3{z-index:5}#p4{z-index:4}#p5{z-index:3}#p6{z-index:2}
