.container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;overflow:hidden}.fixed-layout{position:relative;width:1440px;height:812px;background:url(/Images/Video1.png) center center / contain no-repeat;display:flex;justify-content:center;align-items:center}.video{width:1440px;height:812px;object-fit:contain;display:block}.flipbook-wrapper{position:absolute;width:655px;height:472px;display:flex;justify-content:center;align-items:center}.page{width:100%;height:100%}.page-image{width:100%;height:100%;object-fit:contain}*{margin:0;padding:0;box-sizing:border-box}.container{width:100vw;height:100vh;background-color:#000;overflow:hidden;position:relative}.video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}.flipbook-wrapper{position:relative;z-index:2;transform-style:preserve-3d;top:2%;left:3.2%;width:fit-content;height:fit-content;transform:scale(1);transform-origin:center center}.instruction-text{position:absolute;bottom:100px;left:41.5%;color:#fff;font-size:14px;text-align:center;font-style:italic;letter-spacing:.5px;z-index:3;width:330px;margin:0}.flipbook{box-shadow:0 10px 30px #0000004d;transform:rotateX(3deg) rotateY(4deg) perspective(1200px)}.page{background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center}.page-image{width:100%;height:100%;object-fit:cover}.transparent-page{opacity:0}.page-inner{position:relative;width:100%;height:100%}.video-button{position:absolute;bottom:20px;right:20px;padding:8px 16px;background-color:#000c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;z-index:10}.video-button.disabled{background-color:#808080cc;cursor:not-allowed}.video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:1000}.video-container{position:relative;max-width:90%;max-height:90%}.video-container:has(.contact-form){max-width:500px;max-height:95vh;overflow:visible}.overlay-video{width:100%;height:auto;max-height:90vh}.close-video-button{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;border:none;background-color:#fff;pointer-events:auto!important;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.sent-message{position:relative;width:100%;height:100%}.sent-message .close-video-button{top:-40px!important;right:-40px!important}.error-text{color:red;margin-top:.5rem}.contact-float-btn{position:fixed;top:50%;right:32px;transform:translateY(-50%);z-index:2000;background:#000000b3;color:#fff;border:none;border-radius:7px;padding:13px 20px;font-size:1rem;box-shadow:0 2px 8px #0003;cursor:pointer;transition:background .2s}.contact-form input,.contact-form textarea{width:100%;padding:.5rem;font-size:1rem;border:none;border-radius:4px;pointer-events:auto!important;z-index:101;position:relative;background-color:#fff;color:#000;box-sizing:border-box;resize:vertical;min-height:50px;min-width:100%;max-width:100%}.contact-form button{padding:.5rem;font-size:1rem;background-color:#00000080;color:#fff;border:none;border-radius:4px;cursor:pointer}.video-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2000;font-size:2rem}@media (max-width: 1200px){.flipbook-wrapper{transform:scale(.8)}.flipbook{transform:rotateX(2.5deg) rotateY(3.5deg) perspective(1100px)}}@media (max-width: 768px){.flipbook-wrapper{transform:scale(.6)}.flipbook{transform:rotateX(2deg) rotateY(3deg) perspective(1000px)}}@media (max-width: 480px){.flipbook-wrapper{transform:scale(.4)}.flipbook{transform:rotateX(1deg) rotateY(2deg) perspective(800px)}}