.loader-container{display:flex;justify-content:center;align-items:center;margin-top:20px;background-color:transparent;flex-direction:column}.spinner{width:50px;height:50px;border:6px solid rgb(213 223 255 / 48%);border-top:6px solid #c4ff00;border-radius:50%;animation:spin 1s linear infinite}.angerImg{display:block;width:300px;height:300px;box-shadow:17px 33px 128px -28px #c153b8;border-radius:50%;margin:0 auto;animation:floatXY 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatXY{0%{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translateY(-20px)}75%{transform:translate(-10px,-10px)}to{transform:translate(0)}}.img1{border:2px solid skyblue;border-radius:50%;box-shadow:0 0 200px -8px #c153b8;animation:floating 2s ease-in-out infinite}.Mainchai{width:100%;height:10vh}.chai{position:absolute;right:10%;border:1px solid;display:flex;align-items:center;justify-content:center;width:10%;border-radius:8px;color:#000;background:#ccb136;font-weight:700}h1{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#0ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}button{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 10px;color:#fff;text-shadow:2px 2px rgb(116,116,116);text-transform:uppercase;cursor:pointer;border:solid 2px black;letter-spacing:1px;font-weight:600;font-size:17px;background-color:#fdd835;border-radius:22px;position:relative;overflow:hidden;transition:all .5s ease;margin-top:10px;width:150px}button:active{transform:scale(.9);transition:all .1s ease}button svg{transition:all .5s ease;z-index:2}.play{transition:all .5s ease;transition-delay:.3s;background-color:#fdd835;font-size:25px;color:#000}button:hover svg{transform:scale(3) translate(50%)}.now{position:absolute;left:0;transform:translate(-100%);transition:all .5s ease;z-index:2;background-color:#fdd835;font-size:25px;color:#000}button:hover .now{transform:translate(10px);transition-delay:.3s;background-color:#fdd835;font-size:25px}button:hover .play{transform:translate(200%);transition-delay:.3s;background-color:#fdd835;font-size:25px}.DataFetch{border:5px solid transparent;border-image:linear-gradient(to right,red,#00f) 1;width:50%;margin-top:20px;margin-bottom:40px}@keyframes floating{0%{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translateY(-20px)}75%{transform:translate(-10px,-10px)}to{transform:translate(0)}}@media screen and (max-width: 600px){.img1{width:250px;height:250px}input[type=text]{width:80%!important}h1{font-size:24px;text-align:center}p{font-size:16px;padding:0 10px}form{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:10px}button{width:50%;height:50px}.dot{display:none}.DataFetch{width:90%}.button{width:300px}.chai{width:50%}}@media screen and (min-width: 601px) and (max-width: 1024px){.img1{width:300px;height:300px}input[type=text]{width:50%!important}form{gap:16px}h1{font-size:30px}}.dot{width:0px;height:0px;position:absolute;box-shadow:54px 44px 335px 94px #00fffc}h4{opacity:0}.imgChai{width:100%;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.homebutton{border:1px solid;display:flex;align-items:center;justify-content:center;width:auto;height:10%;border-radius:8px;color:#000;background:#b8860b;font-weight:700;font-size:30px}@media (max-width: 768px){h1{font-size:24px;margin-top:10px}h3{font-size:16px;padding:0 10px}.imgChai img{width:90%;height:auto}video{width:90%!important;height:auto}.homebutton{padding:8px 16px;font-size:14px}h4{opacity:1}}@media (max-width: 480px){h1{font-size:20px}h3{font-size:14px}.imgChai{flex-direction:column;align-items:center}.imgChai img{width:100%;max-width:300px}video{width:100%!important}}*{background-color:#000;color:#fff}