@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;700&family=Roboto:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Vazir&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--main-color: #4e74f9;--border-color: #e4e4e4;--border2-color: #243265;--input-color: #f0f1f3;--dark-color: #3f3f3f;--green-color: #07c86a;--red-color: #e74c3c;--white-color: #fff;--black-color: #000;--light-green-color: #d5fce4;--green-border-color: #99ffc0;--light-red-color: #fddddb;--red-border-color: #fab7b2;--main-tran: .3s;--sec-tran: .5s}::selection{color:var(--white-color);background-color:var(--main-color)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background-color:var(--border-color)}::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--main-color)}html,body,input,select,textarea,button{direction:rtl;font-family:IBM Plex Sans Arabic,sans-serif}a{text-decoration:none}li{list-style:none}input,select,textarea{outline:none;accent-color:var(--main-color);caret-color:var(--main-color)}.container{width:85vw;margin:auto}.loader-container{display:flex;align-items:center;justify-content:center;height:calc(100vh - 82px)}.loader-container span span{background-color:var(--main-color)!important}.Toastify__toast-theme--light{top:60px!important;border-radius:14px!important;font-family:IBM Plex Sans Arabic,sans-serif!important}.Toastify__close-button{top:10px!important;left:10px!important;right:unset!important}.Toastify__toast-container--top-right{z-index:9999999!important}.section{position:relative;padding:150px 0 80px}.page{position:relative;padding:70px 0 120px}.boxes{display:grid;gap:20px}.boxes.lg{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.boxes.sm{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width: 500px){.boxes.lg{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.card{padding:20px;border-radius:16px;background-color:var(--white-color);box-shadow:0 0 50px 15px #0000000d}.page-head{margin-bottom:20px}.delete-confirmation{padding:0;width:420px;max-width:90%;position:fixed;top:50%;left:50%;z-index:9999;transform:translate(-50%,-50%)}.delete-confirmation .head{padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.delete-confirmation .head i{cursor:pointer}.delete-confirmation .body{padding:15px;border-bottom:1px solid var(--border-color)}.delete-confirmation .btns{padding:12px 16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-color)}.delete-confirmation .btns button{cursor:pointer;padding:8px 16px;border-radius:10px;border:none}.delete-confirmation .btns button.cancel{color:var(--black-color);background-color:var(--input-color);border:1px solid var(--border-color)}.delete-confirmation .btns button.delete{color:var(--white-color);background-color:var(--red-color)}.home{margin-top:50px}.home .open-advert{position:fixed;z-index:9999;width:60px;height:60px;right:30px;top:18%;cursor:pointer;border-radius:50%;overflow:hidden;animation:pulse 1.5s infinite ease-in-out;box-shadow:none!important}.home .open-advert img{width:100%}.home .container{display:flex;flex-direction:column;align-items:center;gap:50px}.home .container .top{display:flex;flex-direction:column;align-items:center;gap:20px}.home .container .top h1{text-align:center;line-height:85px;font-size:45px}.home .container .top h1 span{position:relative;color:var(--main-color)}.home .container .top h1 span:before{content:"";position:absolute;bottom:0;width:100%;height:4px;background-color:var(--main-color)}@media (max-width: 500px){.home .container .top h1{line-height:60px;font-size:32px}}.home .container .top p{width:60%;font-size:18px;text-align:center;line-height:30px;color:var(--dark-color)}.home .container .top .cta-btns{display:flex;gap:10px;z-index:1}.home .container .top .cta-btns a{padding:10px 15px;color:var(--white-color);border-radius:10px;background-color:var(--main-color)}.home .container .top .cta-btns a:hover{animation:pulse var(--main-tran) ease-in-out}.home .container .image{position:relative;height:700px;width:1200px;max-width:100%;border-radius:60px;background-color:var(--main-color)}.home .container .image:before{content:"";width:60%;height:100%;border-radius:49px;background:-o-linear-gradient(222deg,#243aff 0%,#6978ff 100%);background:linear-gradient(228deg,#243aff,#6978ff);position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);z-index:-1;-webkit-filter:blur(81px);filter:blur(81px);bottom:-40px}.home .container .image img{width:1200px;max-width:100%;height:100%;object-fit:cover;filter:drop-shadow(10px 50px 20px rgba(0,0,0,.2))}.home .container .arabic-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.home .container .arabic-decorations .shape{position:absolute;font-size:40px;opacity:.3;color:var(--main-color);font-weight:700;font-family:Vazir,sans-serif;animation:float 20s linear infinite}.home .container .arabic-decorations .shape-1{top:20%;left:15%;font-size:60px}.home .container .arabic-decorations .shape-2{top:20%;left:85%;transform:rotate(30deg)}.home .container .arabic-decorations .shape-3{top:40%;left:10%;font-size:50px}.home .container .arabic-decorations .shape-4{top:40%;left:85%;font-size:45px}@media (max-width: 700px){.home .container .top p{width:100%}}.services .container .boxes .service-box-wrapper{transition:all var(--main-tran) ease}.services .container .boxes .service-box-wrapper.dimmed{opacity:.5;pointer-events:none}.services .container .boxes .service-box-wrapper:hover{opacity:1;transform:scale(1.02);filter:none;pointer-events:auto;z-index:2}.latest-videos .container .space{height:20px}.latest-videos .container .video-box-wrapper{transition:all var(--sec-tran) ease}.latest-videos .container .video-box-wrapper.dimmed{opacity:.4;pointer-events:none}.latest-videos .container .video-box-wrapper:hover{opacity:1;transform:scale(1.01);filter:none;pointer-events:auto;z-index:2}.latest-videos .container .show-more{width:fit-content;display:block;margin:50px auto;padding:12px 30px;border:none;cursor:pointer;border-radius:10px;text-align:center;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.latest-videos .container .show-more:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.latest-videos .container .swiper-pagination{bottom:-3px}.latest-videos .container .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--main-color)!important}.statics{margin-top:250px;background-color:var(--main-color)}.statics .container{display:flex;justify-content:space-between;padding:20px 0}.statics .container .item{font-size:24px;font-weight:700;text-align:center;color:var(--white-color)}.main-title{position:relative;font-size:45px;width:fit-content;margin:0 auto 80px;transition:var(--main-tran)}.main-title:hover{animation:wiggle var(--sec-tran) ease-in-out;color:var(--white-color)}.main-title:hover:before{height:105%}.main-title:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:110%;height:3px;z-index:-1;transition:var(--sec-tran);background-color:var(--main-color)}.service-box{display:flex;flex-direction:column;gap:10px;transition:transform .3s}.service-box:hover{transform:translateY(-20px)}.service-box .image{margin:auto}.service-box .image *{width:120px;height:120px}.service-box h2{font-size:30px;text-align:center;color:var(--black-color)}.service-box p{font-size:18px;text-align:center;color:var(--black-color)}.video-box{height:100%;display:flex;flex-direction:column;gap:20px;transition:all var(--main-tran) ease}.video-box .image{height:300px;overflow:hidden;cursor:pointer;border-radius:14px}.video-box .image img{width:100%;height:100%;object-fit:cover}.video-box h2{color:var(--black-color)}.video-box .info{display:flex;justify-content:space-between;align-items:center}.video-box .info div{display:flex;align-items:center;gap:5px}.video-box .info div span{color:var(--black-color)}.video-box .info div i{color:var(--main-color)}.video-box .info div i,.video-box .info div span{font-size:16px}.video-box a{padding:12px;border:none;cursor:pointer;border-radius:10px;text-align:center;color:var(--white-color);background-color:var(--main-color)}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.advert-popup{position:fixed;top:50%;left:50%;z-index:999999;width:600px;max-width:90%;height:600px;border-radius:24px;transform:translate(-50%,-50%)}.advert-popup .close-btn{position:absolute;top:15px;right:15px;width:35px;height:35px;border:none;display:flex;align-items:center;justify-content:center;color:var(--white-color);cursor:pointer;border-radius:12px;transition:var(--main-tran);background-color:var(--main-color)}.advert-popup .close-btn:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.advert-popup .image{width:100%;height:100%;overflow:hidden;border-radius:14px}.advert-popup .image img{width:100%;height:100%;object-fit:cover}.header{padding:30px 0 15px}.header .container{display:flex;align-items:center;justify-content:space-between}.header .container .logo{display:none;align-items:center;gap:10px;font-size:22px;color:var(--main-color)}.header .container .logo .menu-icon{display:none;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:12px;font-size:16px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.header .container .logo .menu-icon:hover{background-color:var(--input-color);color:var(--main-color);animation:pulse var(--main-tran) ease-in-out}.header .container .logo .image{width:50px;height:50px;padding:10px;border-radius:50%;transition:var(--main-tran);border:1px solid var(--border-color);background-color:var(--white-color)}.header .container .logo .image img{width:100%;height:100%;transition:var(--main-tran)}.header .container .nav{display:flex;gap:45px}.header .container .nav a{font-size:20px;color:var(--black-color);position:relative;transition:color var(--main-tran)}.header .container .nav a:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scaleX(0);transform-origin:center;width:25px;height:4px;border-radius:14px;background-color:var(--main-color);transition:transform var(--main-tran) ease}.header .container .nav a:hover:before,.header .container .nav a.active:before{transform:translate(-50%) scaleX(1)}.header .container .nav a:hover{color:var(--main-color)}.header .container .nav a.active{color:var(--main-color);font-weight:500}.header .container .btns{display:flex;align-items:center;gap:10px}.header .container .btns .cta-btn{width:120px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.header .container .btns .cta-btn:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.header-logo{position:relative}.header-logo .container span{position:relative;display:inline-block;height:1px;width:100%;overflow:hidden;transition:var(--main-tran);background-color:var(--border-color)}.header-logo .container span:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);transform-origin:center;width:100%;height:100%;background-color:var(--main-color);transition:transform var(--sec-tran) ease}.header-logo .container .image{position:absolute;z-index:9;left:50%;transform:translate(-50%);top:-7px;width:50px;height:50px;padding:10px;border-radius:50%;transition:var(--main-tran);border:1px solid var(--border-color);background-color:var(--white-color)}.header-logo .container .image:hover,.header .container .logo .image:hover{border-color:var(--main-color)}.header-logo .container .image:hover~span:before{transform:translate(-50%) scaleX(1)}.header-logo .container .image:hover img,.header .container .logo .image:hover img{transform:scale(.9)}.header-logo .container .image img{width:100%;height:100%}.navbar-mobile{position:fixed;top:0;right:-100%;z-index:9;width:80%;max-width:300px;height:100vh;padding:25px 20px;background-color:var(--white-color);box-shadow:-5px 0 15px #0000001a;transition:right .3s ease-in-out;z-index:10000}.navbar-mobile.active{right:0}.navbar-mobile .nav-header{display:flex;align-items:center;justify-content:space-between}.navbar-mobile .nav-header a{display:flex;align-items:center;gap:10px}.navbar-mobile .nav-header a img{width:40px}.navbar-mobile .nav-header a span{font-size:22px;color:var(--main-color)}.navbar-mobile .close-btn{font-size:24px;color:var(--white-color);cursor:pointer;background:none;border:none;width:40px;height:40px;border-radius:14px;display:flex;justify-content:center;align-items:center;transition:var(--main-tran);background-color:var(--main-color)}.navbar-mobile .close-btn:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.navbar-mobile ul{margin-top:30px}.navbar-mobile ul li{margin:15px 0}.navbar-mobile ul li a{color:var(--black-color);font-size:18px;display:block;padding:10px;border-radius:10px;transition:background-color var(--main-tran),color var(--main-tran)}.navbar-mobile ul li a:hover,.navbar-mobile ul li a.active{background-color:var(--main-color);color:var(--white-color)}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:9999}.overlay.active{display:block}@media (max-width: 1080px){.header .container .nav{display:none}.header .container .logo,.header .container .logo .menu-icon{display:flex}.header .container .cta-btn{width:50px!important;font-size:14px}}.contact-icons{display:flex;flex-direction:column;gap:20px;position:fixed;left:20px;bottom:30px;z-index:99}.contact-icons .contact-icon{width:55px;height:55px;padding:7px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-icons .contact-icon img{width:100%;height:100%;z-index:9}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}to{transform:rotate(0)}}.progress{display:flex;justify-content:center;align-items:center;position:fixed;width:50px;height:50px;right:25px;z-index:20;border-radius:16px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:-70px;transition:.6s;z-index:99999}.progress.active{bottom:30px}.progress:hover{transform:translateY(-10px)}.progress .progress-value{height:calc(100% - 6px);width:calc(100% - 6px);border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:40px;color:var(--main-color);background-color:var(--white-color)}.whatsapp-icon{position:fixed;bottom:20px;-webkit-bottom:20px;will-change:bottom;left:20px;z-index:99999;transition:transform var(--sec-tran) ease,filter var(--sec-tran) ease}.whatsapp-icon:hover{transform:scale(1.1);filter:brightness(1.05)}.whatsapp-icon .icon{width:50px;height:fit-content;filter:drop-shadow(0px 0px 20px #00000036);transition:transform var(--sec-tran) ease,filter var(--sec-tran) ease}.whatsapp-icon:hover svg,.whatsapp-icon:hover img{transform:rotate(-10deg)}.footer{padding:40px 30px;background-color:#0a152f}.footer .container{display:flex;flex-direction:column;align-items:center;gap:30px}.footer .container .top{display:flex;flex-direction:column;align-items:center;gap:20px}.footer .container .top .logo,.footer .container .top .links{display:flex;align-items:center;gap:15px}.footer .container .top .logo img{width:50px}.footer .container .top .logo p{font-size:22px;color:var(--white-color)}.footer .container .top .links{gap:30px;flex-wrap:wrap;justify-content:center}.footer .container .top .links a{font-size:20px;color:var(--white-color);transition:var(--main-tran)}.footer .container .top .links a:hover{color:var(--main-color)}.footer .container .top .social-icons{display:flex;align-items:center;gap:30px;margin-top:10px}.footer .container .social-icons a i{font-size:24px;color:var(--white-color);transition:var(--main-tran)}.footer .container .social-icons a:hover i{color:var(--main-color);animation:pulse var(--main-tran) ease-in-out}.footer .container img{width:40px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.footer .container .separator{position:relative;width:100%}.footer .container .separator span{position:relative;display:inline-block;height:1px;width:100%;overflow:hidden;transition:var(--main-tran);background-color:var(--border2-color)}.footer .container .separator span:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);transform-origin:center;width:100%;height:100%;background-color:var(--main-color);transition:transform var(--sec-tran) ease}.footer .container .separator .icon{position:absolute;z-index:9;left:50%;transform:translate(-50%);top:-7px;display:flex;align-items:center;justify-content:center;height:50px;width:50px;padding:10px;border-radius:50%;font-size:20px;cursor:pointer;transition:var(--main-tran);color:var(--white-color);background-color:#0a152f;border:1px solid var(--border2-color)}.footer .container .separator .icon i{transition:var(--main-tran)}.footer .container .separator .icon:hover{border-color:var(--main-color)}.footer .container .separator .icon:hover i{font-size:18px}.footer .container .separator .icon:hover~span:before{transform:translate(-50%) scaleX(1)}.footer .container .bottom{display:flex;align-items:center;justify-content:space-between;width:100%}.footer .container .bottom .social-icons{display:flex;align-items:center;gap:20px}.footer .container .bottom .copyright{font-size:18px;text-align:center;line-height:32px;color:var(--white-color)}.footer .container .bottom .copyright a{position:relative;z-index:1;color:var(--white-color);transition:var(--main-tran)}.footer .container .bottom .copyright a:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:105%;height:2px;z-index:-1;border-radius:4px;transition:var(--main-tran);background-color:var(--main-color)}.footer .container .bottom .copyright a:hover:before{height:105%}@media (max-width: 767px){.footer .container .bottom{flex-direction:column-reverse;gap:25px}}.login{position:relative;height:86vh;display:flex;align-items:center;justify-content:center}.login .arabic-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.login .arabic-decorations .shape{position:absolute;font-size:40px;opacity:.3;color:var(--main-color);font-weight:700;font-family:Vazir,sans-serif;animation:float 20s linear infinite}.login .arabic-decorations .shape-1{top:10%;left:6%;font-size:60px}.login .arabic-decorations .shape-2{top:10%;left:88%;transform:rotate(30deg)}.login .arabic-decorations .shape-3{top:48%;left:9%;font-size:50px}.login .arabic-decorations .shape-4{top:47%;left:90%;font-size:45px}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-20px) rotate(360deg)}}.login .login-container{position:relative;display:flex;align-items:center;gap:40px;padding:20px;border-radius:22px;width:1150px;max-width:90%;background-color:var(--white-color);box-shadow:0 0 50px 15px #0000000d}.login .login-container .home-icon{position:absolute;top:22px;right:22px;z-index:99;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--white-color);border-radius:12px;font-size:12px;transition:var(--main-tran);background-color:var(--main-color)}.login .login-container .home-icon:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.login .login-container .image{position:relative;height:580px;width:50%;border-radius:20px;background-color:var(--main-color)}.login .login-container .image:before{content:"";width:60%;height:100%;border-radius:49px;background:-o-linear-gradient(222deg,#243aff 0%,#6978ff 100%);background:linear-gradient(228deg,#243aff,#6978ff);position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);z-index:-1;-webkit-filter:blur(81px);filter:blur(81px);bottom:-40px}.login .login-container .image img{height:100%;object-fit:cover;max-width:100%;filter:drop-shadow(10px 50px 20px rgba(0,0,0,.2))}.login .login-container .form-container{width:50%;display:flex;flex-direction:column;gap:20px}.login .login-container .form-container .head{text-align:center}.login .login-container .form-container .head h2{margin-bottom:10px;color:var(--main-color)}.login .login-container .form-container form{display:flex;flex-direction:column;gap:20px;padding:20px 15px;border-radius:18px;border:1px solid var(--border-color)}.login .login-container .form-container form .inputs{display:flex;flex-direction:column;gap:20px}.login .login-container .form-container form button{padding:12px;border:none;cursor:pointer;border-radius:12px;color:var(--white-color);background-color:var(--main-color)}.login .login-container .form-container .forget{text-align:center}.login .login-container .form-container .forget a{position:relative;color:var(--main-color);transition:var(--main-tran)}.login .login-container .form-container .forget a:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:50px;height:1px;transition:var(--main-tran);background-color:var(--main-color);animation:width 2s ease-in-out infinite}@keyframes width{0%{width:50px}50%{width:100%}to{width:50px}}@media (max-width: 800px){.login .login-container .image{display:none}.login .login-container .form-container{width:100%}}.input-container{position:relative;padding:0 10px;height:50px;border-radius:12px;border:1px solid var(--border-color)}.input-container .input-label{display:flex;align-items:center;gap:5px;position:absolute;top:-15px;right:20px;padding:0 10px;text-align:center;background-color:var(--white-color)}.input-container .input-label .required{color:var(--main-color)}.input-container .input{height:100%;display:flex;align-items:center;gap:10px}.input-container .input img{width:25px}.input-container .input input{width:100%;border:none}.profile .profile-info{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background-color:var(--white-color);box-shadow:0 0 50px 15px #0000000d}.profile .profile-info .cover{position:relative;width:100%;height:350px}.profile .profile-info .cover img{width:100%;height:100%;object-fit:cover}.profile .profile-info .cover .image{width:120px;height:120px;overflow:hidden;border-radius:50%;position:absolute;bottom:-50px;right:50px;outline:5px solid var(--white-color)}.profile .profile-info .cover .image img{width:100%;height:100%;object-fit:cover}.profile .profile-info .cover .image .upload,.profile .profile-info .cover .upload-cover{position:absolute;width:100%;height:100%;border-radius:50%;transform:scale(0);transition:var(--sec-tran);background-color:#0009}.profile .profile-info .cover .upload-cover{border-radius:unset;transform:scale(1)}.profile .profile-info .cover .image:hover .upload,.profile .profile-info .cover:hover .upload-cover{transform:scale(1)}.profile .profile-info .cover .image .upload input,.profile .profile-info .cover .upload-cover input{position:absolute;z-index:9;width:100%;height:100%;opacity:0;cursor:pointer}.profile .profile-info .cover .image .upload i,.profile .profile-info .cover .upload-cover i{position:absolute;font-size:26px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--white-color)}.profile .profile-info .data{display:flex;justify-content:space-between;align-items:center;padding:60px 20px 40px}.profile .profile-info .data .details,.profile .profile-info .details.mobile{display:flex;align-items:center;gap:70px}.profile .profile-info .details.mobile{display:none}.profile .profile-info .details.mobile{padding:0 20px 40px;gap:unset;justify-content:space-between}.profile .profile-info .data .details .detail{font-size:20px}.profile .profile-info .data .details .detail h2{color:var(--main-color)}.profile .profile-info .data .details .detail p:first-child,.profile .profile-info .details.mobile .detail p:first-child{font-size:18px;color:var(--main-color)}.profile .profile-info .data .person{position:relative;padding:55px 15px 40px;width:fit-content}.profile .profile-info .data button{padding:10px;border:none;cursor:pointer;border-radius:10px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.profile .profile-info .data button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}@media (max-width: 925px){.profile .profile-info .data .details .detail.mob{display:none}.profile .profile-info .details.mobile{display:flex}.profile .profile-info .data{padding-bottom:20px}}.profile .quiz-results .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.profile .quiz-results .head h2{font-weight:500;font-size:22px;color:var(--main-color)}.profile .quiz-results .head a{padding:5px 15px;border-radius:8px;color:var(--black-color);border:1px solid var(--border-color);background-color:var(--light-color)}.profile .quiz-results .table{overflow:auto}.profile .quiz-results .table::-webkit-scrollbar{height:0}.profile .quiz-results table{width:100%;border-collapse:collapse}.profile .quiz-results th,.profile .quiz-results td{padding:15px;text-align:center;border-bottom:1px solid var(--border-color)}.profile .quiz-results td i{width:32px;height:32px;margin:auto;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--white-color);cursor:pointer;border-radius:12px;transition:var(--main-tran);background-color:var(--main-color)}.profile .quiz-results td i:hover{background-color:var(--input-color);color:var(--main-color);animation:pulse var(--main-tran) ease-in-out}.profile .quiz-results table span{padding:5px 12px;font-size:14px;border-radius:5px;display:inline-block}.profile .quiz-results table span.success{background-color:var(--light-green-color);border:1px solid var(--green-border-color)}.profile .quiz-results table span.failed{background-color:var(--light-red-color);border:1px solid var(--red-border-color)}.profile .quiz-results .pagination{display:flex;justify-content:center;margin-top:25px;gap:8px}.profile .quiz-results .pagination button{width:40px;height:40px;border:none;cursor:pointer;border-radius:12px;font-weight:700;transition:var(--main-tran);background-color:var(--input-color)}.profile .quiz-results .pagination button.active{color:var(--white-color);background-color:var(--main-color)}.profile .quiz-results .pagination button.active:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.profile .quiz-results .pagination button:disabled{cursor:not-allowed;background-color:#ccc}.profile .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-color:#000000b3;transition:transform var(--sec-tran) ease,opacity var(--sec-tran) ease}.profile .quiz-detail-modal{padding:0;width:750px;height:570px;max-width:90%;overflow-y:scroll;opacity:0;transform:translateY(30px);transition:all .4s ease}.profile .quiz-detail-modal.modal-show{opacity:1;transform:translateY(0)}.profile .quiz-detail-modal.modal-hidden{opacity:0;transform:translateY(30px)}.profile .quiz-detail-modal::-webkit-scrollbar{width:0px}.profile .quiz-detail-modal .modal-head{position:sticky;top:0;width:100%;z-index:999;display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border-color);background-color:var(--white-color)}.profile .quiz-detail-modal .modal-head .info{display:flex;align-items:center;gap:10px}.profile .quiz-detail-modal .modal-head .info .image{width:46px;height:46px;overflow:hidden;border-radius:50%}.profile .quiz-detail-modal .modal-head .info .image img{width:100%;height:100%;object-fit:cover}.profile .quiz-detail-modal .modal-head .info .data h2{font-size:18px}.profile .quiz-detail-modal .modal-head .info .data p{font-size:14px;color:var(--dark-color)}.profile .quiz-detail-modal .modal-head .close-btn{width:32px;height:32px;border:none;display:flex;align-items:center;justify-content:center;color:var(--white-color);cursor:pointer;border-radius:12px;transition:var(--main-tran);background-color:var(--main-color)}.profile .quiz-detail-modal .modal-head .close-btn:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.profile .quiz-detail-modal .modal-body .quiz-details{padding:15px;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--border-color)}.profile .quiz-detail-modal .modal-body .quiz-details .data{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px}.profile .quiz-detail-modal .modal-body .quiz-details .data .extra-data{display:flex;gap:50px}.profile .quiz-detail-modal .quiz-details .extra-data .item{display:flex;flex-direction:column;align-items:center;gap:5px}.profile .quiz-detail-modal .quiz-details .extra-data .item p:first-child{font-size:18px;display:flex;gap:5px;align-items:center}.profile .quiz-detail-modal .quiz-details .extra-data .item p:first-child i{font-size:14px;color:var(--main-color)}.profile .quiz-detail-modal .quiz-details .extra-data .item p:last-child{color:var(--dark-color)}.profile .quiz-detail-modal .modal-body .quiz-details .dates{display:flex;align-items:center;justify-content:space-between}.profile .quiz-detail-modal .modal-body .quiz-details .dates span{display:flex;align-items:center;gap:5px;color:var(--dark-color)}.profile .quiz-detail-modal .modal-body .quiz-details .dates span i{color:var(--main-color)}.profile .quiz-detail-modal .modal-body .quiz-questions-numbers,.profile .quiz-detail-modal .modal-body .quiz-questions{display:flex;flex-direction:column;gap:10px;padding:15px;border-bottom:1px solid var(--border-color)}.profile .quiz-detail-modal .modal-body .quiz-questions-numbers .questions{display:grid;grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:10px}.profile .quiz-detail-modal .quiz-questions-numbers .questions .question{position:relative;width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background-color:var(--input-color)}.profile .quiz-detail-modal .quiz-questions-numbers .questions .question .icon{position:absolute;top:0;right:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:8px;border-radius:5px;opacity:.8;transition:var(--sec-tran)}.profile .quiz-detail-modal .quiz-questions-numbers .question .icon.correct{background-color:var(--green-color)}.profile .quiz-detail-modal .quiz-questions-numbers .question .icon.wrong{color:var(--white-color);background-color:var(--red-color)}.profile .quiz-detail-modal .quiz-questions-numbers .question:hover .icon{width:100%;height:100%;font-size:14px}.profile .quiz-detail-modal .quiz-questions-numbers .questions-data{display:flex;align-items:center;gap:10px}.profile .quiz-detail-modal .quiz-questions-numbers .questions-data .item{display:flex;align-items:center;gap:7px}.profile .quiz-detail-modal .quiz-questions-numbers .questions-data .square{width:15px;height:15px;border-radius:5px}.profile .quiz-detail-modal .quiz-questions-numbers .questions-data .square.correct{background-color:var(--green-color)}.profile .quiz-detail-modal .quiz-questions-numbers .questions-data .square.wrong{background-color:var(--red-color)}.profile .quiz-detail-modal .quiz-questions-numbers .questions-data .percent{font-size:14px;color:var(--dark-color)}.profile .quiz-detail-modal .modal-body .quiz-questions .question{display:flex;flex-direction:column;gap:20px;padding:10px;border-radius:14px;border:1px solid var(--border-color)}.profile .quiz-detail-modal .modal-body .quiz-questions .question h2{font-size:18px}.profile .quiz-detail-modal .modal-body .quiz-questions .question .answers{display:flex;flex-direction:column;gap:10px}.profile .quiz-detail-modal .modal-body .quiz-questions .answer{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:12px}.profile .quiz-detail-modal .modal-body .quiz-questions .answer.correct{border:1px solid var(--green-border-color)}.profile .quiz-detail-modal .modal-body .quiz-questions .answer.wrong{border:1px solid var(--red-border-color)}.profile .quiz-detail-modal .modal-body .quiz-questions .answer .data{display:flex;gap:10px;align-items:center}.profile .quiz-detail-modal .modal-body .quiz-questions .answer .data .index{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.profile .quiz-detail-modal .modal-body .quiz-questions .answer.correct .index{background-color:var(--light-green-color)}.profile .quiz-detail-modal .modal-body .quiz-questions .answer.wrong .index{background-color:var(--light-red-color)}.profile .quiz-detail-modal .modal-body .quiz-questions .answer .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px}.profile .quiz-detail-modal .modal-body .quiz-questions .answer.correct .icon{background-color:var(--green-color)}.profile .quiz-detail-modal .modal-body .quiz-questions .answer.wrong .icon{background-color:var(--red-color)}.profile .questions-section .questions{display:flex;flex-direction:column;gap:20px}.profile .questions-section .questions .question{display:flex;flex-direction:column;gap:15px}.profile .questions-section .questions .question .head{display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer}.profile .questions-section .questions .question .head .details{display:flex;flex-direction:column;gap:5px}.profile .questions-section .questions .question .head .details h2,.profile .questions-section .questions .question .head .icon{font-size:20px;transition:var(--sec-tran)}.profile .questions-section .questions .question.opened .icon{transform:rotate(180deg)}.profile .questions-section .questions .question .head .details span{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--dark-color)}.profile .questions-section .questions .question .answer{display:none;padding:10px;line-height:26px;border-radius:16px;background-color:var(--input-color);border-right:3px solid var(--red-color)}.profile .questions-section .questions .question.opened .answer{display:block}.profile .questions-section .questions .question .answer.answered{border-right:3px solid var(--green-color)}.data-message-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:380px;max-width:100%;height:320px;margin:auto}.data-message-box img{height:180px;object-fit:cover}.data-message-box p{font-size:22px}.videos .container .filter-system{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.videos .container .filter-system .search{display:flex;align-items:center;gap:10px}.videos .container .filter-system .search input{width:100%;padding:15px;border-radius:14px;transition:var(--main-tran);border:1px solid var(--border-color)}.videos .container .filter-system .search input:focus{border-color:var(--main-color)}.videos .container .filter-system .search button,.video-page .container .attendece-form .form-container button,.video-page .container .comments-container .comment-input form button{padding:10px 14px;border:none;cursor:pointer;border-radius:14px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.videos .container .filter-system .search button:hover,.video-page .container .attendece-form .form-container button:hover,.video-page .container .comments-container .comment-input form button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.videos .container .filter-system .filter-head{display:flex;align-items:center;justify-content:space-between}.videos .container .filter-system .filter-head button{padding:10px 20px;cursor:pointer;border:none;border-radius:12px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.videos .container .filter-system .filter-head button:hover,.video-page .container .content .notes-side .notes .add-note button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.videos .container .filter-system .filter-system-tabs{display:flex;flex-direction:column;gap:20px}.videos .container .filter-system .filter-system-tabs .filter-tabs{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--border-color)}.videos .container .filter-system .filter-system-tabs .filter-tabs button{padding:10px 20px;cursor:pointer;border:none;transition:var(--main-tran);background-color:transparent}.videos .container .filter-system-tabs .filter-tabs button.active{color:var(--main-color);border-bottom:1px solid var(--main-color)}.videos .container .load-more{border:none;cursor:pointer;width:120px;height:45px;margin:20px auto;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:18px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.videos .container .no-more{text-align:center;font-size:20px;margin-top:20px;color:var(--dark-color)}.video-page .container,.video-page .container .attendece-form{display:flex;flex-direction:column;gap:20px}.video-page .container .attendece-form .head p{color:var(--dark-color)}.video-page .container .attendece-form .form-container{display:flex;align-items:center;gap:10px}.video-page .container .attendece-form .form-container .input{display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;padding:0 10px;border-radius:12px;border:1px solid var(--border-color)}.video-page .container .attendece-form .form-container .input input{border:none;height:100%;width:100%}.video-page .container .attendece-form .form-container .input i{font-size:14px;color:var(--main-color)}.video-page .container .content{display:flex;gap:20px}.video-page .container .content .video-side{width:100%;height:fit-content}.video-page .container .video-side .video-container{position:relative;width:100%;height:500px}.video-page .container .video-side .video-container .verify-message{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:15px 10px;border-radius:12px;background-color:var(--light-green-color);border:1px solid var(--green-border-color)}.video-page .container .video-side .video-container .verify-message .icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:50%;border:1px solid var(--green-color);background-color:var(--green-border-color)}.video-page .container .video-side .video-container .otp-container{display:flex;justify-content:space-between;width:100%;margin-bottom:20px}.video-page .container .video-side .video-container .otp-container p{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--white-color);background-color:var(--main-color)}.video-page .container .video-side .video-container iframe{width:100%;height:100%;overflow:hidden;border-radius:26px}.video-page .container .video-side .video-details{display:flex;flex-direction:column;gap:15px;margin:85px 0}.video-page .container .video-side hr{border:1px solid var(--border-color)}.video-page .container .video-side .video-details .head{display:flex;align-items:center;justify-content:space-between}.video-page .container .video-side .video-details .data{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.video-page .container .video-side .video-details .data .puplisher{display:flex;align-items:center;gap:10px}.video-page .container .video-side .video-details .data .puplisher .image{width:60px;height:60px;overflow:hidden;border-radius:50%}.video-page .container .video-side .video-details .data .puplisher .image img{width:100%;height:100%;object-fit:cover}.video-page .container .video-side .video-details .data .puplisher .info p{font-size:14px;margin-top:5px;color:var(--dark-color)}.video-page .container .video-side .video-details .data .actions,.video-page .container .comments .comment .actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.video-page .container .video-side .video-details .data .actions button,.video-page .container .comments .comment .actions button{display:flex;align-items:center;gap:5px;padding:5px 15px;border-radius:10px;cursor:pointer;color:var(--main-color);background:transparent;transition:var(--main-tran);border:1px solid var(--border-color)}.video-page .container .video-side .video-details .data .actions button:hover,.video-page .container .video-side .video-details .data .actions button.active,.video-page .container .comments .comment .actions button.active{color:var(--white-color);background-color:var(--main-color)}.video-page .container .comments-container{display:flex;flex-direction:column;gap:20px}.video-page .container .comments-container .comment-input{display:flex;gap:10px}.video-page .container .comments-container .comment-input .image{width:50px;height:50px;overflow:hidden;border-radius:50%}.video-page .container .comments-container .comment-input .image img{width:100%;height:100%;object-fit:cover}.video-page .container .comments-container .comment-input form{display:flex;align-items:center;gap:10px;width:90%}.video-page .container .comments-container .comment-input form input{width:100%;padding:10px;border-radius:12px;border:1px solid var(--border-color)}.video-page .container .comments{position:relative;display:flex;flex-direction:column;gap:15px}.video-page .container .comments .comment{position:relative;display:flex;flex-direction:column;gap:10px;padding:15px;border-radius:16px;background-color:#f5f5f5}.video-page .container .comments .comment .head{display:flex;align-items:center;justify-content:space-between}.video-page .container .comments .comment .head div{display:flex;align-items:center;gap:10px}.video-page .container .comments .comment .head div h3{font-size:18px}.video-page .container .comments .comment .head div p{font-size:12px;color:var(--dark-color)}.video-page .container .comments .comment .head .menu-icon{display:flex;align-items:center;justify-content:center;width:20px;cursor:pointer;color:var(--dark-color)}.video-page .container .comments .actions-menu{position:absolute;left:35px;top:25px;width:150px;z-index:99;overflow:hidden;border-radius:12px;opacity:0;transform:translateY(30px);transition:all .4s ease;background-color:var(--white-color)}.video-page .container .comments .actions-menu.show{opacity:1;transform:translateY(0)}.video-page .container .comments .actions-menu.hidden{opacity:0;transform:translateY(30px)}.video-page .container .comments .actions-menu ul{display:flex;flex-direction:column}.video-page .container .comments .actions-menu ul li{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;transition:var(--main-tran)}.video-page .container .comments .actions-menu ul li:hover{background-color:var(--border-color)}.video-page .container .comments .actions-menu ul li.delete:hover{color:var(--red-color)}.video-page .container .comments .comment p{line-height:26px}.video-page .container .comments .comment .actions button{height:40px}.video-page .container .comments .comment .actions button:hover{border-color:var(--main-color)}.video-page .container .content .notes-side h2{margin-bottom:10px}.video-page .container .content .notes-side .notes,.video-page .container .content .notes-side .notes .note{display:flex;flex-direction:column;gap:20px}.video-page .container .content .notes-side .notes .note textarea{height:150px;padding:10px;border-radius:12px;border:1px solid var(--border-color);resize:none}.video-page .container .content .notes-side .notes .add-note button{border:none;cursor:pointer;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.video-page .container .content .notes-side .notes .note{position:relative;width:300px;height:250px}.video-page .container .content .notes .note:not(.add-note) textarea{height:100%}.video-page .container .content .notes-side .notes .note img{width:30px;height:30px;position:absolute;top:-15px;right:-18px;transition:var(--main-tran)}.video-page .container .content .notes-side .notes .note img:hover{transform:rotate(45deg)}@media (max-width: 1200px){.video-page .container .content{flex-direction:column-reverse}.video-page .container .content .notes-side .notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-page .container .content .notes-side .notes .note{width:100%}}.quizzes .container .quiz-box{display:flex;flex-direction:column;padding:0}.quizzes .container .quiz-box .head{display:flex;justify-content:space-between;align-items:center;padding:20px}.quizzes .container .quiz-box .head .item{display:flex;align-items:center;gap:10px}.quizzes .container .quiz-box .head .item i{font-size:20px;color:var(--main-color)}.quizzes .container .quiz-box .head .item span{font-size:18px}.quizzes .container .quiz-box .body{display:flex;flex-direction:column;align-items:center;padding:20px;gap:10px}.quizzes .container .quiz-box .body .name{display:flex;flex-direction:column;align-items:center;gap:15px}.quizzes .container .quiz-box .body .name img{width:170px;transition:var(--main-tran)}.quizzes .container .quiz-box .body .name img:hover{transform:scale(1.1)}.quizzes .container .quiz-box .body .name h2{font-size:22px}.quizzes .container .quiz-box hr,.quiz-page .container .quiz hr,.quiz-page .container .details .questions hr{border:1px solid var(--border-color)}.quizzes .container .quiz-box .body a{width:100px;height:40px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.quizzes .container .quiz-box .body a:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.quiz-page .container{display:flex;gap:20px}.quiz-page .container .quiz{padding:0;width:100%;height:fit-content}.quiz-page .container .quiz .head{display:flex;align-items:center;justify-content:space-between;padding:20px}.quiz-page .container .quiz .head h1{font-size:26px;color:var(--main-color)}.quiz-page .container .quiz .head button{padding:10px 0;width:120px;border:none;cursor:pointer;border-radius:10px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.quiz-page .container .quiz .head button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.quiz-page .container .quiz .body{display:flex;flex-direction:column;gap:20px;padding:20px}.quiz-page .container .quiz .body .body-head{display:flex;justify-content:space-between;align-items:center}.quiz-page .container .quiz .body .body-head h2{font-size:22px}.quiz-page .container .quiz .body .body-head p{font-size:18px}.quiz-page .container .quiz .body .answers{display:flex;flex-direction:column;gap:15px}.quiz-page .container .quiz .body .answers .answer{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:12px;cursor:pointer;transition:var(--main-tran);border:1px solid var(--border-color)}.quiz-page .container .quiz .body .answers .answer.selected{border-color:#4e74f963}.quiz-page .container .quiz .body .answers .answer .data{display:flex;gap:10px;align-items:center}.quiz-page .container .quiz .body .answers .answer .data .index{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--black-color);background-color:var(--input-color)}.quiz-page .container .quiz .body .answers .answer .icon,.quiz-page .container .details .questions .body .question .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;color:var(--white-color);background-color:var(--main-color)}.quiz-page .container .quiz .body .btns{display:flex;align-items:center;justify-content:center;gap:20px}.quiz-page .container .quiz .body .btns button{width:35px;height:35px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:14px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.quiz-page .container .quiz .body .btns button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.quiz-page .container .details{display:flex;flex-direction:column;gap:20px;width:30%}.quiz-page .container .details .time{display:flex;flex-direction:column;align-items:center;gap:5px}.quiz-page .container .details .time p{font-size:18px}.quiz-page .container .details .questions{padding:0}.quiz-page .container .details .questions .head{display:flex;align-items:center;justify-content:space-between;padding:15px;cursor:pointer}.quiz-page .container .details .questions .head i{transition:var(--sec-tran)}.quiz-page .container .details .questions.open .head i{transform:rotate(180deg)}.quiz-page .container .details .questions .body{display:flex;flex-direction:column;gap:10px;padding:15px}.quiz-page .container .details .questions .body .question{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;cursor:pointer;opacity:.6;transition:var(--main-tran);background-color:var(--input-color)}.quiz-page .container .details .questions .body .question.answered{background-color:var(--light-green-color)}.quiz-page .container .details .questions .body .question.answered .icon{color:var(--black-color);background-color:var(--green-color)}@media screen and (max-width: 768px){.quiz-page .container{flex-direction:column}.quiz-page .container .quiz,.quiz-page .container .details{width:100%}}.result-page .container{display:flex;flex-direction:column;gap:20px}.result-page .result{display:flex;align-items:center;gap:20px}.result-page .result .image{width:300px;height:300px}.result-page .result .data{display:flex;flex-direction:column;gap:10px;width:70%}.result-page .result .data h2{font-size:30px}.result-page .result .data .info .degree{display:flex;align-items:center;gap:5px}.result-page .result .data .info .degree span:first-child{font-size:46px;font-weight:700;color:var(--main-color)}.result-page .result .data .info .degree span:not(:first-child){font-size:36px;font-weight:700}.result-page .result .data .info p{font-size:18px;color:var(--dark-color)}.result-page .result .data p{line-height:26px;color:var(--dark-color)}.result-page .result .data .btns{display:flex;align-items:center;gap:10px}.result-page .result .data .btns .btn{padding:10px 20px;border:none;cursor:pointer;border-radius:10px;font-size:14px;color:var(--white-color);background-color:var(--main-color)}.result-page .result .data .btns .btn:nth-child(2){color:var(--main-color);background-color:transparent;border:1px solid var(--main-color)}.result-page .questions{display:flex;flex-direction:column;gap:20px}.result-page .questions .quiz-questions,.result-page .questions .quiz-questions .question .answers{display:flex;flex-direction:column;gap:10px}.result-page .questions .quiz-questions .question{display:flex;flex-direction:column;gap:20px;padding:10px;border-radius:14px;border:1px solid var(--border-color)}.result-page .questions .quiz-questions .question h2{font-size:18px}.result-page .questions .quiz-questions .question .answers .answer{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:12px}.result-page .questions .quiz-questions .question .answers .answer.correct{border:1px solid var(--green-border-color)}.result-page .questions .quiz-questions .question .answers .answer.wrong{border:1px solid var(--red-border-color)}.result-page .questions .quiz-questions .question .answers .answer .data{display:flex;align-items:center;gap:10px}.result-page .questions .quiz-questions .question .answers .data .index{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.result-page .questions .quiz-questions .question .answer.correct .data .index{background-color:var(--light-green-color)}.result-page .questions .quiz-questions .question .answer.wrong .data .index{background-color:var(--light-red-color)}.result-page .questions .quiz-questions .question .answer .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;color:var(--black-color)}.result-page .questions .quiz-questions .question .answer.correct .icon{background-color:var(--green-color)}.result-page .questions .quiz-questions .question .answer.wrong .icon{background-color:var(--red-color)}@media (max-width: 767px){.result-page .result .image{display:none}.result-page .result .data{width:100%}}.leaderboard-title{text-align:center;margin-bottom:25px;color:var(--border2-color);font-size:1.8rem;font-weight:700}.leaderboard-grid{display:flex;margin-left:-20px;width:auto}.leaderboard-grid-column{padding-left:20px;background-clip:padding-box}.leaderboard-item{background:var(--white-color);border-radius:20px;padding:20px;margin-bottom:20px;transition:transform var(--main-tran),box-shadow var(--main-tran)}.leaderboard-item:hover{transform:translateY(-8px)}.rank-badge{font-size:2.4rem;margin-bottom:12px;text-align:center}.leaderboard-info{text-align:center}.student-name{font-weight:700;font-size:1.3rem;color:var(--main-color);margin-bottom:8px}.score{color:var(--dark-color);margin-bottom:6px}.percentage{font-weight:700;color:var(--green-color)}.paper-box{display:flex;flex-direction:column;gap:15px}.paper-box .data{display:flex;align-items:center;justify-content:space-between}.paper-box .data span{width:50px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;color:var(--white-color);background-color:var(--main-color)}.paper-box .actions{display:flex;align-items:center;gap:10px}.paper-box .actions a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:14px;border:none;cursor:pointer;border-radius:12px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.paper-box .actions a:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.boards .container .filter-system{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.boards .container .filter-system .search{display:flex;align-items:center;gap:10px}.boards .container .filter-system .search input{width:100%;padding:15px;border-radius:14px;transition:var(--main-tran);border:1px solid var(--border-color)}.boards .container .filter-system .search input:focus{border-color:var(--main-color)}.boards .container .filter-system .search button{padding:10px 14px;border:none;cursor:pointer;border-radius:14px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.boards .container .filter-system .search button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.boards .container .filter-system .filter-head{display:flex;align-items:center;justify-content:space-between}.boards .container .filter-system .filter-head button{padding:10px 20px;cursor:pointer;border:none;border-radius:12px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.boards .container .filter-system .filter-head button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.boards .container .filter-system .filter-system-tabs{display:flex;flex-direction:column;gap:20px}.boards .container .filter-system .filter-system-tabs .filter-tabs{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--border-color)}.boards .container .filter-system .filter-system-tabs .filter-tabs button{padding:10px 20px;cursor:pointer;border:none;transition:var(--main-tran);background-color:transparent}.boards .container .filter-system-tabs .filter-tabs button.active{color:var(--main-color);border-bottom:1px solid var(--main-color)}.ask .cover-container{position:relative}.ask .cover-container .cover{position:relative;height:380px;padding:20px;border-radius:34px;display:flex;flex-direction:column;gap:20px;color:var(--white-color);overflow:hidden;background-image:url(/assets/patterns.svg)}.ask .cover-container .cover:before{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;filter:blur(100px);background-color:#00000026}.ask .cover-container .cover h1{z-index:1}.ask .cover-container .cover p{z-index:9;line-height:32px;font-size:16px}.ask .form-container{position:absolute;left:50%;transform:translate(-50%);z-index:10;bottom:-70px;width:90%;height:250px;border-radius:18px}.ask .form-container form{display:flex;flex-direction:column;gap:10px}.ask .form-container form textarea{height:100px;width:100%;padding:10px;resize:none;border-radius:14px;border:1px solid var(--border-color)}.ask .form-container form button{padding:8px;border:none;cursor:pointer;color:var(--white-color);border-radius:10px;background-color:var(--main-color)}.booking .booking-container{display:flex;flex-direction:column;padding:0}.booking .booking-container hr{border:1px solid var(--border-color)}.booking .booking-container>.head{display:flex;align-items:center;justify-content:space-between;padding:20px}.booking .booking-container>.head button{padding:12px 0;width:120px;border:none;cursor:pointer;border-radius:12px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.booking .booking-container>.head button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.booking .booking-container .content{display:flex;gap:30px;padding:30px 15px}.booking .booking-container .content .form,.booking .booking-container .content .details{width:50%}.booking .booking-container .content .form .form-inputs .inputs{display:flex;flex-direction:column;gap:20px}.booking .booking-container .content .form .form-inputs{display:flex;flex-direction:column;gap:30px}.booking .booking-container .content .form .form-inputs .data{display:flex;flex-direction:column;gap:10px}.booking .booking-container .content .form .form-inputs .data label{font-size:20px}.booking .booking-container .content .form .form-inputs .data label .required{color:var(--main-color)}.booking .booking-container .content .form .form-inputs .data .options{display:flex;gap:10px}.booking .booking-container .content .form .form-inputs .data .options .option{text-align:center;padding:12px 0;width:100%;border-radius:12px;font-size:14px;cursor:pointer;transition:var(--main-tran);border:1px solid var(--border-color)}.booking .booking-container .form-inputs .data .options .option.active{color:var(--white-color);background-color:var(--main-color)}.booking .booking-container .details{border-radius:12px;border:1px solid var(--border-color)}.booking .booking-container .details .head{padding:15px;text-align:center}.booking .booking-container .details .head .phone{display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:4px;font-size:18px}.booking .booking-container .details .head .phone img{width:30px}.booking .booking-container .details .prices{padding:15px;display:flex;flex-direction:column;gap:15px}.booking .booking-container .details .prices .price{display:flex;align-items:center;justify-content:space-between}.booking .booking-container .details .instructions{padding:15px;display:flex;flex-direction:column;gap:15px}.booking .booking-container .details .instructions ul{display:flex;flex-direction:column;gap:20px}.booking .booking-container .details .instructions ul li{display:flex;align-items:center;gap:5px}.booking .booking-container .details .instructions ul li img{width:25px}@media (max-width: 850px){.booking .booking-container .content{flex-direction:column}.booking .booking-container .content .form,.booking .booking-container .content .details{width:100%}}.search-orders{margin-bottom:100px}.search-orders .container{display:flex;flex-direction:column;gap:20px}.search-orders .container h1{font-size:32px;margin-bottom:20px}.search-orders .container .form{display:flex;align-items:center;gap:10px}.search-orders .container .form input{flex:1;padding:10px;border-radius:12px;border:1px solid var(--border-color)}.search-orders .container .form button{padding:10px 14px;border:none;cursor:pointer;border-radius:14px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.search-orders .container .form button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;max-width:100%;margin:10px auto 0}.loading-card p{font-size:22px}.order-card{background-color:#fff;border-radius:10px;padding:20px;display:flex;align-items:flex-start;gap:20px;transition:transform var(--main-tran) ease}.order-card:hover{transform:translateY(-3px)}.status-circle{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700;text-align:center;position:relative}.order-card.pending .status-circle{background-color:var(--main-color);animation:pulse-shadow 2s infinite}.order-card.accepted .status-circle{background-color:#2ecc71;animation:pop .5s ease-in-out}.order-card.rejected .status-circle{background-color:#e74c3c;animation:shake .4s ease-in-out}@keyframes pulse-shadow{0%{transform:scale(1);box-shadow:0 0 #0f22f1b3}50%{transform:scale(1.1);box-shadow:0 0 15px 8px #f1c40f00}to{transform:scale(1);box-shadow:0 0 #f1c40f00}}@keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.order-content{flex:1}.order-header{margin-bottom:15px}.order-header h3{font-size:1.4rem;color:#2c3e50;margin:0 0 5px}.order-header .order-date{color:#7f8c8d;font-size:.9rem}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.order-extra-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.detail-item{display:flex;align-items:center;gap:8px;color:#34495e;font-size:1rem}.detail-item i{color:var(--main-color)}.transfer-link{display:flex;align-items:center;gap:5px;margin-top:10px;color:var(--main-color);text-decoration:none;font-weight:600}.transfer-link:hover{text-decoration:underline}@media (max-width: 768px){.search-input{width:100%}.order-card{flex-direction:column}.status-circle{width:60px;height:60px;font-size:.8rem}.order-details-grid,.order-extra-details{grid-template-columns:1fr}.main-title{font-size:1.5rem}}.success-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999999;display:flex;flex-direction:column;gap:15px;width:500px;max-width:90%}.success-popup .image{width:150px;margin:auto}.success-popup .image img{width:100%}.success-popup .close-btn{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:14px;cursor:pointer;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.success-popup .close-btn:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.success-popup h2,.success-popup p{text-align:center}.success-popup p span{font-size:20px}.auth{display:flex;align-items:center;justify-content:center;height:100vh}.auth .form{width:650px;max-width:90%}.auth .form .form-container{display:flex;flex-direction:column;gap:30px;padding:30px;max-width:100%;background-color:var(--box-color);border:1px solid rgba(255,255,255,.1);border-radius:26px}.auth .form .form-container .texts{text-align:center}.auth .form .texts p{color:var(--light-color);margin-top:10px}.auth .form .inputs{display:flex;flex-direction:column;gap:15px}.auth .form .inputs .input-container{display:flex;flex-direction:column;gap:10px}.auth .form button{padding:15px;border:none;cursor:pointer;color:var(--white-color);border-radius:12px;background-color:var(--main-color)}.auth .form .option a{color:var(--main-color);text-decoration:underline}.auth.signup .form .inputs .input-container .input{width:400px}.dashboard-header{background-color:var(--white-color);padding:15px 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.dashboard-header .container{display:flex;align-items:center;justify-content:space-between;width:90vw}.dashboard-header .left{display:flex;align-items:center;gap:16px}.dashboard-header .menu-btn{background-color:var(--main-color);border:none;border-radius:12px;cursor:pointer;transition:background-color var(--main-tran);font-size:16px;color:var(--white-color);width:38px;height:38px}.dashboard-header .menu-btn:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.dashboard-header .title{font-size:20px;font-weight:600;color:var(--dark-color)}.dashboard-header .right .user-icon{font-size:24px;color:var(--main-color)}.dashboard-header .user-icon-wrapper{position:relative;cursor:pointer}.dashboard-header .user-menu{position:absolute;top:55px;left:25px;background-color:var(--white-color);border-radius:14px;box-shadow:0 0 50px 15px #0000000d;min-width:160px;z-index:10;padding:10px 12px;display:flex;flex-direction:column;gap:10px;animation:fadeIn .2s ease-in-out}.dashboard-header .username{margin:0;font-weight:700;color:var(--dark-color);display:flex;align-items:center;gap:8px}.dashboard-header .logout-btn{background-color:var(--red-color);color:var(--white-color);border:none;padding:8px 12px;border-radius:10px;cursor:pointer;transition:var(--main-tran);font-size:14px;display:flex;align-items:center;gap:6px}.dashboard-header .logout-btn:hover{background-color:#c0392b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-sidebar{position:fixed;top:0;right:-270px;z-index:999999;width:270px;height:100vh;background-color:var(--white-color);color:var(--black-color);padding:20px;overflow-y:scroll;transition:var(--main-tran);box-shadow:-2px 0 10px #00000026}.dashboard-sidebar.open{right:0}.dashboard-sidebar hr{width:80%;margin:auto;border:1px solid var(--border-color)}.dashboard-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-sidebar .sidebar-header h2{font-size:20px;font-weight:700}.dashboard-sidebar .close-btn{background-color:var(--main-color);border:none;border-radius:12px;cursor:pointer;transition:background-color var(--main-tran);font-size:16px;color:var(--white-color);width:38px;height:38px}.dashboard-sidebar .close-btn:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.dashboard-sidebar .sidebar-section{margin-bottom:10px}.dashboard-sidebar .sidebar-link{background:none;border:none;color:var(--black-color);font-size:16px;width:100%;text-align:right;display:flex;justify-content:space-between;align-items:center;padding:10px;transition:var(--main-tran);cursor:pointer;border-radius:10px;background-color:#f4f4f4}.dashboard-sidebar .sidebar-link:hover{background-color:var(--input-color)}.dashboard-sidebar .sidebar-link span{display:flex;align-items:center;gap:10px}.dashboard-sidebar .sidebar-link.active span{margin-right:10px;color:var(--main-color);transition:var(--main-tran)}.dashboard-sidebar .sidebar-link span i{color:var(--main-color)}.dashboard-sidebar .submenu{padding:5px;margin-top:8px;border-radius:14px;background-color:var(--input-color)}.dashboard-sidebar .submenu li a{color:var(--black-color);text-decoration:none;font-size:14px;display:block;padding:10px;transition:var(--main-tran)}.dashboard-sidebar .submenu li a:hover{color:var(--main-color)}.dashboard-sidebar .submenu li a.active{color:var(--main-color);margin-right:10px}.dashboard-page{margin-top:50px}.dashboard-page .container{width:90vw}.orders .container{display:flex;flex-direction:column;gap:20px;width:90vw}.orders .container .order-statics .box{display:flex;flex-direction:column;gap:10px}.orders .container .order-statics .box p{font-size:26px;color:var(--main-color)}.orders .container .order-charts{display:flex;gap:20px}.orders .container .order-charts .chart-container{flex:1}.data-table{margin-bottom:100px}.data-table .head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:15px}.data-table .head h2{font-weight:500;font-size:22px;color:var(--main-color)}.data-table .head a{padding:5px 15px;border-radius:8px;color:var(--black-color);border:1px solid var(--border-color);background-color:var(--light-color)}.data-table .head select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:7px 14px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--white-color)}.data-table .table{overflow:auto}.data-table .table::-webkit-scrollbar{height:0}.data-table .table{width:100%;border-collapse:collapse}.data-table .table th,.data-table .table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:15px;text-align:center;border-bottom:1px solid var(--border-color)}.data-table .table .actions i{width:32px;height:32px;margin:auto;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--white-color);cursor:pointer;border-radius:12px;transition:var(--main-tran);background-color:var(--main-color)}.data-table .table .actions i.accept{background-color:var(--green-color)}.data-table .table .actions i.reject{background-color:var(--red-color)}.data-table .table .actions i:hover{background-color:var(--input-color);color:var(--main-color);animation:pulse var(--main-tran) ease-in-out}.data-table .table span{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;font-size:14px;border-radius:8px}.data-table .table span.pending{background-color:var(--border-color)}.data-table .table span.accepted{color:var(--green-color);background-color:var(--light-green-color);border:1px solid var(--green-border-color)}.data-table .table span.rejected{color:var(--red-color);background-color:var(--light-red-color);border:1px solid var(--red-border-color)}.data-table .actions{display:flex;gap:5px}.data-table .pagination{display:flex;justify-content:center;margin-top:25px;gap:8px}.data-table .pagination button{width:40px;height:40px;border:none;cursor:pointer;border-radius:12px;font-weight:700;transition:var(--main-tran);background-color:var(--input-color)}.data-table .pagination button.active{color:var(--white-color);background-color:var(--main-color)}.data-table .pagination button.active:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.data-table .pagination button:disabled{cursor:not-allowed;background-color:#ccc}@media (max-width: 850px){.orders .container .order-charts{flex-direction:column}}.data-table input[type=checkbox]{position:relative;width:20px;height:20px;border-radius:8px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--main-tran);border:1px solid #00000057}.data-table input[type=checkbox]:checked{border:none;background-color:var(--main-color)}.data-table input[type=checkbox]:checked:after{content:"✓";color:var(--white-color);font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.students .container{display:flex;flex-direction:column;gap:20px}.students .container .upload-data{display:flex;flex-direction:column;gap:25px}.students .container .upload-data .head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.students .container .upload-data .head button{padding:12px 25px;border:none;cursor:pointer;border-radius:12px;color:var(--white-color);background-color:var(--main-color)}.students .container .upload-data .head button.cancel-btn{margin-right:10px;background-color:var(--red-color)}.students .container .upload-data form{position:relative;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:14px;border:1px dashed var(--main-color)}.students .container .upload-data form input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.students .container .upload-data form .icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--input-color)}.students .container .upload-data form .icon img{width:30px}.students .container .search-form{display:flex;flex-direction:column;gap:20px}.students .container .search-form .head{display:flex;justify-content:space-between;align-items:center}.students .container .search-form .head p{color:var(--dark-color)}.students .container .search-form .form-container{display:flex;align-items:center;gap:10px}.students .container .search-form .form-container .input{display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;padding:0 10px;border-radius:12px;border:1px solid var(--border-color)}.students .container .search-form .form-container .input input{border:none;height:100%;width:100%}.students .container .search-form .form-container .input i{font-size:14px;color:var(--main-color)}.students .container .search-form .form-container button,.students .container .search-form .head button,.students .container .student-popup .head button{padding:10px 14px;cursor:pointer;border:none;border-radius:14px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.students .container .search-form .form-container button:hover{color:var(--main-color);background-color:var(--input-color);animation:pulse var(--main-tran) ease-in-out}.students .container .file-statics .card{display:flex;flex-direction:column;gap:10px}.students .container .file-statics .card p{font-size:20px;color:var(--main-color)}.students .container .student-popup{position:fixed;left:50%;top:50%;z-index:9999;transform:translate(-50%,-50%);width:500px;max-width:90%;display:flex;flex-direction:column;gap:20px}.students .container .student-popup .head{display:flex;align-items:center;justify-content:space-between}.students .container .student-popup form .form-inputs{display:flex;flex-direction:column;gap:20px}.students .container .student-popup form button{margin-top:20px;width:100%;padding:10px;border:none;cursor:pointer;color:var(--white-color);border-radius:10px;background-color:var(--main-color)}.students .container .delete-confirmation{padding:0;width:420px;max-width:90%;position:fixed;top:50%;left:50%;z-index:9999;transform:translate(-50%,-50%)}.students .container .delete-confirmation .head{padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.students .container .delete-confirmation .head i{cursor:pointer}.students .container .delete-confirmation .body{padding:15px;border-bottom:1px solid var(--border-color)}.students .container .delete-confirmation .btns{padding:12px 16px;display:flex;justify-content:flex-start;gap:10px;border-top:1px solid var(--border-color)}.students .container .delete-confirmation .btns button{cursor:pointer;padding:8px 16px;border-radius:10px;border:none}.students .container .delete-confirmation .btns button.cancel{color:var(--black-color);background-color:var(--input-color);border:1px solid var(--border-color)}.students .container .delete-confirmation .btns button.delete{color:var(--white-color);background-color:var(--red-color)}.dashboard-page .container,.dashboard-page form{display:flex;flex-direction:column;gap:20px}.dashboard-page form .form-inputs{display:flex;flex-direction:column;gap:20px;margin-top:20px}.dashboard-page form .upload-image{position:relative;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:14px;border:1px dashed var(--main-color)}.dashboard-page form .upload-image .icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--input-color)}.dashboard-page form .upload-image .icon img{width:30px}.dashboard-page form .upload-image input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.dashboard-page form button{padding:12px;border:none;cursor:pointer;border-radius:12px;color:var(--white-color);background-color:var(--main-color)}.dashboard-page form .img-preview{position:relative;height:350px;width:100%;overflow:hidden;border-radius:18px}.dashboard-page form .img-preview img{width:100%;height:100%;object-fit:contain}.dashboard-page form .img-preview .remove-btn{position:absolute;left:10px;top:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--white-color);cursor:pointer;border-radius:12px;transition:var(--main-tran);background-color:var(--red-color)}.dashboard-page .container .absent-popup{position:fixed;left:50%;top:50%;z-index:9999;transform:translate(-50%,-50%);width:650px;max-width:90%;display:flex;flex-direction:column;padding:0;overflow:hidden}.dashboard-page .container .absent-popup .head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px}.dashboard-page .container .absent-popup .head i{padding:10px 12px;cursor:pointer;border:none;border-radius:14px;color:var(--white-color);transition:var(--main-tran);background-color:var(--main-color)}.dashboard-page .container .absent-popup .body{height:400px;overflow-y:scroll;border-bottom:1px solid var(--border-color)}.dashboard-page .container .absent-popup .body::-webkit-scrollbar{width:0}.dashboard-page .container .absent-popup .body .students{display:flex;flex-direction:column;gap:15px}.dashboard-page .absent-popup .students .student{padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.dashboard-page .absent-popup .students .student div{display:flex;align-items:center;gap:5px}.dashboard-page .absent-popup .show-more{display:flex;justify-content:center;margin:10px auto;border:none;cursor:pointer;padding:2px 5px;border-radius:6px;color:var(--white-color);background-color:var(--main-color)}.dashboard-page .absent-popup .actions{padding:15px;display:flex;align-items:center;gap:5px}.dashboard-page .absent-popup .actions button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:10px;border:none;cursor:pointer;border-radius:10px;transition:var(--main-tran)}.dashboard-page .absent-popup .actions button.excel{background-color:var(--green-color)}.dashboard-page .absent-popup .actions button.print{color:var(--white-color);background-color:var(--main-color)}.dashboard-page .absent-popup .actions button:hover{filter:brightness(.9)}.dashboard-page .data-table .actions i.fa-toggle-off{background-color:var(--border2-color)}.dashboard-page .data-table .actions i.fa-toggle-on{background-color:var(--green-color)}.dashboard-page.questions .questions{display:flex;flex-direction:column;gap:20px}.dashboard-page.questions .questions .question{display:flex;flex-direction:column;gap:15px}.dashboard-page.questions .questions .question .head{display:flex;align-items:center;height:100px;border:1px solid var(--border-color);border-radius:14px;padding:10px;justify-content:space-between}.dashboard-page.questions .questions .question .student-data{display:flex;align-items:center;gap:10px;font-size:18px}.dashboard-page.questions .no-more{text-align:center;font-size:20px;margin-top:20px;color:var(--dark-color)}.dashboard-page.questions .question button{border:none;cursor:pointer;padding:2px 5px;border-radius:6px;color:var(--white-color);background-color:var(--main-color)}.dashboard-page.questions .answer-popup{position:fixed;left:50%;top:50%;z-index:9999;transform:translate(-50%,-50%);width:650px;max-width:90%;display:flex;flex-direction:column;gap:20px}.dashboard-page.questions .answer-popup textarea{height:100px;border-radius:14px;padding:10px;resize:none;border:1px solid var(--border-color)}.dashboard-page.questions .answer-popup button{border:none;padding:10px;border-radius:12px;cursor:pointer;color:var(--white-color);background-color:var(--main-color)}.students-payment .container .boxes .box{display:flex;flex-direction:column;gap:10px}.students-payment .container .boxes .box p{display:flex;align-items:center;gap:10px;font-size:18px}.students-payment .container .boxes .box p i{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:6px}.students-payment .container .boxes .box p i.up{color:var(--green-color);border:1px solid var(--green-border-color);background-color:var(--light-green-color)}.students-payment .container .boxes .box p i.down{color:var(--red-color);border:1px solid var(--red-border-color);background-color:var(--light-red-color)}.dashboard-page.quizzes .container .questions,.dashboard-page.quizzes .container .questions .question{display:flex;flex-direction:column;gap:15px}.dashboard-page.quizzes .questions .question{padding:25px 15px;border-radius:14px;border:1px solid var(--border-color)}.dashboard-page.quizzes hr{border:1px solid var(--border-color)}.dashboard-page.quizzes .questions .question .question-answers{display:flex;flex-direction:column;gap:10px}.dashboard-page.quizzes .questions .question .question-answers .input{display:flex;align-items:center;gap:10px}.dashboard-page.quizzes .questions .question .question-answers input:not([type=checkbox]){flex:1;padding:10px;border-radius:10px;border:1px solid var(--border-color)}.dashboard-page.quizzes .question .question-answers input[type=checkbox]{position:relative;width:20px;height:20px;border-radius:8px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--main-tran);border:1px solid #00000057}.dashboard-page.quizzes .question .question-answers input[type=checkbox]:checked{border:none;background-color:var(--main-color)}.dashboard-page.quizzes .question .question-answers input[type=checkbox]:after{content:"✓";color:var(--white-color);font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-page.quizzes .questions button{width:fit-content;padding:10px 15px;border:none;cursor:pointer;color:var(--white-color);border-radius:12px;background-color:var(--main-color)}