@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Shrikhand&display=swap";
:root{--main-color:#111827;--secondary-color:#1424dd;--secondary-color-hover:#0a19c2;--third-color:#759ee6;--third-color-hover:#5f8ce677;--fourth-color:#1f2937;--fourth-color-background:#374151;--fourth-color-hover:#2f3948;--features-color:#1f2937;--animated-icons:white;--text-color:white;--primary-gradient:linear-gradient(135deg,#8b5cf6 0%,#0d6efd 100%);--secondary-gradient:linear-gradient(135deg,#06b6d4 0%,#10b981 100%);--purple-gradient:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);--orange-gradient:linear-gradient(135deg,#f97316 0%,#ef4444 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#64748b;--font-messiri:"ElMessiri",sans-serif}html.light-mode{--main-color:#fff;--secondary-color:#1424dd;--secondary-color-hover:#0a19c2;--third-color:#50a5e6;--third-color-hover:#4293d4;--fourth-color:#363636;--fourth-color-background:#9098a3;--fourth-color-hover:#5d6066;--features-color:linear-gradient(-45deg,#080d21,#21345bbf);--animated-icons:#0d6efd;--text-color:black}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--main-color);border-radius:16px}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:16px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color-hover)}html.light-mode .text-mode{color:var(--text-color)}.main-icon-color{color:var(--secondary-color)!important}.main-btn{border:none;transition:all .3s ease-in-out;background-color:var(--secondary-color)!important}.main-btn:hover{background-color:var(--secondary-color-hover)!important}.main-btn-moheb{border:none;transition:all .3s ease-in-out;background-color:var(--secondary-color-moheb)!important}.main-btn-moheb:hover{background-color:var(--secondary-color-hover-moheb)!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}html{background-color:var(--main-color);direction:rtl}body{background-color:var(--main-color)!important;font-family:Cairo,sans-serif!important}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-bg{background:linear-gradient(-45deg,var(--main-color),#21345b77);background-size:400% 400%;animation:10s infinite gradientAnimation}img{pointer-events:none}.wavy-background-s{z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"%3E%3Cpath fill=\"%230b5ed7\" fill-opacity=\"1\" d=\"M0,64L48,58.7C96,53,192,43,288,85.3C384,128,480,224,576,256C672,288,768,256,864,208C960,160,1056,96,1152,80C1248,64,1344,96,1392,112L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z%22%3E%3C/path%3E%3C/svg%3E") top/cover no-repeat;width:100%;height:350px;position:absolute;bottom:0;left:0}.text-mode{color:var(--text-color)}.pagination{gap:.5rem;padding:5px 0 0;display:flex}.pagination .page-link{color:#fff;border:1px solid var(--main-color);background-color:#222;border-radius:10px;padding:8px 16px;transition:all .3s;z-index:0!important}.pagination .page-link:hover{background-color:var(--main-color);color:#fff;transform:translateY(-2px)}.pagination .page-item.active .page-link{background-color:var(--main-color);border-color:var(--main-color);color:#fff}.main-title{z-index:1;border:2px solid #000;width:fit-content;margin:0 auto;padding:10px 20px;font-size:30px;transition:all .3s;position:relative}.main-title:before{content:"";background-color:var(--secondary-color);z-index:-1;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:-30px;transform:translateY(-50%)}.main-title:hover:before{animation:.5s linear forwards left-move}@keyframes left-move{50%{left:0}to{border-radius:0;width:51%;height:100%;left:0}}.main-title:after{content:"";background-color:var(--secondary-color);z-index:-1;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.main-title:hover:after{animation:.5s linear forwards right-move}@keyframes right-move{50%{right:0}to{border-radius:0;width:51%;height:100%;right:0}}.main-title:hover{border-color:#fff;transition-delay:.5s;color:#fff!important}