.video-container{border-radius:30px;box-shadow:0 8px 32px #00000026;position:relative;z-index:2}.video-player{border-radius:30px;cursor:pointer;display:block;width:100%}.controls-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.controls-overlay:hover{opacity:1}.play-overlay-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:2px solid hsla(0,0%,100%,.8);border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:80px}.play-overlay-btn:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.1)}.play-icon{color:#fff;font-size:32px;margin-left:6px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.controls{bottom:0;left:0;padding:20px 24px;position:absolute;right:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.controls-hidden{opacity:0;transform:translateY(10px)}.controls:hover{opacity:1;transform:translateY(0)}.progress-container{height:40px;margin:0 15px;padding:7px 0;width:100%}.progress-bar{border-radius:25px;cursor:pointer;height:100%;position:relative;transition:height .15s cubic-bezier(.4,0,.2,1)}.progress-background{background:#00000036;border-radius:25px;height:100%;overflow:hidden;position:absolute;width:100%}.progress{height:100%;position:absolute;--un-bg-opacity:1;background-color:rgb(43 89 255 / var(--un-bg-opacity));border-radius:50px;transition:width .1s linear}.progress-handle{height:16px;position:absolute;top:50%;width:16px;--un-bg-opacity:1;background-color:rgb(43 89 255 / var(--un-bg-opacity));border-radius:50%;box-shadow:0 2px 4px #0003;display:none;opacity:0;transform:translate(-50%,-50%);transition:all .2s cubic-bezier(.4,0,.2,1)}.progress-bar:hover .progress-handle{opacity:1}.preview-time{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:13px;font-weight:500;padding:6px 10px;position:absolute;top:-35px;transform:translate(-50%)}.bottom-controls{align-items:center;display:flex;justify-content:space-between;margin-top:10px;opacity:0}.video-container:hover .bottom-controls{opacity:1}.left-controls,.right-controls{align-items:center;display:flex;gap:10px}.control-btn{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding-top:4px;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.volume-controls{align-items:center;display:flex;gap:10px}.volume-slider-container{overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.volume-controls:hover .volume-slider-container{width:100px}.volume-slider{-webkit-appearance:none;background:#ffffff4d;border-radius:4px;height:4px;outline:none;transition:height .15s cubic-bezier(.4,0,.2,1);width:100px}.volume-slider:hover{height:6px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:14px;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:14px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:14px;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:14px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.time-info{color:#fff;font-size:14px;font-weight:500;min-width:100px;text-shadow:0 1px 2px rgba(0,0,0,.2)}:fullscreen .video-container{border-radius:0;height:100vh;max-width:none;width:100vw}:fullscreen .video-player{height:100%;-o-object-fit:contain;object-fit:contain}.video-loading{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.video-container:hover .controls{opacity:1;transform:translateY(0)}@media (max-width:768px){.controls{padding:15px}.play-overlay-btn{height:60px;width:60px}.control-btn{font-size:18px;height:35px;width:35px}.volume-controls:hover .volume-slider-container{width:60px}.left-controls,.right-controls{gap:10px}}@media (prefers-color-scheme:dark){.video-container{box-shadow:0 8px 32px #0000004d}}.control-btn:focus,.volume-slider:focus{outline:2px solid #fff;outline-offset:2px}.control-btn:focus:not(:focus-visible),.volume-slider:focus:not(:focus-visible){outline:none}.controls-overlay span{background:#000;border:0 solid #fff;box-shadow:inset 0 0 0 3px #fff,1px 0 13px #111;color:#fff}.banner{background-image:url(../img/bannerbg.jpg);background-position:0;background-size:cover;border-radius:20px}.fade-enter-active,.fade-leave-active{transition:opacity 1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.loadering[data-v-4c3a4490]{animation:rotation-4c3a4490 1s linear infinite;border:2px solid;border-color:#fff #fff transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:20px;width:20px}@keyframes rotation-4c3a4490{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}.modal-bg[data-v-4c3a4490]{background-image:url(../img/wave.png);background-position:50%;background-repeat:repeat;background-size:300px}.bggradient-top{background:#f9f9f9;background:linear-gradient(180deg,#f9f9f9,#f9f9f9 77%,#fafafa00);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f9f9f9",GradientType=1)}.bggradient-bottom{background:#f9f9f9;background:linear-gradient(0deg,#f9f9f9,#f9f9f9 77%,#fafafa00);border-radius:20px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f9f9f9",GradientType=1)}.rightgradient{background:#f9f9f9;background:linear-gradient(270deg,#f9f9f9,#f9f9f9 57%,#fafafa00);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f9f9f9",GradientType=1)}.leftgradient{background:#f9f9f9;background:linear-gradient(90deg,#f9f9f9,#f9f9f9 57%,#fafafa00);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f9f9f9",GradientType=1)}.topboxshadow{box-shadow:0 2px 3px #00000012;text-align:left}.box-test{align-items:center;box-shadow:0 2px 3px #00000012;display:flex;flex-direction:column;font-size:12px;height:180px;justify-content:center;max-width:180px;padding:19px 10px;text-align:center}.box-test span{align-items:center;border-radius:5px;display:inline-flex;height:35px;justify-content:center;margin-bottom:16px;width:35px}@keyframes flicker{0%{opacity:0}to{opacity:1}}.testimonials{box-shadow:0 4px 20px #0003}.testimonials .heart{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;height:62px;justify-content:center;margin-top:-46px;position:absolute;right:-43px;top:50%;transform:rotate(-27deg);width:75px;z-index:1}.animate-spin-once{animation:spin-half .5s linear}@keyframes spin-half{0%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes spin-right{0%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes spin-left{0%{transform:rotate(0)}to{transform:rotate(-45deg)}}.button-move-effect:hover svg path{stroke:#0a34be}.animate-spin-right{animation:spin-right .5s linear}.animate-spin-left{animation:spin-left .5s linear}.rotate-45-left{transform:rotate(0)}.slide-button{transition:transform .3s ease}.rotate-45-right{transform:rotate(45deg)}@media (max-width:640px){.bggradient-bottom{background:transparent}}
