.pop-container .pop-left:before,.right-to-left-gradient-2{background:linear-gradient(90deg,rgba(27,26,29,0) 50%,rgba(27,26,29,0) 52.63%,rgba(27,26,29,.03) 55.25%,rgba(27,26,29,.08) 57.88%,rgba(27,26,29,.14) 60.51%,rgba(27,26,29,.23) 63.13%,rgba(27,26,29,.33) 65.76%,rgba(27,26,29,.44) 68.39%,rgba(27,26,29,.55) 71.01%,rgba(27,26,29,.66) 73.64%,rgba(27,26,29,.77) 76.27%,rgba(27,26,29,.85) 78.89%,rgba(27,26,29,.92) 81.52%,rgba(27,26,29,.96) 84.15%,rgba(27,26,29,.99) 86.77%,#1b1a1d 89.4%)}.left-to-right-gradient,[dir=rtl] .pop-left:before{background:linear-gradient(90deg,#0a031c 3.31%,rgba(10,3,28,.99) 7.71%,rgba(10,3,28,.96) 12.11%,rgba(10,3,28,.91) 16.51%,rgba(10,3,28,.85) 20.91%,rgba(10,3,28,.76) 25.31%,rgba(10,3,28,.67) 29.71%,rgba(10,3,28,.55) 34.11%,rgba(10,3,28,.44) 38.52%,rgba(10,3,28,.33) 42.92%,rgba(10,3,28,.23) 47.32%,rgba(10,3,28,.15) 51.72%,rgba(10,3,28,.08) 56.12%,rgba(10,3,28,.03) 60.52%,rgba(10,3,28,.01) 64.92%,rgba(10,3,28,0) 69.32%)}@keyframes animate-image{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 12px))}}@keyframes fadeInRightToLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}#pop-bg{background:var(--blacktrans);position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000}#login-popup{position:fixed;z-index:4000;color:var(--white);border-radius:20px;overflow:hidden;transition:all .3s ease;font-family:AvenirRoman,Arial,Helvetica,sans-serif}#email-form{background-color:var(--popupbg);box-shadow:-5px 3px 9px 3px var(--blacktrans);overflow:auto}.pop-container{background:var(--login-pop-bg);display:flex;position:relative}.pop-container .pop-left{flex:1 1;position:relative;display:flex;gap:10px;overflow:hidden;align-items:flex-start;flex-direction:column}.pop-container .pop-left:before{content:"";position:absolute;bottom:0;left:45px;height:100%;width:100%;z-index:1}.pop-container .img-scroller{display:flex;flex-direction:row;filter:brightness(75%)}.pop-container .img-scroller .run-forward,.pop-container .img-scroller .run-reverse{align-items:center;animation:animate-image 90s linear infinite;display:flex;flex-shrink:0;gap:8px;justify-content:space-around}.pop-container .img-scroller .run-forward .img-card,.pop-container .img-scroller .run-reverse .img-card{position:relative;height:160px}.pop-container .img-scroller .run-forward .img-card img,.pop-container .img-scroller .run-reverse .img-card img{position:static!important;object-fit:cover;height:100%;width:100%;border-radius:8px}.pop-container .img-scroller .run-forward .img-card:last-child,.pop-container .img-scroller .run-reverse .img-card:last-child{margin-right:8px}.pop-container .img-scroller .run-reverse{animation-direction:reverse}.pop-container .pop-right{flex:1 1;display:flex;flex-direction:column;opacity:0;transform:translateX(100%);transition:opacity 1s,transform 1s}.pop-container .pop-right .pop-title-tag{font-weight:400;margin-bottom:30px!important}.pop-container .pop-right p{color:var(--font-color);margin-bottom:20px}.pop-container .pop-right .custom-input{width:100%;border-radius:8px;overflow:hidden;color:var(--white);caret-color:var(--white);background-color:var(--textbg);height:4.063em;border:none;right:8px;padding:10px}.pop-container .pop-right .error-tag{color:var(--red);animation:shake .4s ease-in-out;margin-bottom:20px}@keyframes shake{0%{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(6px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}to{transform:translateX(0)}}.pop-container .pop-right .sm-text{font-size:12px;margin-bottom:20px;color:var(--font-color)}.pop-container .pop-right .button-rounded{width:100%;max-width:400px;margin:0 auto 20px;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:500;height:50px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease}.pop-container .pop-right .button-rounded,.pop-container .pop-right .button-rounded:hover{background:linear-gradient(180deg,#00d258,#21c3e6)!important}.pop-container .pop-right .button-rounded:disabled{opacity:.6;cursor:not-allowed;background:#555!important}.pop-container .pop-right .text-center{text-align:center!important;margin-bottom:20px!important}.pop-container .pop-right .social-icons{display:flex;column-gap:10px;justify-content:center;color:var(--white)}.pop-container .pop-right .google-btn{display:flex;align-items:center;width:100%;font-size:16px!important;border:none!important;background:var(--buttonbg);height:50px;text-transform:capitalize!important;background:var(--bordered-btn-bg)!important;color:var(--white)!important;border-radius:8px!important;padding:1rem 1.875rem}.pop-container .pop-right .google-btn:hover{background:var(--buttonbg)!important;transform:var(--button-zoom);transition:all .2s ease}.pop-container .pop-right .mr-5px{margin-right:5px}.pop-container .pop-right .email-label{display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:20px}.pop-container .pop-right .otp-back{top:8px;z-index:3;color:#fff;text-transform:uppercase}.pop-container .pop-right .gradient-text{background:var(--btn-red);-webkit-background-clip:text;background-clip:text}.pop-container .pop-right .otp-boxes{display:flex;justify-content:center;width:100%;margin-bottom:20px}.pop-container .pop-right .otp-boxes .otp{width:40px}.pop-container .pop-right .special-tag{color:var(--green-bg);cursor:pointer}.pop-container .pop-right .special-tag:hover{text-decoration:underline}[dir=rtl] .pop-left:before{left:unset;right:45px}[dir=rtl] .img-scroller{flex-direction:row-reverse}[dir=rtl] .img-scroller .run-forward,[dir=rtl] .img-scroller .run-reverse{animation:animate-image 90s linear infinite reverse}[dir=rtl] .img-scroller .run-reverse{animation-direction:unset}.animate-in{opacity:1!important;transform:translateX(0)!important}.close-login{display:none}.open-login{display:block}.close-sm-button{position:absolute!important;right:20px;top:10px;color:#fff;padding:4px!important;z-index:2}[dir=rtl] .close-sm-button{right:unset;left:20px}.close-popup-btn{color:var(--white)!important;padding:0}.otp-group{display:flex;justify-content:center;gap:12px;max-width:360px;width:100%}.otp-input{color:var(--white);caret-color:var(--white);background-color:var(--textbg);width:100%;height:60px;border-radius:5px;text-align:center;font-size:32px;font-weight:700;line-height:1;border:1.5px solid #555!important;background-color:#2a2a2a!important;transition:all .2s ease}.otp-input.error{border:1.5px solid red}.otp-input:focus{border-color:#ff1f2f;box-shadow:0 0 6px rgba(31,244,255,.479),0 0 12px rgba(17,232,174,.6);outline:none}.inner-paratext{font-size:14px;color:var(--font-color);text-align:left;width:100%}.otpverify{display:flex;flex-direction:column;width:100%;row-gap:5px;margin-bottom:20px}#otp-form{background-color:var(--popupbg);box-shadow:-5px 3px 9px 3px var(--blacktrans);overflow:auto}.resend{color:var(--white);cursor:pointer}.special-otp-tag:hover{transform:var(--button-zoom);transition:all .2s ease}@media(min-width:320px){#login-popup{width:300px;top:50%;left:50%;margin-left:-150px;margin-top:-270px}#login-popup .pop-right{padding:1rem}#login-popup .pop-right .pop-title-tag{font-size:16px}#login-popup .pop-left{display:none}}@media(min-width:1024px){#login-popup{width:800px;top:50%;left:50%;margin-left:-400px;margin-top:-250px}#login-popup .pop-right{padding:3rem}#login-popup .pop-right .pop-title-tag{font-size:22px}#login-popup .pop-left{display:flex}}.activate-page{min-height:calc(100vh - 320px);display:flex;justify-content:center;align-items:center;overflow:visible}.activate-container{background:#1c1c1c;color:#fff;width:650px;max-width:95%;padding:40px 30px;border-radius:16px;border:1px solid var(--btn-red);text-align:center;display:flex;flex-direction:column;align-items:center}.activate-container.error-tag{text-align:right!important}#submit-otp-btn{display:flex!important;max-width:400px;z-index:5;position:relative}#submit-otp-btn,.activate-btn{justify-content:center;align-items:center;width:100%;margin:20px auto 0}.activate-btn{max-width:450px;height:52px;background:linear-gradient(180deg,#00d258,#21c3e6)!important;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;display:flex;gap:8px;cursor:pointer;transition:opacity .2s ease}.activate-btn:hover{opacity:.9}.activate-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(180deg,#00d258,#21c3e6)!important}[dir=rtl] .activate-btn svg{transform:rotate(180deg)}