@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";
.ramadan-theme-root{text-align:center;background:url(https://g.top4top.io/p_1567e8xah1.png) 50%/cover no-repeat;width:100%;min-height:100vh;margin-bottom:160px;padding:0;font-family:Cairo,sans-serif}.ramadan-snackbar{visibility:hidden;color:#fff;text-align:center;z-index:2147483647;background-color:#333;border-radius:2px;min-width:300px;margin-left:-165px;padding:16px;position:fixed;bottom:30px;left:50%}.ramadan-snackbar.show{visibility:visible;animation:.5s ramadan-fadein,.5s 2.5s forwards ramadan-fadeout}@keyframes ramadan-fadein{0%{opacity:0;bottom:0}to{opacity:1;bottom:30px}}@keyframes ramadan-fadeout{0%{opacity:1;bottom:30px}to{opacity:0;bottom:0}}.ramadan-fingerprint-wrap{text-align:center;z-index:99999999;background-color:#00f;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wjpDnvCp-wsNaapQfbFKfSJHo_hT1JJdWczSA6PEXUPjl6YeAmhsgV3Z_mbN-kGuf64c-SGi75OSAMkRbQt6z-s7qzeK2HX4fbtAG-7sjo0KuNlNN48IP1NEMxl8NRlFrfTdcn-kV4Q/s1600/mainbg.jpg);background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.ramadan-fingerprint-wrap img.ramadan-fingerprint-img{cursor:pointer;width:150px;margin-top:10px;position:absolute;bottom:70px;left:calc(50% - 75px)}.ramadan-fingerprint-wrap p{text-align:center;color:#fff;margin-top:50%;padding:10px;font-family:Garamond,serif;font-size:20px}@media only screen and (min-width:786px){.ramadan-fingerprint-wrap{display:none!important}}.ramadan-maincontainer{text-align:center;background:#fef8ec;border:5px solid #e2a428;border-radius:15px;max-width:500px;margin:auto auto 60px;padding:5px;position:relative;box-shadow:3px 4px 41px #000000a3}.ramadan-headtext{padding-top:200px}.ramadan-username{text-transform:uppercase;text-align:center;color:#138808;text-shadow:-2px 0 1px #22414f,-4px 0 1px #22414f,-6px 0 1px #22414f,-1px -1px 1px #22414f,-1px -2px 1px #22414f,-2px -1px 1px #22414f,-2px -2px 1px #22414f,-3px -3px 1px #22414f,-4px -4px 1px #22414f,-5px -5px 1px #22414f,-6px -6px 1px #22414f,0 0 15px #22414f,0 0 20px #22414f,1px 1px #22414f,2px 2px #22414f;margin:0;font-family:Cairo,cursive;font-size:35px;transition:all .2s;animation:4s cubic-bezier(.68,-.55,.27,1.55) infinite ramadan-bounceIn}@keyframes ramadan-bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{color:#f93;transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;color:#fff;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.ramadan-txt1{color:#673ab7;white-space:pre-line;margin:1em 0;font-family:Cairo,sans-serif;font-size:30px;line-height:1.6}.ramadan-cta-line{color:#f93;margin:.5em 0;font-weight:700}.ramadan-cta-send-wish{cursor:pointer;color:#1a1a1a;background:linear-gradient(145deg,#f0c14b 0%,#e2a428 35%,#f93 70%,#e8952a 100%) 0 0/200% 200%;border:none;border-radius:14px;margin-top:16px;padding:14px 28px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .25s,filter .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #e2a42866,0 2px 6px #00000026,inset 0 1px #ffffff59}.ramadan-cta-send-wish:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ramadan-cta-send-wish:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #e2a42880,0 4px 12px #0003,inset 0 1px #fff6}.ramadan-cta-send-wish:hover:before{left:100%}.ramadan-cta-send-wish:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #e2a42859,inset 0 2px 4px #0000001a}.ramadan-cta-send-wish .ramadan-cta-send-wish-icon{vertical-align:middle;margin-left:6px;transition:transform .3s;display:inline-block}.ramadan-cta-send-wish:hover .ramadan-cta-send-wish-icon{transform:translate(-3px)}@media (max-width:480px){.ramadan-cta-send-wish{width:100%;max-width:320px;padding:12px 20px;font-size:.95rem}}.ramadan-formBox{box-sizing:border-box;background:#00000080;width:100%;margin:0;padding:10px;animation:1s linear infinite ramadan-pulse;display:inline-block;position:fixed;bottom:0;left:0;right:0}@keyframes ramadan-pulse{0%,to{opacity:1}50%{opacity:.85}}.ramadan-nameTextBox{text-align:center;color:#fff;box-sizing:border-box;background-color:#ff8000;border:1px solid #c60;border-radius:10px;width:70%;height:50px;padding:15px;font-size:1rem;animation:2s linear infinite alternate ramadan-nudge}.ramadan-nameTextBox::placeholder{color:#ffffffe6;text-align:center}@keyframes ramadan-nudge{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.ramadan-goButton{cursor:pointer;color:#fff;background:green;border:1px solid #026b02;border-radius:10px;width:50%;height:45px;margin-top:8px;font-size:1.1rem;font-weight:700;animation:3s linear infinite alternate ramadan-flip}@keyframes ramadan-flip{0%{animation-timing-function:ease-out;transform:perspective(600px)rotateY(-360deg)}40%{animation-timing-function:ease-out;transform:perspective(600px)translateZ(150px)rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(600px)translateZ(150px)rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(600px)scale3d(.95,.95,.95)}to{animation-timing-function:ease-in;transform:perspective(600px)}}.ramadan-footerbtn{color:#fff;box-sizing:border-box;background:#34af23;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:95%;max-width:400px;height:55px;margin-left:10px;margin-right:30px;padding:5px 15px;font-size:20px;line-height:15px;text-decoration:none;animation:1s linear infinite ramadan-footer;display:none;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.ramadan-footerbtn:active{box-shadow:none}@keyframes ramadan-footer{0%,50%,to{transform:translate(-50%)rotate(0)}25%{transform:translate(-50%)rotate(1.5deg)}75%{transform:translate(-50%)rotate(-1.5deg)}}.ramadan-m1,.ramadan-m2{color:#000;pointer-events:none;width:50px;position:fixed;top:0;bottom:0;overflow:hidden}.ramadan-m1{animation:25s linear infinite ramadan-marquee-up;left:1%}.ramadan-m2{animation:25s linear infinite ramadan-marquee-down;right:1%}.ramadan-m1 img,.ramadan-m2 img{width:25px;height:25px;margin:8px auto;display:block}@keyframes ramadan-marquee-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes ramadan-marquee-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.ramadan-headtext img{animation:4s infinite ramadan-tada;transform:translate(-22px)}@keyframes ramadan-tada{0%,to{transform:translate(-22px)scale(1)}10%,30%{transform:translate(-22px)scale(.9)rotate(-3deg)}20%,40%{transform:translate(-22px)scale(.9)rotate(3deg)}50%{transform:translate(-22px)scale(1.1)rotate(-2deg)}60%,80%{transform:translate(-22px)scale(1.1)rotate(2deg)}}