@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Figtree:ital,wght@0,300..900;1,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap);@font-face{font-family:Tajawal;font-style:normal;font-weight:400;src:url(/static/media/Tajawal-Regular.e4ac0a5abb7d379e2308.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;src:url(/static/media/Tajawal-Bold.5225a40edb511ebac6f5.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:300;src:url(/static/media/Tajawal-Light.0b9c23dd8afee3e6ab60.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;src:url(/static/media/Tajawal-Medium.39f6e7909da6851b0fca.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;src:url(/static/media/Tajawal-ExtraBold.a6895f8295995503f6b8.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;src:url(/static/media/Tajawal-Black.20bb64985d298963909e.ttf) format("truetype")}body{background-color:var(--Changing-Variables-Stroke-White);color:var(--Changing-Variables-Text-White);font-family:Poppins,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}header{border-bottom:1px solid var(--Changing-Variables-Stroke-Button);display:flex;justify-content:center;transition:all .3s ease}.header-container{align-items:center;display:flex;flex-shrink:0;gap:20px;height:48px;justify-content:space-between;padding:23px 176px;width:1440px}.logo img{height:auto;width:76px}.search-bar{align-items:center;background:var(--Changing-Variables-Faded-Bars);border:1px solid var(--Changing-Variables-Stroke-border);border-radius:20px;display:flex;gap:10px;max-width:500px;padding:8px 12px;position:relative;transition:background-color .3s ease;width:100%}.search-bar img{height:16px;transition:filter .3s ease;width:16px}body.dark-mode .search-bar img{filter:brightness(0) invert(1)}body:not(.dark-mode) .search-bar img{filter:brightness(0) invert(0)}.search-bar input{background:#0000;border:none;color:inherit;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding-left:8px}.search-suggestions{background:var(--Changing-Variables-Stroke-White);border:1px solid var(--Changing-Variables-Stroke-border);border-radius:6px;box-shadow:0 2px 6px #0003;color:var(--Changing-Variables-Text-White);font-family:Tajawal,sans-serif;left:50%;list-style:none;margin:5px 0 0;max-width:400px;padding:0;position:absolute;top:100%;transform:translateX(-50%);width:100%}.search-suggestions li{cursor:pointer;padding:10px}.search-suggestions li:hover{background-color:var(--Changing-Variables-Faded-Bars)}.colormode{font-family:Poppins;font-size:16px;font-weight:600;gap:8px}.colorbutton,.colormode{align-items:center;display:flex}.colorbutton{background:var(--Changing-Variables-Faded-Bars);border-radius:24px;cursor:pointer;height:24px;overflow:hidden;padding:2px;position:relative;width:80px}.colorbutton img{height:16px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s ease,opacity .3s ease;width:16px}.colorbutton img.moon-icon{left:10%;opacity:1}.colorbutton img.sun-icon{opacity:0;right:10%}body.dark-mode .colorbutton img.moon-icon{opacity:1;transform:translateY(-50%) translateX(0)}body.dark-mode .colorbutton img.sun-icon{opacity:0;transform:translateY(-50%) translateX(100%)}body:not(.dark-mode) .colorbutton img.moon-icon{opacity:0;transform:translateY(-50%) translateX(-100%)}body:not(.dark-mode) .colorbutton img.sun-icon{opacity:1;transform:translateY(-50%) translateX(0)}nav ul{display:flex;gap:20px;list-style:none;padding:0}nav ul li{font-family:Tajawal,sans-serif;font-size:14px;font-weight:700}nav ul li .signin-button{align-items:center;background-color:var(--Changing-Variables-Buttons);border:1px solid var(--Changing-Variables-Stroke-Button);border-radius:10px;color:var(--Changing-Variables-Button-Text);display:flex;justify-content:center;padding:8px 32px;text-decoration:none;transition:all .3s ease}nav ul li .signin-button:hover{background-color:var(--Changing-Variables-Button-Text);color:var(--Changing-Variables-Buttons)}@media (max-width:1024px){.header-container{align-items:stretch;flex-direction:column;gap:16px;height:auto;padding:16px 24px;width:100%}.logo{display:flex;justify-content:center;width:100%}.search-bar{max-width:100%;padding:8px 12px;width:100%}.colormode{font-size:14px;gap:6px;justify-content:center}.colorbutton{height:20px;width:60px}nav ul{align-items:center;flex-direction:column;gap:10px;margin:0;padding:0;width:100%}nav ul li .signin-button{padding:8px 0;text-align:center;width:100%}}@media (max-width:600px){.header-container{gap:12px;padding:12px 16px}.search-bar input{font-size:13px}.colormode{flex-direction:row;justify-content:center}.colorbutton img{height:14px;width:14px}nav ul li{font-size:13px}.search-suggestions{left:0;transform:none;width:100%}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero{align-items:center;background-color:var(--Changing-Variables-Stroke-White);color:var(--Changing-Variables-Text-White);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;overflow:hidden;padding:20px max(15px,5vw);position:relative;z-index:1}.hero:after{background-color:var(--Changing-Variables-Stroke-Button);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:2}.hero-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.background-image{height:100%;object-fit:cover;opacity:.2;width:100%}.hero-content{align-items:flex-end;display:flex;flex-direction:column;gap:14px;order:2;text-align:right;width:48%;z-index:3}.hero-content h1{color:var(--Changing-Variables-Text-White);font-family:Tajawal,sans-serif;font-size:50px;font-weight:700}.hero-content h5,.hero-content p{color:var(--Changing-Variables-Placeholders-and-Faded-Text);font-family:Tajawal,sans-serif;font-size:23px;font-weight:400;line-height:150%}.her{flex-wrap:wrap;gap:30px}.her,.hero-button,.hero-button-2{display:flex;justify-content:center}.hero-button,.hero-button-2{align-items:center;border:1px solid var(--Changing-Variables-Stroke-Button);border-radius:10px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:700;padding:10px 24px;transition:all .3s ease}.hero-button{background-color:var(--Changing-Variables-Buttons);color:var(--Changing-Variables-Button-Text)}.hero-button:hover{background-color:var(--Changing-Variables-Button-Text)}.hero-button-2,.hero-button:hover{color:var(--Changing-Variables-Buttons)}.hero-button-2{background-color:initial;width:300px}.hero-button-2:hover{background-color:var(--Changing-Variables-Buttons);color:var(--Changing-Variables-Button-Text)}.hero-image-container{align-items:center;background-position:0;background-repeat:no-repeat;background-size:contain;display:flex;height:634px;justify-content:center;order:1;overflow:hidden;position:relative;width:616px;z-index:2}.hero-media{height:auto;object-fit:contain;opacity:0;position:absolute;transition:opacity 1s ease-in-out,transform 1s ease-in-out;width:clamp(120px,15vw,226px);z-index:2}.hero-media.fade-right-in{animation:fadeRightIn 1s ease-in-out forwards}.hero-media.fade-right-out{animation:fadeRightOut 1s ease-in-out forwards}.hero-media.hidden{display:none}@keyframes fadeRightIn{0%{opacity:0;transform:translateX(-110%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeRightOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:900px){.hero{align-items:center;flex-direction:column;padding:40px clamp(24px,6vw,80px)}.hero-content,.hero-image-container{align-items:center;max-width:90%;text-align:center;width:100%}.hero-content h1{font-size:40px}}@media (max-width:1024px){.hero-content h1{font-size:36px}.hero-content h5,.hero-content p{font-size:16px}.background-image{opacity:.15}}@media (max-width:480px){.hero{padding:20px 16px}.hero-content h1{font-size:28px}.hero-content h5,.hero-content p{font-size:14px}.hero-media{width:120px}.hero-button,.hero-button-2{font-size:13px;width:100%}.hero-content{padding-bottom:20px}.background-image{display:none}}.articles-section{background-color:var(--Changing-Variables-Stroke-White);color:var(--Changing-Variables-Text-White);padding:40px;position:relative;text-align:center}.articles-title{font-size:36px;margin-bottom:10px}.articles-subtitle{color:var(--Changing-Variables-Placeholders-and-Faded-Text);font-size:18px;margin-bottom:20px}.articles-categories{direction:rtl;display:flex;gap:10px;justify-content:center;margin-bottom:30px}.category-button{font-style:normal;line-height:normal}.selected-category{margin-top:20px;text-align:right}.selected-category-text{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Poppins;font-size:24px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:40px;margin-right:176px}.articles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,300px);justify-content:center}.article-card{align-items:center;background:linear-gradient(180deg,#0003 50%,#000c 66.27%),var(--Changing-Variables-Faded-Bars);border-radius:8px;box-shadow:0 4px 10px #00000080;display:flex;flex-direction:column;flex-shrink:0;height:450px;justify-content:flex-end;overflow:hidden;position:relative;width:300px}.article-image-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.article-image{height:100%;object-fit:cover;width:100%}.article-content{flex-direction:column;margin-left:auto;margin-right:auto;padding:20px;position:relative;text-align:center;z-index:1}.article-content,.article-tag-date{align-items:center;display:flex;gap:8px}.article-tag-date{color:#fff;justify-content:space-between;width:100%}.article-tag{border-radius:16px;display:inline-block;font-family:Poppins;font-size:8px;font-weight:700;padding:4px 8px;text-align:center}.article-tag.latest{background:#fff;color:#4a1b4f}.article-tag.breaking,.article-tag.latest{align-items:center;border-radius:16px;font-family:Poppins;font-size:8px;font-style:normal;font-weight:700;gap:10px;line-height:normal;padding:0 24px;text-align:center;width:92px}.article-tag.breaking{background:#f9f871;color:#000}.article-tag.exclusive{align-items:center;background:#4a1b4f;border-radius:16px;color:#fff;font-family:Poppins;font-size:8px;font-style:normal;font-weight:700;gap:10px;line-height:normal;padding:0 24px;text-align:center;width:92px}.article-title{font-family:Poppins;font-size:20px;line-height:1.4}.article-description{align-self:stretch;color:#ccc;direction:rtl;font-family:Poppins;font-size:18px;font-weight:400;margin:0}.article-stats{align-items:center;border-radius:16px;display:flex;justify-content:space-between;margin-top:auto;padding:0 16px;width:200px}.article-comments,.article-likes{align-items:center;color:#b3b3b3;display:flex;font-family:Poppins;font-size:14px;font-weight:400;gap:8px}.article-comments img,.article-likes img{height:15px;width:15px}@media (max-width:768px){.articles-section{padding:20px 12px}.articles-title{font-size:28px}.articles-subtitle{font-size:16px;margin-bottom:16px}.articles-categories{flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.category-button{font-size:13px;padding:6px 12px}.articles-grid{gap:16px;grid-template-columns:1fr}.article-card,.article-card-custom{flex-direction:column;height:auto;max-width:100%;padding:10px;width:100%}.article-card-custom-link{justify-items:center}.article-card-custom-image-container,.article-image-container{aspect-ratio:16/9;border-radius:8px;overflow:hidden;width:100%}.article-card-custom-image,.article-image{display:block;height:100%;object-fit:cover;width:100%}.article-card-custom-content,.article-content{gap:6px;padding:12px}.article-tag-date{align-items:flex-start;flex-direction:column;gap:6px}.article-card-custom-title,.article-title{font-size:18px;text-align:right}.article-card-custom-description,.article-description{font-size:14px;text-align:right}.article-stats,.article-stats-custom{gap:20px;justify-content:flex-start;padding:0;width:auto}.article-comments,.article-likes{font-size:13px;gap:6px}.article-comments img,.article-likes img{height:14px;width:14px}}.character-section{background-color:var(--Changing-Variables-Stroke-White);color:var(--Changing-Variables-Text-White);padding:40px;text-align:center}.character-section-title{font-family:Poppins;font-size:32px;font-weight:700;line-height:normal}.character-section-subtitle,.character-section-title{align-self:stretch;color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-style:normal;text-align:center}.character-section-subtitle{font-family:Tajawal;font-size:18px;font-weight:400;line-height:150%;margin-top:10px}.character-container{align-items:flex-start;direction:rtl;display:flex;gap:43px;margin-right:200px;margin-top:51.5px}.character-details{flex:1 1;margin:0;padding:0;text-align:right;width:100%}.character-name{font-family:Tajawal;font-size:32px}.character-name,.character-world-title{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-style:normal;font-weight:700;line-height:normal;text-align:right}.character-world-title{font-family:Poppins;font-size:16px;margin-bottom:20px;margin-top:20px;width:100%}.character-world-description{color:#fff;color:var(--Changing-Variables-Text-White,#fff);display:flex;flex-direction:column;font-family:Tajawal;font-size:20px;font-style:normal;font-weight:400;gap:10px;line-height:150%;text-align:right;width:80%}.line-break{display:block}.actor-section{align-items:center;display:flex;gap:30px;justify-content:flex-start;margin-top:24px;width:100%}.character-actor-title{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Poppins;font-size:16px;text-align:right}.character-actor-title,.character-learn-more{font-style:normal;font-weight:700;line-height:normal}.character-learn-more{align-items:center;background:#fff;background:var(--Changing-Variables-Buttons,#fff);border:1px solid #121212;border:1px solid var(--Changing-Variables-Stroke-Button,#121212);border-radius:10px;color:#4a1b4f;color:var(--Changing-Variables-Button-Text,#4a1b4f);cursor:pointer;display:flex;font-family:Tajawal;font-size:14px;gap:10px;justify-content:center;margin-right:50%;padding:10px 30px}.character-learn-more:hover{background:var(--Changing-Variables-Button-Text);color:var(--Changing-Variables-Text-White)}.character-card{background:#3336b9 50%/cover no-repeat;border-radius:8px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;flex-shrink:0;height:400px;justify-content:flex-end;padding:20px;position:relative;width:248px}.character-card-image{border-radius:8px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.character-card-info{color:var(--Changing-Variables-Text-White);font-family:Tajawal;font-size:14px;font-style:normal;font-weight:700;line-height:normal;list-style:none;margin:0;padding:0;position:relative;z-index:1}.character-card-info li{margin-bottom:5px}.character-actions{display:flex;justify-content:center;margin-top:30px}.character-guide{align-items:center;background:#fff;background:var(--Changing-Variables-Buttons,#fff);border:1px solid #121212;border:1px solid var(--Changing-Variables-Stroke-Button,#121212);border-radius:10px;color:#4a1b4f;color:var(--Changing-Variables-Button-Text,#4a1b4f);cursor:pointer;display:flex;font-family:Tajawal;font-size:14px;font-style:normal;font-weight:700;gap:10px;justify-content:center;line-height:normal;margin-top:65px;padding:8px 20px;width:155vh}.character-guide:hover{background:var(--Changing-Variables-Button-Text)}.character-guide:hover,.rating-section{color:var(--Changing-Variables-Text-White)}.rating-section{background-color:var(--Changing-Variables-Stroke-White);padding:40px;text-align:center}.rating-section-title{font-size:32px;font-weight:700}.rating-section-subtitle,.rating-section-title{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal}.rating-section-subtitle{font-size:18px;font-weight:400;line-height:150%;margin-top:10px}.rating-card{background-repeat:no-repeat;background-size:cover;border-radius:8px;display:flex;flex-direction:column;height:480px;justify-content:space-between;overflow:hidden;padding:20px;position:relative;width:1088px}.rating-container{align-items:flex-start;direction:rtl;display:flex;gap:20px;position:relative;z-index:1}.rating-poster img{border-radius:8px;height:360px;object-fit:cover;width:240px}.rating-details{display:flex;flex:1 1;flex-direction:column;gap:15px;padding:0 20px;text-align:right}.rating-title{color:#fff;font-family:Tajawal;font-size:24px;font-weight:700}.rating-description{color:#fff;font-family:Tajawal;font-size:16px;font-weight:400;line-height:150%}.rating-genres{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.rating-genre{background-color:#4a1b4f;border-radius:20px;color:#fff;font-family:Tajawal;font-size:14px;font-weight:700;padding:5px 15px}.rating-divider{border:1px solid #fff3;width:100%}.rating-bottom-section{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-top:20px}.rating-scores{display:flex;gap:20px;justify-content:center;margin-right:20px}.rating-score-item{font-family:poppins;font-size:14px;font-style:normal;gap:24px;justify-content:flex-end;letter-spacing:-.28px;line-height:22px;text-align:right}.rating-score-item,.rating-score-value{align-items:center;color:#fff;display:flex;font-weight:700}.rating-score-value{background-color:#4a1b4f;border-radius:50%;font-family:Poppins;font-size:16px;height:48px;justify-content:center;width:48px}.rating-card-container{display:inline-flex;flex-direction:column;gap:40px;margin-top:30px}.rating-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.rating-button{align-items:center;background-color:#4a1b4f;border:1px solid #4a1b4f;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Tajawal;font-size:14px;font-weight:700;padding:8px 16px}.button-icon{flex-shrink:0;height:16px;margin-left:8px;object-fit:contain;width:16px}.rating-button:hover{background-color:#fff;color:#4a1b4f}@media (max-width:768px){.rating-section{padding:20px}.rating-card{flex-direction:column;height:auto;padding:10px;width:100%}.rating-container{flex-direction:column;gap:10px}.rating-poster img{height:auto;width:100%}.rating-details{gap:10px}.rating-scores{justify-content:center}.rating-actions,.rating-scores{flex-wrap:wrap;gap:10px}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.about-us-section{background-color:var(--Changing-Variables-Stroke-White);padding:40px;text-align:center}.about-us-box,.about-us-section{align-items:center;display:flex;flex-direction:column;gap:32px}.about-us-box{border-radius:10px;padding:32px;text-align:justify;width:1088px}.about-us-title{font-size:32px;font-weight:700}.about-us-paragraph,.about-us-title{color:var(--Changing-Variables-Text-White);font-family:Tajawal}.about-us-paragraph{direction:rtl;font-size:18px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:16px;text-align:justify;white-space:pre-line}.about-us-button{align-items:center;background:#fff;background:var(--Changing-Variables-Buttons,#fff);border:1px solid #121212;border:1px solid var(--Changing-Variables-Stroke-Button,#121212);border-radius:10px;color:#4a1b4f;color:var(--Changing-Variables-Button-Text,#4a1b4f);cursor:pointer;display:inline-block;font-family:Tajawal;font-size:14px;font-style:normal;font-weight:700;gap:10px;justify-content:center;line-height:normal;margin-top:65px;padding:8px 20px;width:155vh}.about-us-button:hover{background:var(--Changing-Variables-Button-Text);color:var(--Changing-Variables-Text-White)}@media (max-width:768px){.about-us-section{gap:20px;padding:20px}.about-us-box{padding:16px;width:100%}.about-us-title{font-size:24px}.about-us-paragraph{font-size:14px;line-height:1.5}.about-us-button{padding:8px;width:100%}}.footer{background-color:var(--Changing-Variables-Stroke-White);color:var(--Changing-Variables-Text-White);flex-direction:column;gap:32px;padding:40px 20px;text-align:center;transition:background-color .3s ease,color .3s ease}.footer,.footer-navigation{align-items:center;display:flex}.footer-navigation{direction:rtl;flex-wrap:wrap;gap:24px;justify-content:center}.footer-navigation a{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:24px;font-weight:500;line-height:150%;text-decoration:none;transition:color .3s ease}body:not(.dark-mode) .footer-navigation a{color:#4a1b4f}.footer-navigation a:hover{text-decoration:underline}.footer-social{align-items:center;display:flex;flex-direction:column;gap:20px}.footer-heading{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:24px;font-weight:700;line-height:normal;margin-bottom:46px;margin-top:100px;text-align:center;transition:color .3s ease}body:not(.dark-mode) .footer-heading{color:#4a1b4f}.social-icons{align-items:flex-start;display:inline-flex;flex-wrap:wrap;gap:24px;height:48.131px}.social-icons img{cursor:pointer;height:48px;transition:transform .2s ease-in-out,filter .3s ease;width:48px}.social-icon-img.dark-mode-icon{filter:brightness(0) invert(1)}.social-icon-img.light-mode-icon{filter:brightness(0) invert(0)}.social-icons img:hover{transform:scale(1.1)}.footer-copyright{color:var(--Changing-Variables-Placeholders-and-Faded-Text);font-family:Tajawal;font-size:14px;font-weight:400;transition:color .3s ease}body:not(.dark-mode) .footer-copyright{color:#777}@media (max-width:768px){.footer{gap:20px;padding:20px}.footer-navigation{flex-wrap:wrap;gap:16px}.footer-navigation a{font-size:16px}.social-icons{gap:16px}.social-icons img{height:36px;width:36px}.footer-heading{font-size:20px}}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}.home-wrapper{display:flex}.page-content{background-color:var(--Changing-Variables-Stroke-White);padding-left:50px;transition:padding-left .4s ease;width:100%}@media (max-width:768px){.page-content{padding-left:70px}}.side-menu.open~.page-content{padding-left:414px}.side-menu{align-items:center;background:var(--Changing-Variables-Stroke-White);border:1px solid var(--Changing-Variables-Stroke-Button);border-radius:0 32px 32px 0;display:flex;flex-direction:column;flex-shrink:0;height:90vh;left:0;max-height:100%;overflow-y:auto;padding:24px 16px;position:fixed;top:48px;transition:width .5s ease,height .3s ease,background-color .3s ease;width:90px;z-index:1000}.side-menu.open{width:414px}.side-menu::-webkit-scrollbar{display:none}.side-menu{-ms-overflow-style:none;scrollbar-width:none}.side-menu-toggle-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.side-menu-toggle{align-items:center;background:none;border:none;color:var(--Changing-Variables-side-menu);cursor:pointer;display:flex;height:32px;justify-content:center;transition:transform .3s ease;width:32px}.side-menu-toggle img{filter:none;filter:var(--Changing-Variables-Icons-Filter,none);height:24px;transition:filter .3s ease;width:24px}body:not(.dark-mode) .side-menu-toggle img{filter:brightness(0) saturate(100%) invert(15%) sepia(30%) saturate(223%) hue-rotate(290deg) brightness(94%) contrast(82%)}.side-menu-logo{display:none}.side-menu.open .side-menu-logo{display:block}.side-menu-logo img{filter:none;filter:var(--Changing-Variables-Icons-Filter,none);height:auto;object-fit:contain;transition:filter .3s ease;width:120px}.side-menu-profile-section{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.side-menu-profile-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.side-menu-profile-info{display:none}.side-menu.open .side-menu-profile-info{color:var(--Changing-Variables-side-menu);display:flex;flex-direction:column;font-size:14px;gap:8px}.side-menu.open .side-menu-profile-info span{color:#4a1b4f;color:var(--Changing-Variables-side-menu,#4a1b4f);font-family:Tajawal;font-size:20px;font-style:normal;font-weight:500;line-height:normal;text-align:center}.side-menu.open .side-menu-profile-info small{color:#494a49;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#494a49);font-family:Tajawal;font-size:14px;font-style:normal;font-weight:300;line-height:normal;text-align:center}.side-menu-theme-toggle{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-bottom:16px}.side-menu-theme-toggle img{flex-shrink:0;height:20px;transition:filter .3s ease;width:20px}.side-menu-links{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;width:100%}.side-menu.open .side-menu-links{align-items:flex-start}.side-menu-links li{align-items:center;display:flex;justify-content:flex-start;width:100%}.side-menu-links li a{align-items:center;color:var(--Changing-Variables-side-menu);display:flex;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;gap:12px;padding:8px 0;text-decoration:none;transition:transform .3s ease,color .3s ease}.side-menu-links li a:hover{transform:translateY(-2px)}.side-menu-footer li .side-menu-icon,.side-menu-links li .side-menu-icon{fill:var(--Changing-Variables-Icons);height:24px;transition:fill .3s ease;width:24px}body:not(.dark-mode) .side-menu-footer li .side-menu-icon,body:not(.dark-mode) .side-menu-links li .side-menu-icon{fill:#4a1b4f}.side-menu-footer{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin-top:auto;padding:0;width:100%}.side-menu.open .side-menu-footer{align-items:flex-start}.side-menu-footer li{align-items:center;display:flex;justify-content:flex-start;width:100%}.side-menu-footer button{align-items:center;background:none;border:none;color:var(--Changing-Variables-side-menu);cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;gap:12px;padding:8px 0;transition:transform .3s ease,color .3s ease;width:100%}.side-menu-footer button:hover{transform:translateY(-2px)}.side-menu-footer button .side-menu-icon{fill:var(--Changing-Variables-Icons);height:24px;transition:fill .3s ease;width:24px}body:not(.dark-mode) .side-menu-footer button .side-menu-icon{fill:#4a1b4f}@media (max-width:768px){.side-menu{background:var(--Changing-Variables-Stroke-White);border-radius:0 0 16px 0;height:100vh;padding:20px 10px;top:0;width:70px}.side-menu.open{width:250px}.side-menu-footer,.side-menu-links{gap:8px}.side-menu-footer li a,.side-menu-links li a{font-size:14px}.side-menu-logo img{width:80px}.side-menu-profile-avatar{height:32px;width:32px}.side-menu-toggle-container{justify-content:space-between}}.profile-view-private{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.profile-view-private .div{background-color:#121212;background-color:var(--collection-1-changing-variables-background-of-screen);border-radius:16px;height:850px;overflow:hidden;position:relative;width:1200px}.profile-view-private .overlap{height:320px;left:0;position:absolute;top:0;width:1200px}.profile-view-private .header-BG{height:100%;position:absolute;top:0;width:100%}.profile-view-private .header-underline{height:1px;left:0;object-fit:cover;position:absolute;top:100%;width:100%}.profile-view-private .logo-slogan{height:100px;left:50px;position:absolute;top:60px;width:250px}.profile-view-private .logo-main{height:75px;left:0;position:absolute;top:0;width:230px}.profile-view-private .encircle-the-world{height:15px;left:8px;position:absolute;top:80px;width:150px}.profile-view-private .change-profile{background-position:50% 50%;background-size:cover;height:150px;left:520px;position:absolute;top:200px;width:150px}.profile-view-private .frame{align-items:flex-end;display:inline-flex;flex-direction:column;gap:20px;height:280px;left:650px;position:absolute;top:380px}.profile-view-private .frame-2{align-items:center;border:.5px solid #fff;border-color:var(--collection-1-changing-variables-stroke-white);border-radius:12px;display:inline-flex;flex:0 0 auto;gap:8px;justify-content:center;padding:8px;position:relative}.profile-view-private .text-wrapper{color:#fff;color:var(--collection-1-changing-variables-text-white);direction:rtl;font-family:Poppins,Helvetica;font-family:var(--h4-bold-font-family);font-size:20px;font-weight:700;font-weight:var(--h4-bold-font-weight);letter-spacing:.5px;line-height:1.5;position:relative}.profile-view-private .frame-wrapper{border:.5px solid #fff;border-color:var(--collection-1-changing-variables-stroke-white);border-radius:12px;gap:8px;justify-content:space-around;overflow:hidden;padding:14px}.profile-view-private .frame-3,.profile-view-private .frame-wrapper{align-items:flex-end;display:inline-flex;flex:1 1;flex-direction:column;flex-grow:1;position:relative}.profile-view-private .frame-3{justify-content:space-between}.profile-view-private .frame-4{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;width:100%}.profile-view-private .img{height:20px;position:relative;width:20px}.profile-view-private .text-wrapper-2{font-family:Poppins,Helvetica;font-family:var(--body-list-body-20-r-font-family);font-weight:400;font-weight:var(--body-list-body-20-r-font-weight)}.profile-view-private .text-wrapper-2,.profile-view-private .text-wrapper-3{color:#fff;color:var(--collection-1-changing-variables-text-white);direction:rtl;font-size:16px;letter-spacing:.5px;line-height:1.5;position:relative}.profile-view-private .text-wrapper-3{font-family:Poppins,Helvetica;font-family:var(--body-list-body-20-b-font-family);font-weight:700;font-weight:var(--body-list-body-20-b-font-weight)}.profile-view-private .text-wrapper-4{color:#fff;color:var(--collection-1-changing-variables-text-white);font-family:Poppins,Helvetica;font-family:var(--body-list-body-20-r-font-family);font-size:16px;font-weight:400;font-weight:var(--body-list-body-20-r-font-weight);letter-spacing:.5px;line-height:1.5;position:relative;text-align:right}.profile-view-private .frame-5{align-items:center;display:inline-flex;flex:0 0 auto;gap:24px;position:relative}.profile-view-private .frame-6{height:150px;left:650px}.profile-view-private .frame-6,.profile-view-private .frame-7{align-items:flex-end;display:flex;flex-direction:column;gap:30px;position:absolute;top:710px;width:500px}.profile-view-private .frame-7{left:70px}.profile-view-private .frame-8{border:.5px solid #fff;border-color:var(--collection-1-changing-variables-stroke-white);border-radius:12px;flex:0 0 auto;gap:8px;overflow:hidden;padding:12px}.profile-view-private .frame-8,.profile-view-private .frame-9{align-items:flex-end;align-self:stretch;display:flex;flex-direction:column;position:relative;width:100%}.profile-view-private .frame-9{gap:20px}.profile-view-private .social-icons-wrapper{align-items:center;background-color:#fff;border:1px solid #121212;border-color:var(--collection-1-changing-variables-stroke-button);border-radius:8px;display:inline-flex;flex:0 0 auto;gap:8px;margin-bottom:-1px;margin-left:-1px;margin-top:-1px;padding:6px;position:relative}.profile-view-private .text-wrapper-5{font-family:Poppins,Helvetica;font-family:var(--body-list-body-20-r-font-family);font-weight:400;font-weight:var(--body-list-body-20-r-font-weight);text-align:right}.profile-view-private .text-wrapper-5,.profile-view-private .text-wrapper-6{color:#fff;color:var(--collection-1-changing-variables-text-white);font-size:16px;letter-spacing:.5px;line-height:1.5;position:relative;width:fit-content}.profile-view-private .text-wrapper-6{direction:rtl;font-family:Poppins,Helvetica;font-family:var(--body-list-body-20-b-font-family);font-weight:700;font-weight:var(--body-list-body-20-b-font-weight)}:root{--dark:#121212;--grey:#b3b3b3;--primary:#4a1b4f;--secondary:#4fd9fc;--white:#fff;--youtuber:red;--yellow-imgn:#f9f871;--faded-bars:#b3b3b380;--secondary-alternative:#b272c5;--h3-bold-font-family:"Poppins",Helvetica;--h3-bold-font-weight:700;--h3-bold-font-size:32px;--h3-bold-letter-spacing:0px;--h3-bold-line-height:normal;--h3-bold-font-style:normal;--h4-bold-font-family:"Poppins",Helvetica;--h4-bold-font-weight:700;--h4-bold-font-size:24px;--h4-bold-letter-spacing:0px;--h4-bold-line-height:normal;--h4-bold-font-style:normal;--h5-bold-BT-font-family:"Poppins",Helvetica;--h5-bold-BT-font-weight:700;--h5-bold-BT-font-size:18px;--h5-bold-BT-letter-spacing:0px;--h5-bold-BT-line-height:normal;--h5-bold-BT-font-style:normal;--article-card-title-font-family:"Poppins",Helvetica;--article-card-title-font-weight:700;--article-card-title-font-size:12px;--article-card-title-letter-spacing:0px;--article-card-title-line-height:normal;--article-card-title-font-style:normal;--character-title-taj-32-b-font-family:"Tajawal",Helvetica;--character-title-taj-32-b-font-weight:700;--character-title-taj-32-b-font-size:32px;--character-title-taj-32-b-letter-spacing:0px;--character-title-taj-32-b-line-height:normal;--character-title-taj-32-b-font-style:normal;--terms-and-conditions-pop-10-r-font-family:"Poppins",Helvetica;--terms-and-conditions-pop-10-r-font-weight:400;--terms-and-conditions-pop-10-r-font-size:10px;--terms-and-conditions-pop-10-r-letter-spacing:0px;--terms-and-conditions-pop-10-r-line-height:normal;--terms-and-conditions-pop-10-r-font-style:normal;--search-bars-CTA-popp-r-10-font-family:"Poppins",Helvetica;--search-bars-CTA-popp-r-10-font-weight:400;--search-bars-CTA-popp-r-10-font-size:10px;--search-bars-CTA-popp-r-10-letter-spacing:0px;--search-bars-CTA-popp-r-10-line-height:normal;--search-bars-CTA-popp-r-10-font-style:normal;--articles-title-tajwal-32-b-font-family:"Tajawal",Helvetica;--articles-title-tajwal-32-b-font-weight:700;--articles-title-tajwal-32-b-font-size:32px;--articles-title-tajwal-32-b-letter-spacing:0px;--articles-title-tajwal-32-b-line-height:normal;--articles-title-tajwal-32-b-font-style:normal;--search-bar-menu-taj-14-light-font-family:"Tajawal",Helvetica;--search-bar-menu-taj-14-light-font-weight:300;--search-bar-menu-taj-14-light-font-size:12px;--search-bar-menu-taj-14-light-letter-spacing:0px;--search-bar-menu-taj-14-light-line-height:150%;--search-bar-menu-taj-14-light-font-style:normal;--categories-name-menu-taj-16-bold-font-family:"Tajawal",Helvetica;--categories-name-menu-taj-16-bold-font-weight:700;--categories-name-menu-taj-16-bold-font-size:16px;--categories-name-menu-taj-16-bold-letter-spacing:0px;--categories-name-menu-taj-16-bold-line-height:150%;--categories-name-menu-taj-16-bold-font-style:normal;--nav-bar-footer-cat-tajwal-24-medium-font-family:"Tajawal",Helvetica;--nav-bar-footer-cat-tajwal-24-medium-font-weight:500;--nav-bar-footer-cat-tajwal-24-medium-font-size:24px;--nav-bar-footer-cat-tajwal-24-medium-letter-spacing:0px;--nav-bar-footer-cat-tajwal-24-medium-line-height:150%;--nav-bar-footer-cat-tajwal-24-medium-font-style:normal;--date-of-puplish-card-poppins-10-regular-font-family:"Poppins",Helvetica;--date-of-puplish-card-poppins-10-regular-font-weight:400;--date-of-puplish-card-poppins-10-regular-font-size:10px;--date-of-puplish-card-poppins-10-regular-letter-spacing:0px;--date-of-puplish-card-poppins-10-regular-line-height:normal;--date-of-puplish-card-poppins-10-regular-font-style:normal;--status-label-b-n-a-poppins-8-bold-font-family:"Poppins",Helvetica;--status-label-b-n-a-poppins-8-bold-font-weight:700;--status-label-b-n-a-poppins-8-bold-font-size:8px;--status-label-b-n-a-poppins-8-bold-letter-spacing:0px;--status-label-b-n-a-poppins-8-bold-line-height:normal;--status-label-b-n-a-poppins-8-bold-font-style:normal;--b-n-a-card-description-tajwal-10-medium-font-family:"Tajawal",Helvetica;--b-n-a-card-description-tajwal-10-medium-font-weight:500;--b-n-a-card-description-tajwal-10-medium-font-size:10px;--b-n-a-card-description-tajwal-10-medium-letter-spacing:0px;--b-n-a-card-description-tajwal-10-medium-line-height:150%;--b-n-a-card-description-tajwal-10-medium-font-style:normal;--FAQ-tag-label-tajwal-10-medium-font-family:"Tajawal",Helvetica;--FAQ-tag-label-tajwal-10-medium-font-weight:500;--FAQ-tag-label-tajwal-10-medium-font-size:10px;--FAQ-tag-label-tajwal-10-medium-letter-spacing:0px;--FAQ-tag-label-tajwal-10-medium-line-height:150%;--FAQ-tag-label-tajwal-10-medium-font-style:normal;--staff-member-name-tajwal-24-bold-font-family:"Tajawal",Helvetica;--staff-member-name-tajwal-24-bold-font-weight:700;--staff-member-name-tajwal-24-bold-font-size:24px;--staff-member-name-tajwal-24-bold-letter-spacing:0px;--staff-member-name-tajwal-24-bold-line-height:normal;--staff-member-name-tajwal-24-bold-font-style:normal;--profile-card-taj-20-medium-font-family:"Tajawal",Helvetica;--profile-card-taj-20-medium-font-weight:500;--profile-card-taj-20-medium-font-size:20px;--profile-card-taj-20-medium-letter-spacing:0px;--profile-card-taj-20-medium-line-height:normal;--profile-card-taj-20-medium-font-style:normal;--profile-nickname-taj-14-light-font-family:"Tajawal",Helvetica;--profile-nickname-taj-14-light-font-weight:300;--profile-nickname-taj-14-light-font-size:14px;--profile-nickname-taj-14-light-letter-spacing:0px;--profile-nickname-taj-14-light-line-height:normal;--profile-nickname-taj-14-light-font-style:normal;--categories-name-taj-16-bold-font-family:"Tajawal",Helvetica;--categories-name-taj-16-bold-font-weight:700;--categories-name-taj-16-bold-font-size:16px;--categories-name-taj-16-bold-letter-spacing:0px;--categories-name-taj-16-bold-line-height:150%;--categories-name-taj-16-bold-font-style:normal;--suggested-video-TAJ-8-med-font-family:"Tajawal",Helvetica;--suggested-video-TAJ-8-med-font-weight:500;--suggested-video-TAJ-8-med-font-size:8px;--suggested-video-TAJ-8-med-letter-spacing:0px;--suggested-video-TAJ-8-med-line-height:150%;--suggested-video-TAJ-8-med-font-style:normal;--rating-circle-figtree-20-bold-font-family:"Figtree",Helvetica;--rating-circle-figtree-20-bold-font-weight:700;--rating-circle-figtree-20-bold-font-size:20px;--rating-circle-figtree-20-bold-letter-spacing:-0.4px;--rating-circle-figtree-20-bold-line-height:22px;--rating-circle-figtree-20-bold-font-style:normal;--h-s-poppins-h1-font-family:"Poppins",Helvetica;--h-s-poppins-h1-font-weight:700;--h-s-poppins-h1-font-size:48px;--h-s-poppins-h1-letter-spacing:0px;--h-s-poppins-h1-line-height:normal;--h-s-poppins-h1-font-style:normal;--h-s-poppins-h2-font-family:"Poppins",Helvetica;--h-s-poppins-h2-font-weight:400;--h-s-poppins-h2-font-size:40px;--h-s-poppins-h2-letter-spacing:0px;--h-s-poppins-h2-line-height:normal;--h-s-poppins-h2-font-style:normal;--h-s-poppins-h3-font-family:"Poppins",Helvetica;--h-s-poppins-h3-font-weight:700;--h-s-poppins-h3-font-size:32px;--h-s-poppins-h3-letter-spacing:0px;--h-s-poppins-h3-line-height:normal;--h-s-poppins-h3-font-style:normal;--h-s-poppins-h4-font-family:"Poppins",Helvetica;--h-s-poppins-h4-font-weight:400;--h-s-poppins-h4-font-size:24px;--h-s-poppins-h4-letter-spacing:0px;--h-s-poppins-h4-line-height:normal;--h-s-poppins-h4-font-style:normal;--others-tajwal-paragraph-20-font-family:"Tajawal",Helvetica;--others-tajwal-paragraph-20-font-weight:400;--others-tajwal-paragraph-20-font-size:20px;--others-tajwal-paragraph-20-letter-spacing:0px;--others-tajwal-paragraph-20-line-height:150%;--others-tajwal-paragraph-20-font-style:normal;--others-tajwal-paragraph-18-r-font-family:"Tajawal",Helvetica;--others-tajwal-paragraph-18-r-font-weight:400;--others-tajwal-paragraph-18-r-font-size:18px;--others-tajwal-paragraph-18-r-letter-spacing:0px;--others-tajwal-paragraph-18-r-line-height:150%;--others-tajwal-paragraph-18-r-font-style:normal;--others-tajwal-caption-14-font-family:"Tajawal",Helvetica;--others-tajwal-caption-14-font-weight:500;--others-tajwal-caption-14-font-size:14px;--others-tajwal-caption-14-letter-spacing:0px;--others-tajwal-caption-14-line-height:150%;--others-tajwal-caption-14-font-style:normal;--others-tajwal-caption-12-font-family:"Tajawal",Helvetica;--others-tajwal-caption-12-font-weight:500;--others-tajwal-caption-12-font-size:12px;--others-tajwal-caption-12-letter-spacing:0px;--others-tajwal-caption-12-line-height:150%;--others-tajwal-caption-12-font-style:normal;--others-tajwal-button-14-font-family:"Tajawal",Helvetica;--others-tajwal-button-14-font-weight:700;--others-tajwal-button-14-font-size:14px;--others-tajwal-button-14-letter-spacing:0px;--others-tajwal-button-14-line-height:normal;--others-tajwal-button-14-font-style:normal;--others-tajwal-caption-12-bold-font-family:"Tajawal",Helvetica;--others-tajwal-caption-12-bold-font-weight:700;--others-tajwal-caption-12-bold-font-size:12px;--others-tajwal-caption-12-bold-letter-spacing:0px;--others-tajwal-caption-12-bold-line-height:normal;--others-tajwal-caption-12-bold-font-style:normal;--body-list-body-20-b-font-family:"Poppins",Helvetica;--body-list-body-20-b-font-weight:700;--body-list-body-20-b-font-size:20px;--body-list-body-20-b-letter-spacing:0px;--body-list-body-20-b-line-height:normal;--body-list-body-20-b-font-style:normal;--body-list-body-20-r-font-family:"Poppins",Helvetica;--body-list-body-20-r-font-weight:400;--body-list-body-20-r-font-size:20px;--body-list-body-20-r-letter-spacing:0px;--body-list-body-20-r-line-height:normal;--body-list-body-20-r-font-style:normal;--body-list-body-18-b-font-family:"Poppins",Helvetica;--body-list-body-18-b-font-weight:700;--body-list-body-18-b-font-size:18px;--body-list-body-18-b-letter-spacing:0px;--body-list-body-18-b-line-height:normal;--body-list-body-18-b-font-style:normal;--body-list-body-18-r-font-family:"Poppins",Helvetica;--body-list-body-18-r-font-weight:400;--body-list-body-18-r-font-size:18px;--body-list-body-18-r-letter-spacing:0px;--body-list-body-18-r-line-height:normal;--body-list-body-18-r-font-style:normal;--body-list-body-16-b-font-family:"Poppins",Helvetica;--body-list-body-16-b-font-weight:700;--body-list-body-16-b-font-size:16px;--body-list-body-16-b-letter-spacing:0px;--body-list-body-16-b-line-height:normal;--body-list-body-16-b-font-style:normal;--body-list-body-16-r-font-family:"Poppins",Helvetica;--body-list-body-16-r-font-weight:400;--body-list-body-16-r-font-size:16px;--body-list-body-16-r-letter-spacing:0px;--body-list-body-16-r-line-height:normal;--body-list-body-16-r-font-style:normal;--body-list-body-14-r-font-family:"Poppins",Helvetica;--body-list-body-14-r-font-weight:400;--body-list-body-14-r-font-size:14px;--body-list-body-14-r-letter-spacing:0px;--body-list-body-14-r-line-height:normal;--body-list-body-14-r-font-style:normal;--collection-1-changing-variables-text-white:#fff;--collection-1-changing-variables-stroke-white:#fff;--collection-1-changing-variables-stroke-button:#121212;--collection-1-changing-variables-background-of-screen:#121212;--collection-1-changing-variables-faded-bars:#b3b3b380;--collection-1-changing-variables-toggles-points:#fff;--collection-1-changing-variables-icons:#fff;--collection-1-changing-variables-labels:#4a1b4f;--collection-1-changing-variables-labels-text:#fff;--collection-1-changing-variables-rating-circle:#4fd9fc;--collection-1-changing-variables-buttons:#fff;--collection-1-changing-variables-button-text:#4a1b4f;--collection-1-changing-variables-buttons-click-select:#4a1b4f;--collection-1-changing-variables-button-text-click-select:#fff;--collection-1-changing-variables-placeholders-and-faded-text:#b3b3b3;--collection-1-fixed-colours-text-white-fixed:#fff;--collection-1-fixed-colours-stroke-white-fixed:#fff;--collection-1-fixed-colours-background-of-screen-fixed:#121212;--collection-1-fixed-colours-faded-bars-fixed:#b3b3b380;--collection-1-fixed-colours-toggles-points-fixed:#fff;--collection-1-fixed-colours-icons-fixed:#fff;--collection-1-fixed-colours-buttons-fixed:#fff;--collection-1-fixed-colours-button-text-fixed:#4a1b4f;--collection-1-fixed-colours-placeholders-and-faded-text-fixed:#b3b3b3}[data-collection-1-mode=dark]{--collection-1-changing-variables-text-white:#fff;--collection-1-changing-variables-stroke-white:#fff;--collection-1-changing-variables-stroke-button:#121212;--collection-1-changing-variables-background-of-screen:#121212;--collection-1-changing-variables-faded-bars:#b3b3b380;--collection-1-changing-variables-toggles-points:#fff;--collection-1-changing-variables-icons:#fff;--collection-1-changing-variables-labels:#4a1b4f;--collection-1-changing-variables-labels-text:#fff;--collection-1-changing-variables-rating-circle:#4fd9fc;--collection-1-changing-variables-buttons:#fff;--collection-1-changing-variables-button-text:#4a1b4f;--collection-1-changing-variables-buttons-click-select:#4a1b4f;--collection-1-changing-variables-button-text-click-select:#fff;--collection-1-changing-variables-placeholders-and-faded-text:#b3b3b3}[data-collection-1-mode=light]{--collection-1-changing-variables-text-white:#4a1b4f;--collection-1-changing-variables-stroke-white:#4a1b4f;--collection-1-changing-variables-stroke-button:#4a1b4f;--collection-1-changing-variables-background-of-screen:#fff;--collection-1-changing-variables-faded-bars:#b3b3b3cc;--collection-1-changing-variables-toggles-points:#4a1b4f;--collection-1-changing-variables-icons:#4a1b4f;--collection-1-changing-variables-labels:#fff;--collection-1-changing-variables-labels-text:#4a1b4f;--collection-1-changing-variables-rating-circle:#4a1b4f;--collection-1-changing-variables-buttons:#4a1b4f;--collection-1-changing-variables-button-text:#fff;--collection-1-changing-variables-buttons-click-select:#fff;--collection-1-changing-variables-button-text-click-select:#4a1b4f;--collection-1-changing-variables-placeholders-and-faded-text:#494a49}.sign-up-wrapper{align-items:center;background-color:#121212;display:flex;height:100vh;justify-content:flex-start;margin:0;overflow:hidden;padding:0;position:relative;width:100vw}.sign-up-container{display:flex;flex-direction:row;height:100%;justify-content:flex-end;max-width:1024px;position:absolute;right:0;width:100%}.sign-up-left{align-items:center;display:flex;flex-shrink:0;height:100vh;justify-content:center;width:75%}.sign-up-character-img{display:block;flex-shrink:0;height:584px;max-height:100%;max-width:100%;object-fit:contain;width:286px}.sign-up-right{align-items:flex-start;background-color:#4a1b4f;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:center;padding:50px;position:relative;width:50%}h4{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;line-height:normal;margin-bottom:10px}p{font-family:Tajawal,sans-serif;font-size:18px;font-weight:400;line-height:27px;margin-bottom:20px}.sign-up-logo{display:none}.signup-box{max-width:512px;width:100%}.input-field{margin-bottom:15px;width:100%}.primary-button-signup{background-color:#4fd9fc;border:none;border-radius:8px;color:#4a1b4f;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;transition:background-color .3s ease;width:100%}.primary-button-signup:hover{background-color:#3cb9d3}.terms{align-items:center;display:flex;margin-top:10px}.terms label{color:#fff;font-size:14px;margin-left:10px}.login-link{align-items:center;display:flex;font-size:14px;justify-content:center;margin-top:20px}.login-now{color:#4fd9fc;font-weight:700;margin-left:5px;text-decoration:none}.login-now:hover{text-decoration:underline}.imgn-logo{bottom:40px;height:38px;left:64px;position:absolute;width:128px}.input-field_date{background:#ffffff1a;border:none;border-radius:8px;color:#ccc;font-size:14px;margin-bottom:15px;padding:15px;width:100%}.input-field_date::placeholder{color:#fff}.react-datepicker__input-container input{width:200%}.react-datepicker__input-container input::placeholder{color:#ccc}.react-datepicker__input-container input:focus{border:2px solid #4fd9fc;box-shadow:0 0 5px #4fd9fccc;outline:none}.react-datepicker{background-color:#4a1b4f;border:1px solid #4a1b4f;border-radius:8px;box-shadow:0 4px 10px #0003;padding:10px}.react-datepicker__header{background-color:#4fd9fc;border-bottom:1px solid #4a1b4f;color:#4a1b4f;font-weight:700}.react-datepicker__day{color:#4a1b4f;font-size:14px;padding:8px;transition:.3s}.react-datepicker__day--selected{background-color:#4fd9fc!important;border-radius:50%;color:#4a1b4f!important}.react-datepicker__day:hover{background-color:#4fd9fc99;border-radius:50%;color:#4a1b4f}.react-datepicker__navigation{color:#4a1b4f;top:10px}.react-datepicker__navigation-icon:before{border-color:#4a1b4f!important}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#4a1b4f;border-radius:5px;color:#4a1b4f;padding:5px}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background-color:#4fd9fc!important;color:#4a1b4f!important}.react-datepicker__navigation--years{top:10px}.react-datepicker__navigation--years .react-datepicker__navigation-icon:before{border-color:#4a1b4f!important}@media (max-width:768px){.sign-up-container{align-items:center;flex-direction:column}.sign-up-left{display:none}.sign-up-right{max-width:400px;width:100%}.input-field,.primary-button-signup{max-width:100%;width:100%}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.cp-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cp-modal-content{align-items:flex-end;background:#4a1b4f;background:var(--Primary,#4a1b4f);border-radius:8px;display:flex;flex-direction:column;gap:20px;padding:24px;width:400px}.cp-close-button{align-items:center;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;right:10px;top:10px;width:24px}.cp-password-text{font-family:Noto Sans Arabic;font-size:24px}.cp-password-question,.cp-password-text{color:#fff;font-style:normal;font-weight:700;line-height:normal;text-align:right}.cp-password-question{font-family:Tajawal,sans-serif;font-size:12px}.cp-input-field{align-items:center;background:#b3b3b380;background:var(--Faded-Bars,#b3b3b380);border-radius:8px;color:#b3b3b3;display:flex;gap:10px;padding:10px;width:100%}.cp-input-field input{background:#fff;background:var(--Faded-Bars,#fff);border:none;color:#000;outline:none;width:100%}.cp-input-field input,.cp-save-button{font-family:Tajawal,sans-serif;font-size:14px;font-weight:500;line-height:21px;padding:10px}.cp-save-button{align-items:center;background:#fff;border-radius:8px;color:#4a1b4f;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-top:20px;text-align:center;width:152px}.cp-save-button:hover{background:#f2f2f2}.custom-datepicker-calendar{background-color:var(--Changing-Variables-Stroke-White);border:1px solid var(--Changing-Variables-Stroke-border);border-radius:12px;box-shadow:0 10px 30px #00000040;color:var(--Changing-Variables-Text-White);direction:ltr;font-family:inherit;overflow:hidden;z-index:9999}.custom-datepicker-calendar .react-datepicker__header{background-color:initial;border-bottom:1px solid #0000;border-radius:0;color:#fff;font-size:14px;margin:0;padding:8px;text-align:center}.custom-datepicker-calendar .react-datepicker__current-month,.custom-datepicker-calendar .react-datepicker__day-name,.custom-datepicker-day{color:var(--Changing-Variables-Text-White)}.custom-datepicker-day{border-radius:6px;padding:8px;text-align:center;transition:background-color .2s ease}.custom-datepicker-day:hover{background-color:var(--Changing-Variables-Stroke-border);color:var(--Changing-Variables-Button-Text)}.custom-datepicker-calendar .react-datepicker__day--selected{background-color:var(--Changing-Variables-Buttons);color:var(--Changing-Variables-Button-Text)}.custom-datepicker-calendar select{background-color:var(--Changing-Variables-line-White);border:1px solid var(--Changing-Variables-Stroke-border);border-radius:4px;color:#000!important;font-size:13px;margin:0 4px;padding:4px 6px}.custom-datepicker-calendar .react-datepicker__triangle{display:none}.custom-datepicker-calendar .react-datepicker__day--outside-month{visibility:hidden}.info-row input{background:#ffffff1a;border:1px solid #ccc;border-radius:8px;color:#fff;padding:10px;text-align:center;width:100%}.settings-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;padding-bottom:50px;width:100%}.footer-container{margin-top:auto;width:10%}.react-datepicker__input-container input{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:15px;text-align:left;width:100%}.profile-container{background-color:initial;border-radius:50%;cursor:pointer;display:flex;height:200px;justify-content:center;left:50%;overflow:hidden;position:absolute;top:140px;transform:translate(-50%);width:200px;z-index:2}.profile-picture{background-color:initial;height:100%;object-fit:cover;width:100%}.hover-overlay{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.profile-container:hover .hover-overlay{opacity:1}.icon-container span{white-space:nowrap}.icon-container{align-items:center;display:flex;flex-direction:column;gap:6px;width:115px}.icon-container .upload-icon{align-items:center;display:flex;height:44px;justify-content:center;width:44px}.icon-container span{color:#fff;color:var(--White,#fff);font-family:Tajawal,sans-serif;font-weight:500;line-height:150%;text-align:center}.icon-container{color:#fff;text-align:center}.icon-container .upload-icon{height:30px;margin-bottom:5px;width:30px}.icon-container span{font-size:12px;font-weight:700}#file-input{display:none}.header-line{background-color:#ffffff80;height:1px;left:0;position:absolute;top:240px;width:100%;z-index:1}.loading-container{align-items:center;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:24px;width:24px}.info-label{color:#fff;color:var(--Changing-Variables-Text-White,#fff);direction:rtl;font-family:Noto Sans Arabic;font-size:15px;font-style:normal;font-weight:700;line-height:normal;text-align:right}.info-value{color:var(--Changing-Variables-Text-White);direction:ltr;font-size:20px;font-weight:400;text-align:left}.edit-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.section-title{font-family:Tajawal}.info-content{align-items:flex-end;border:.5px solid var(--Changing-Variables-Stroke-Button);border-radius:8px;flex-direction:column;padding:16px}.info-content,.info-row{display:flex;justify-content:space-between;width:100%}.info-row{align-items:center;flex-direction:row;padding:8px 0}a .info-text{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:18px;font-style:normal;font-weight:400;line-height:150%;text-align:right}.vertical-line{height:calc(100vh - 20px)}.settings-header{background-color:var(--Changing-Variables-Stroke-White);height:240px;overflow:hidden;position:relative;transform:translateY(-15px);width:100%}.header-background img{height:calc(100% + 15px);object-fit:cover;transform:translateY(15px);width:100%}.header-logo-container{align-items:flex-start;display:flex;flex-direction:column;gap:5px;left:170px;position:absolute;top:50%;transform:translateY(-50%)}.header-logo{height:80px}.header-text{color:var(--Changing-Variables-Text-White);font-size:18px;font-weight:700;margin-left:10px;text-align:left}.vertical-line{background-color:var(--Changing-Variables-Stroke-Button);height:610px;left:50%;position:absolute;top:410px;transform:translateX(-50%);width:1px;z-index:2}.personal-info-container{align-items:flex-end;display:inline-flex;flex-direction:column;flex-shrink:0;font-family:Tajwal,sans-serif;gap:40px;height:370px;left:60%;padding:16px;position:absolute;right:70px;top:410px}.personal-info-container,.section-title{background-color:initial;color:var(--Changing-Variables-Text-White)}.section-title{align-items:center;border:.5px solid var(--Changing-Variables-Stroke-Button);border-radius:8px;display:flex;font-size:24px;font-weight:700;gap:10px;justify-content:center;padding:10px}.bio-container{height:370px;left:70px}.achievement-container{align-items:flex-end;background-color:initial;color:var(--Changing-Variables-Text-White);display:inline-flex;flex-direction:column;flex-shrink:0;font-family:Tajwal,sans-serif;gap:40px;height:150px;padding:16px;position:absolute;right:70px;top:790px}.achievement-container .info-text{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:18px;font-weight:400;line-height:150%;text-align:right}.save-button{background-color:#4a1b4f;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.save-button:hover{background-color:#762a69}.edit-icon{cursor:pointer}.edit-icon img{height:20px;width:20px}.bio-container{align-items:flex-end;background-color:initial;color:var(--Changing-Variables-Text-White);display:inline-flex;flex-direction:column;flex-shrink:0;font-family:Tajwal,sans-serif;gap:40px;height:auto;padding:16px;position:absolute;right:calc(50% + 70px);top:410px}.bio-textarea{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:18px;font-weight:400;line-height:150%;min-width:400px;text-align:right;width:100%;width:auto}.bio-box,.bio-textarea{word-wrap:break-word;align-items:flex-start;background-color:initial;border:.5px solid var(--Changing-Variables-Stroke-Button);border-radius:8px;display:flex;flex-direction:column;gap:10px;height:auto;justify-content:center;min-height:100px;overflow-wrap:break-word;padding:16px;transition:height .2s ease-in-out;white-space:normal}.bio-box{min-width:200px}.bio-text{word-wrap:break-word;color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-size:18px;font-weight:400;overflow-wrap:break-word;text-align:right;white-space:normal}.bio-text,.word-count{font-family:Tajawal;line-height:150%;width:100%}.word-count{color:#b3b3b3;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#b3b3b3);font-size:12px;font-weight:500;position:relative;text-align:left}.other-accounts-container{align-items:flex-end;color:var(--Changing-Variables-Text-White);display:inline-flex;flex-shrink:0;font-family:Tajwal,sans-serif;gap:40px;position:absolute;right:calc(50% + 70px);top:680px;width:783px}.accounts-content,.other-accounts-container{background-color:initial;flex-direction:column;height:auto;padding:16px}.accounts-content{word-wrap:break-word;align-items:flex-start;border:.5px solid var(--Changing-Variables-Stroke-Button);border-radius:8px;display:flex;gap:10px;justify-content:center;min-height:60px;overflow-wrap:break-word;white-space:normal;width:100%}.account-row{align-items:center;display:flex;flex-direction:row-reverse;gap:20px;justify-content:space-between;padding:10px 0;width:100%}.account-icon{flex-shrink:0;height:28px;width:28px}.account-label{font-weight:700;min-width:100px;text-align:right}.account-label,.account-value{color:var(--Changing-Variables-Text-White);font-size:18px}.account-value{align-items:center;display:flex;flex-grow:1;font-weight:400;justify-content:center;padding:0 20px;text-align:center}.horizontal-line{top:1020px}.horizontal-line,.horizontal-line-2{background-color:var(--Changing-Variables-Stroke-Button);height:1px;left:0;position:absolute;width:100%;z-index:2}.horizontal-line-2{top:1100px}.privacy-container{align-items:center;display:flex;gap:32px;justify-content:space-between;left:80px;padding:10px 0;position:absolute;right:80px;top:1030px;width:calc(100% - 160px)}.change-password{align-items:center;align-self:flex-start;background:#fff;background:var(--Changing-Variables-Buttons,#fff);border-radius:8px;color:#4a1b4f;color:var(--Changing-Variables-Button-Text,#4a1b4f);cursor:pointer;display:flex;font-family:tajawal;font-size:14px;font-weight:700;gap:8px;justify-content:center;max-width:651px;min-width:250px;padding:8px;transition:all .3s ease-in-out;width:40%}.change-password:hover{background:var(--Changing-Variables-Text-White);color:var(--Changing-Variables-Button-Text);transform:scale(1.05)}.privacy-options{align-items:center;display:flex;gap:32px;justify-content:flex-end}.privacy-option{cursor:pointer;gap:10px}.checkbox,.privacy-option{align-items:center;display:flex}.checkbox{border:2px solid var(--Changing-Variables-Stroke-Button);border-radius:50%;height:32px;justify-content:center;width:32px}.checkbox:not(.checked):hover:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJrSURBVHgBvVeBdZswEBWewBuUDUomsDtBswHZwN4ANsAbqBs4nQBngqQTQCcgG/yerCM5yycqiJP/3n/Gkk73dTpOIjOJALCmn3vihlgQc+Kau1+JPfGFeCL+zrLs1dwC5DgnNsSO2BJ3xIIFvYkjbrjvCA/rbM1S8KQH4kCspMNE0RWLbubYygmWGV/PY3muPNWoYIOd0ueiUvNWdHjHILYnV+z2PL74n/Nx5aXS3iIdNhRC/x8mI8Gru1o5qx8wH85mH4nEWhPgEs4GbTU+jjqY0+VVYyKhzwO1t8I+iPQgfblGS6wCQUvCHsOFQ/hXtJGKEAywuD1ac51v6zE7j8Hql6CDr4bfEN8+WT1bYrkyvrafREr8NPPRE39Q/X8i/iUe6P9BGSffsEfi1glwxeFFdNybZc77oP2PMnYrnp/OvuETRIZGSz7LoXVVshHtz4iUauh51In+89vgHhAYRo3EmAr+1Is5PyCC0FeKgGczAzT+FyagCQi3oFPs8gTHLqQtpjEE4weXhL3xt5sRvTJ/OyWC+9x7vjXTkMnukr9fceNGdJwUwzwmQjifPmo9HsXz97Nv+EIUVqkYOlxWzPEMSYW0dUlcXpbF906LaRENc855YQPhePPJk33lYVRLQdKhjMIDbodS2bb8IjugXBTgC85HUQVz2tCPTL4O+jVq6ZWsVObqELtpY/pSapGOFnMvpWJgoUVCCNmxAxmVjtsqbXVIvZYrkbBA4geFPs/4dRVd+Upr5LP9zviPTreyeo4QdlzToztJ3QF0p9wXkieT+3/kLdji+uO0ENvjVtykiM5MIvBJn+f/AEypo2hgJH0ZAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:contain;content:"";height:24px;opacity:.5;position:absolute;width:24px}.privacy-label{color:var(--Changing-Variables-Text-White);font-family:Noto Sans Arabic;font-size:20px;font-weight:700}.password-icon{height:24px;width:24px}@media (max-width:768px){.settings-container{padding:0 16px 80px}.settings-header{height:180px}.header-logo-container{left:20px;top:50%;transform:translateY(-50%)}.header-logo{height:60px}.header-text{font-size:16px}.profile-container{height:140px;top:120px;width:140px}.achievement-container,.bio-container,.other-accounts-container,.personal-info-container,.privacy-container{gap:20px;left:auto;margin-top:20px;padding:0;position:relative;right:auto;top:auto;width:100%}.accounts-content,.bio-box,.bio-content,.bio-textarea,.info-content,.info-row{min-width:0;min-width:auto;width:100%}.info-row{align-items:flex-end;flex-direction:column-reverse;text-align:right}.info-label{font-size:14px}.account-label,.account-value,.info-value{font-size:14px;text-align:right}.account-row{align-items:flex-end;flex-direction:column-reverse;gap:8px}.account-icon{height:24px;width:24px}.bio-box,.bio-textarea{font-size:14px;min-height:80px;padding:12px}.save-button{font-size:14px;width:100%}.section-title{font-size:18px;padding:8px}.change-password{font-size:14px;justify-content:center;padding:10px;width:100%}.privacy-options{align-items:flex-start;flex-direction:column;gap:16px;width:100%}.privacy-option{flex-direction:row;justify-content:flex-start;width:100%}.horizontal-line,.horizontal-line-2,.vertical-line{display:none}.mobile-menu{align-items:center;background:#4a1b4f;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-around;padding:12px 8px;position:sticky;top:0;z-index:100}.mobile-menu a{border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:6px 10px;text-decoration:none;transition:background .2s ease}.mobile-menu a:hover{background:#ffffff26}}input,textarea{box-sizing:border-box;max-width:100%}.articles-page-section{background-color:var(--Changing-Variables-Stroke-White);color:var(--Changing-Variables-Text-White);padding:40px;position:relative;text-align:center}.articles-page-subtitle{color:var(--Changing-Variables-Placeholders-and-Faded-Text);font-size:18px;margin-bottom:20px}.article-tag-custom.breaking,.article-tag-custom.common,.article-tag-custom.latest{align-items:center;border-radius:16px;display:flex;font-family:Poppins;font-size:8px;font-style:normal;font-weight:700;gap:10px;line-height:normal;padding:0 24px;text-align:center}.articles-page-footer{margin-top:40px}.no-articles-message{margin-top:50px;text-align:center}.clear-filters-button{background-color:var(--Changing-Variables-Buttons);border:none;border-radius:5px;color:var(--Changing-Variables-Button-Text);cursor:pointer;font-family:Tajawal;font-size:14px;font-weight:700;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.clear-filters-button:hover{background-color:var(--Changing-Variables-Button-Hover)}.comments-section{box-sizing:border-box;max-width:100%;padding:.5rem;width:100%}.comments-header,.comments-section{display:flex;flex-direction:column;gap:1rem}.comments-header{border-bottom:1px solid var(--Changing-Variables-Stroke-White);padding:.5rem 0}.counts{gap:1.5rem;justify-content:center}.counts,.stat-item{align-items:center;display:flex}.stat-item{color:var(--Changing-Variables-Text-White);font-family:Poppins;font-size:.875rem;font-weight:400;gap:.5rem}.comment-icon,.like-icon,.stat-icon{height:1.5rem;width:1.5rem}.like-btn{background:none;border:none;cursor:pointer;padding:0}.like-btn,.title-bar{align-items:center;display:flex}.title-bar{flex-direction:column-reverse;gap:1rem;margin-top:.5rem}.report-btn{align-items:center;background:#fff;background:var(--Changing-Variables-Buttons,#fff);border:1px solid #4a1b4f;border-radius:.5rem;box-sizing:border-box;color:#4a1b4f;color:var(--Changing-Variables-Button-Text,#4a1b4f);display:flex;font-family:Tajawal;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;line-height:normal;max-width:200px;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.report-btn:hover{background:#4a1b4f;background:var(--Changing-Variables-Button-Text,#4a1b4f);color:#fff;color:var(--Changing-Variables-Buttons,#fff);cursor:pointer}.title{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Noto Sans Arabic,sans-serif;font-size:1.125rem;font-weight:700;margin:0;text-align:center}.comment-box{background:var(--Changing-Variables-Faded-Bars);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;width:100%}.comment-box textarea{background:none;border:none;box-sizing:border-box;color:var(--Changing-Variables-Text-White);direction:rtl;font-family:Tajawal;font-size:1rem;line-height:1.5;min-height:7.5rem;padding:.5rem;resize:none;width:100%}.comment-box textarea::placeholder{color:var(--Changing-Variables-Placeholders-and-Faded-Text);opacity:1}.send-btn{align-items:center;align-self:flex-end;background:#4a1b4f;background:var(--Fixed-Colours-Button-Text-Fixed,#4a1b4f);border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-family:Tajawal;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.send-btn:hover{opacity:.9}.comment-card,.comments-list{display:flex;flex-direction:column;gap:1rem;width:100%}.comment-card{background:#121212;background:var(--Changing-Variables-Stroke-White,#121212);border:1px solid #b3b3b3;border:1px solid var(--Grey,#b3b3b3);border-radius:.5rem;box-sizing:border-box;padding:1rem}.comment-header{align-items:center;border-bottom:none;display:flex;gap:1rem;justify-content:left;width:100%}.comment-header .avatar,.comment-header img.avatar{border-radius:50%;height:3rem;object-fit:cover;width:3rem}.author-info{display:flex;flex-direction:column;gap:.125rem}.name{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-size:1rem;font-weight:500}.meta,.name{font-family:Tajawal;text-align:left}.meta{color:#b3b3b3;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#b3b3b3);font-size:.875rem;font-weight:450}.comment-body{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:1rem;font-weight:500;line-height:1.5;text-align:right;width:100%;word-break:break-word}.load-more{color:var(--Changing-Variables-Placeholders-and-Faded-Text);cursor:pointer;font-family:Tajawal;font-size:.875rem;padding:.5rem 0;text-align:center}@media (min-width:480px){.comments-header{justify-content:space-between}.comments-header,.title-bar{align-items:center;flex-direction:row}.report-btn{width:auto}.comment-header .avatar{height:4rem;width:4rem}.name{font-size:1.25rem}.comment-body{font-size:1.125rem}}@media (min-width:768px){.comments-section{padding:1rem}.comment-box textarea{font-size:1.125rem}.title{font-size:1.25rem}}@media (min-width:1024px){.comments-section{margin:0 auto;max-width:1080px}}.article-layout.two-column{flex-direction:row-reverse}.article-layout-image img{height:auto;max-width:100%}.line-separator{background:#fff;background:var(--Changing-Variables-line-White,#fff);height:1px;margin:18px 0;width:1088px}.article-layout{margin-bottom:18px;max-width:1080px;width:1080px}.article-detail-container{box-sizing:border-box;width:100%}.authors{align-items:center;display:flex;gap:32px}.article-detail-container main{padding-left:150px;padding-right:150px}.article-layout.one-column{display:flex;flex-direction:column;gap:20px}.one-column-cell{width:100%}.article-layout.two-column{display:flex;gap:20px}.two-column-cell{flex:1 1}.one-column .article-layout-image{height:320px;width:1080px}.two-column .article-layout-image{height:320px;width:530px}.article-layout-image img{border-radius:8px;height:100%;object-fit:cover;width:100%}.article-detail-container:after{background:#fff;background:var(--Changing-Variables-line-White,#fff);content:"";height:1px;margin:16px 0;width:100%}.roles-layout{align-items:center;direction:rtl;display:flex;justify-content:space-between;width:1088px}.roles-layout div{color:#b3b3b3;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#b3b3b3);font-family:Tajawal;font-size:15px;font-weight:400;line-height:normal;text-align:center}.closure-line,.layout-line,.line-separator{background:#fff;background:var(--Changing-Variables-line-White,#fff);height:1px;margin:18px 0;width:1088px}.article-title{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:32px;font-weight:700;line-height:normal;margin-bottom:18px;text-align:center}.article-images{display:flex;gap:16px;margin-bottom:18px}.article-image{border-radius:8px}.article-image.single-image{height:320px;width:1080px}.article-image.two-images{align-items:center;display:inline-flex;height:320px;width:536px}.article-layout-text{direction:rtl}.article-layout-text p{margin-bottom:1em}.article-layout-text h1,.article-layout-text h2,.article-layout-text h3{font-weight:700;margin:1em 0 .5em}.article-layout-text ol,.article-layout-text ul{padding-right:1.5em}.article-layout-text img{border-radius:6px;height:auto;max-width:100%}.article-layout-text{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:14px;font-weight:500;line-height:150%;text-align:right}.article-layout-image{height:320px;width:536px}.layout-line{background:#fff;background:var(--Changing-Variables-line-White,#fff);height:1px;margin:18px 0;width:1088px}.article-closure{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:32px;font-weight:700;line-height:normal;text-align:center}.closure-line{background:#fff;background:var(--Changing-Variables-line-White,#fff);height:1px;margin-top:16px;width:1088px}@media (min-width:480px){.article-closure,.article-title{font-size:2rem}.roles-layout div{font-size:.9375rem}}@media (min-width:768px){.article-detail-container main{padding:0 2rem}.authors,.roles-layout{flex-direction:row}.authors{gap:2rem}.article-layout.two-column{flex-direction:row-reverse}}@media (min-width:1200px){.article-detail-container main{padding:0}}.sign-in-wrapper{box-sizing:border-box;height:100vh;margin:0 auto;padding:0;width:100vw}.sign-in-container,.sign-in-wrapper{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.sign-in-container{border-radius:16px;height:100%;margin:auto;max-height:810px;max-width:1440px;width:100%}.sign-in-left{align-items:flex-end;background:linear-gradient(180deg,#0000 .5%,#000),url(/static/media/leftside.c59d5fd02b54591f466b.png) no-repeat 50%/cover;border-radius:16px 0 0 16px;box-shadow:0 4px 15px #00000040;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:576px;justify-content:center;padding:20px;width:512px;z-index:2}.sign-in-left h1{color:#fff;font-size:48px;font-weight:700;margin-bottom:10px}.sign-in-left h1,.sign-in-left p{font-family:Tajawal;text-align:right}.sign-in-left p{color:#b3b3b3;font-size:18px;font-weight:400;line-height:27px}.sign-in-right{align-items:center;background:#4a1b4f;background:var(--Primary,#4a1b4f);border-radius:0 16px 16px 0;box-shadow:0 4px 15px #00000040;display:flex;flex-direction:column;flex-shrink:0;height:576px;justify-content:center;padding:30px;width:512px;z-index:2}.sign-in-logo{margin-bottom:30px;width:150px}.input-field{background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:14px;margin-bottom:20px;max-width:400px;padding:15px;width:90%}.input-field::placeholder{color:#ccc}.primary-button-signin{background-color:#4fd9fc;border:none;border-radius:8px;color:#4a1b4f;cursor:pointer;font-weight:700;margin-top:10px;max-width:400px;padding:12px;transition:background-color .3s ease;width:90%}.primary-button-signin:hover{background-color:#3cb9d3}.forgot-password{color:#b3b3b3;font-size:14px;margin-top:10px;text-decoration:none}.forgot-password:hover{text-decoration:underline}.divider{align-items:center;display:flex;height:1px;justify-content:center;margin:20px auto;width:148px}.divider:after,.divider:before{background-color:#b3b3b3;content:"";flex:1 1;height:1px}.divider span{color:#fff;font-size:14px;margin:0 10px}.social-buttons{display:flex;gap:20px}.social-button{align-items:center;background:#fff;border-radius:50%;color:#4a1b4f;display:flex;font-size:18px;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.social-button:hover{box-shadow:0 4px 10px #0003;transform:scale(1.1)}.register-link{align-items:center;color:#b3b3b3;display:flex;flex-direction:row;gap:5px;justify-content:center;margin-top:30px}.register-now{color:#4fd9fc;font-weight:700;text-decoration:none}.register-now:hover{text-decoration:underline}.background-svg{left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.5);z-index:1}@media (max-width:768px){.sign-in-container{border-radius:0;flex-direction:column;height:auto;padding:20px}.sign-in-left,.sign-in-right{border-radius:0;height:auto;padding:20px;width:100%}.input-field,.primary-button{max-width:100%;width:100%}}.dashboard-sidebar{background:var(--Changing-Variables-Stroke-White);border-left:1px solid var(--Changing-Variables-Stroke-border);direction:rtl;height:calc(100vh - 64px);overflow-y:auto;padding:24px 0;position:fixed;right:0;top:64px;transition:transform .3s ease-in-out;width:280px;z-index:999}.dashboard-sidebar-links{display:flex;flex-direction:column;gap:8px;padding:0 16px}.dashboard-sidebar-item{align-items:center;border-radius:8px;color:var(--Changing-Variables-Text-White);cursor:pointer;display:flex;font-family:Tajawal;font-size:14px;padding:12px 16px;position:relative;transition:all .3s ease}.dashboard-sidebar-item:hover{background-color:var(--Changing-Variables-Faded-Bars)}.dashboard-sidebar-item.active{background-color:var(--Changing-Variables-Buttons);color:var(--Changing-Variables-Button-Text)}.dashboard-sidebar-item.disabled{color:#ccc;cursor:not-allowed}.sidebar-toggle{background:var(--Changing-Variables-Buttons);border:none;border-radius:8px;color:var(--Changing-Variables-Button-Text);cursor:pointer;display:none;font-family:Tajawal;font-size:16px;padding:8px 16px;position:fixed;right:12px;top:12px;z-index:1001}@media (max-width:1235px){.sidebar-toggle{display:block}.dashboard-sidebar{box-shadow:-2px 0 8px #0000001a;transform:translateX(100%);width:280px}.dashboard-sidebar.open{transform:translateX(0)}}:root{--primary-color:#4a1b4f;--secondary-color:#e6f8e6;--background-color:#fff;--text-color:#121212;--border-color:#e0e0e0;--faded-text-color:#b3b3b3;--faded-border-color:#32323280;--success-color:#0f9d58;--error-color:#db4c3f}body:not(.dark-mode){--text-color:#4a1b4f;--border-color:#4a1b4f;--faded-text-color:#777;--faded-border-color:#b3b3b380}.admins-list-container{background:#fff;background:var(--background-color);border-radius:16px;box-shadow:0 0 12px #0000000d;color:#121212;color:var(--text-color);direction:rtl;padding:24px;transition:background-color .3s ease}.admins-list-container h2{color:#4a1b4f;color:var(--primary-color);font-size:24px;margin-bottom:20px;text-align:center}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-toolbar input,.role-filter{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;padding:10px 14px;transition:border-color .3s ease}.admin-toolbar input:focus,.role-filter:focus{border-color:#4a1b4f;border-color:var(--primary-color)}.admins-table{border-collapse:collapse;text-align:center;width:100%}.admins-table td,.admins-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#121212;color:var(--text-color);padding:14px 12px}.admins-table thead th{background-color:#4a1b4f;background-color:var(--primary-color);color:#fff;color:var(--background-color);font-weight:700}.admins-table tbody tr:hover{background-color:#4a1b4f0d;cursor:pointer;transition:background-color .3s ease}.admin-avatar{border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:50%;height:48px;object-fit:cover;transition:border-color .3s ease;width:48px}.admin-avatar:hover{border-color:#4a1b4f;border-color:var(--primary-color)}.admin-status{text-align:center}.status-label{font-size:14px;font-weight:700;margin-right:8px}.dot,.status-label{display:inline-block}.dot{border-radius:50%;height:12px;vertical-align:middle;width:12px}.dot.online{background-color:#0f9d58;background-color:var(--success-color);box-shadow:0 0 6px #0f9d58;box-shadow:0 0 6px var(--success-color)}.dot.offline{background-color:#b3b3b3;background-color:var(--faded-text-color)}.role-badge{border-radius:16px;color:#fff;font-size:13px;font-weight:700;padding:4px 10px;text-transform:capitalize}.role-badge.ceo{background-color:#4a1b4f;color:#fff;color:var(--background-color)}.role-badge.super_admin{background-color:#6a1b9a}.role-badge.editor{background-color:#0288d1}.role-badge.writer{background-color:#388e3c}.inline-role-dropdown{background-color:#f9f9f9;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;font-size:13px;outline:none;padding:6px 10px;transition:background-color .3s ease}.inline-role-dropdown:focus{background-color:#f0f0f0}.toggle-button{background-color:#4a1b4f;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:6px 10px;transition:background-color .2s ease}.toggle-button:hover{background-color:#3a1342}.self-action-note{color:#b3b3b3;color:var(--faded-text-color);cursor:not-allowed;display:inline-block;font-size:16px;font-weight:700;padding:6px 10px}.self-action-note:hover:after{background-color:#333;border-radius:4px;bottom:150%;color:#fff;content:attr(title);left:50%;opacity:0;opacity:1;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.last-seen{color:#b3b3b3;color:var(--faded-text-color);font-size:12px;margin-top:4px}.self-row{background-color:#f1cfed;color:#4a1b4f;color:var(--primary-color);font-weight:700}@media (max-width:506px){.admins-list-container{padding:16px}.admins-list-container h2{font-size:20px}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-toolbar input,.role-filter{width:100%}.admins-table{display:block;overflow-x:auto}.admins-table td,.admins-table th{font-size:14px;padding:12px 8px}.admin-avatar{height:40px;width:40px}.status-label{font-size:12px}.dot{height:10px;width:10px}.inline-role-dropdown,.role-badge{font-size:12px}.toggle-button{font-size:12px;padding:4px 8px}.self-action-note{font-size:14px}.last-seen{font-size:10px}}.articles-filters-container{color:#fff;display:flex;flex-direction:column;font-family:Tajawal,sans-serif;gap:16px;width:100%}.filter-title{align-self:stretch;font-size:18px;font-weight:400;line-height:27px;text-align:right}.dynamic-filters,.fixed-filters{display:flex;flex-wrap:wrap;gap:10px}.filter-tag-container{align-items:center;border-radius:16px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;padding:6px 10px;transition:.2s ease-in-out;white-space:nowrap}.filter-tag-container .icon-container{align-items:center;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.filter-tag-container .icon-container svg{fill:#ff4d4d;height:100%;transition:.2s ease-in-out;width:100%}.filter-tag-container .icon-container:hover svg{fill:#d32f2f}.filter-button{align-items:center;background:#b3b3b380;border:none;border-radius:8px;color:#b3b3b3;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#b3b3b3);cursor:pointer;display:flex;flex:1 0;font-family:Tajawal;font-size:18px;font-weight:400;gap:10px;justify-content:flex-end;line-height:27px;padding:10.5px 16px;text-align:center;transition:background .3s ease}.filter-button:hover{background-color:#b3b3b3b3}.filter-tag{align-items:center;background:#b3b3b380;border:none;border-radius:8px;color:#b3b3b3;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#b3b3b3);cursor:pointer;display:flex;font-size:18px;font-weight:400;gap:10px;justify-content:center;line-height:27px;padding:10.5px 16px;transition:background .3s ease;width:238px}.filter-tag:hover{background-color:#b3b3b3b3}.add-filter-input{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;width:100%}.filter-input{appearance:none;background:#0000;border:2px solid #b3b3b380;border-radius:8px;color:#b3b3b3;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#b3b3b3);flex:1 1;font-family:Tajawal,sans-serif;font-size:18px;min-width:220px;padding:10.5px 16px;text-align:right;transition:border .3s ease}.filter-input::placeholder{color:#b3b3b3;font-size:16px;opacity:1}.filter-input:focus,.filter-input:hover{border:2px solid var(--Changing-Variables-Buttons)}.add-filter-section{flex-wrap:wrap}.add-filter-button,.add-filter-section{align-items:center;display:flex;gap:10px}.add-filter-button{background:#fff;background:var(--Changing-Variables-Buttons,#fff);border:1px solid #121212;border:1px solid var(--Changing-Variables-Stroke-Button,#121212);border-radius:10px;color:#4a1b4f;color:var(--Changing-Variables-Button-Text,#4a1b4f);cursor:pointer;font-family:Tajawal;font-size:14px;font-weight:700;justify-content:center;margin-top:10px;padding:8px 20px;transition:background .3s ease-in-out,color .3s ease-in-out;width:250px}.add-filter-button:hover{background:var(--Changing-Variables-Button-Text);color:var(--Changing-Variables-Text-White)}.add-filter-button:hover .filter-icon{fill:#000;color:#000}.info-text{color:#fff;font-size:12px;font-weight:500;line-height:18px;margin-top:10px;text-align:right}@media screen and (max-width:1235px){.filter-button{font-size:16px;padding:8px 12px}.filter-tag{width:100%}.add-filter-button{font-size:16px;padding:10px 16px;width:100%}.add-filter-input{align-items:stretch;flex-direction:column}.filter-input{font-size:16px;width:100%}.add-filter-section{align-items:stretch;flex-direction:column}}.grid-cell{align-items:center;border:2px solid #b3b3b380;border-radius:8px;display:flex;flex-direction:column;height:auto;justify-content:center;padding:10px;position:relative;width:100%}.grid-row.col-1 .grid-cell{width:100%}.grid-row.col-2 .grid-cell{width:calc(50% - 15px)}.cell-options{display:flex;gap:10px;margin-bottom:10px}.cell-options button{background:#4a1b4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px;transition:background .3s ease,color .3s ease,transform .2s ease}.cell-options button:hover{background:#6a1b9a;color:#fff;transform:scale(1.05)}.tox-tinymce{width:100%!important}.image-upload{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.image-upload input[type=file]{display:none}.upload-button{align-items:center;background:#6a1b9a;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;height:45px;justify-content:center;text-align:center;transition:background .3s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:160px}.upload-button:hover{background:#4a1b4f;transform:scale(1.05)}.uploaded-image{border-radius:8px;height:320px;object-fit:cover;width:100%}.image-preview{height:320px;position:relative;width:100%}.delete-image-button{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:.7;padding:5px;position:absolute;right:10px;top:10px;transition:opacity .3s ease,transform .2s ease}.delete-image-button:hover{opacity:1;transform:scale(1.1)}.grid-row{display:flex;gap:30px;margin-bottom:15px;width:100%}.grid-row.col-1{flex-direction:column}.grid-row.col-2{flex-direction:row}.grid-editor-container{border:2px solid #b3b3b380;border-radius:8px;height:auto;margin:auto;padding:20px;width:100%}.grid-row-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.delete-row-button{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:5px;padding:6px 12px;transition:background .3s ease}.delete-row-button:hover{background:darkred}.grid-row-container{border:1px solid #ccc;border-radius:8px;padding:10px;width:100%}.add-row-buttons{display:flex;gap:10px;margin-top:10px}.add-row-buttons button{background:#4a1b4f;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 15px}.add-row-buttons button:hover{background:#fff;color:#4a1b4f}.add-article-container{color:#fff;display:flex;flex-direction:column;font-family:Tajawal,sans-serif;gap:20px;margin:auto;padding:20px;width:100%}.participation-container{justify-content:space-between;width:800px}.participant-name-box,.participation-box,.participation-container{align-items:center;display:flex;gap:10px}.participant-label,.participation-label{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:18px;font-style:normal;font-weight:400;line-height:150%;white-space:nowrap}.participant-input,.participation-input{align-items:center;background:#b3b3b380;background:var(--Changing-Variables-Faded-Bars,#b3b3b380);border-radius:8px;display:flex-end;flex-shrink:0;gap:10px;justify-content:flex-end;padding:10.5px 16px;width:200px}.category-section{align-items:center;display:flex;justify-content:space-between;width:379px}.article-input-filter{appearance:none;background:#0000;border:2px solid #b3b3b380;border-radius:8px;color:#b3b3b3;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#b3b3b3);color:#fff;cursor:pointer;font-family:Tajawal;font-size:18px;font-style:normal;font-weight:400;line-height:150%;padding:10.5px 16px;text-align:center;text-align:right;width:100%}.article-input-filter option{align-items:flex-start;background:#fff;background:var(--Changing-Variables-Faded-Bars,#fff);border-radius:8px;display:flex;justify-content:space-between;padding:10.5px 16px;width:238px}.article-input-filter:focus,.article-input-filter:hover{border:2px solid var(--Changing-Variables-Buttons)}.category-label{color:#fff;color:var(--Changing-Variables-Text-White,#fff);font-family:Tajawal;font-size:18px;font-style:normal;font-weight:400;line-height:150%;text-align:right;white-space:nowrap}.category-dropdown{align-items:center;flex-shrink:0}.article-input option,.category-dropdown{background:#b3b3b380;background:var(--Changing-Variables-Faded-Bars,#b3b3b380);border-radius:8px;display:flex;justify-content:space-between;width:238px}.article-input option{align-items:flex-start;padding:10.5px 16px}.article-input{background:#0000;border:2px solid #b3b3b380;border-radius:8px;color:#fff;font-size:18px;padding:12px;text-align:right;width:50%}.article-input::placeholder{color:#b3b3b3;color:var(--Changing-Variables-Placeholders-and-Faded-Text,#b3b3b3);font-family:Tajawal;font-size:18px;font-style:normal;font-weight:400;line-height:150%;opacity:1;text-align:right}.article-input:focus,.article-input:hover{border:2px solid var(--Changing-Variables-Buttons)}.publish-status-section{display:flex;flex-direction:column;gap:10px}.publish-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;width:80%}.publish-options .check-mark-container{align-items:center;cursor:pointer;display:flex;gap:10px}.category-select{align-items:center;background:#b3b3b380;border-radius:8px;color:#b3b3b3;display:flex;font-family:Tajawal;font-size:18px;justify-content:space-between;padding:10.5px 16px;text-align:center;width:238px}.custom-checkmark-icon{align-items:center;background-color:initial;border:2px solid #fff;border-radius:50%;display:flex;height:32px;justify-content:center;position:relative;width:32px}.check-mark-container.selected .custom-checkmark-icon{border-color:var(--Changing-Variables-Buttons)}.article-buttons{display:flex;gap:10px}.publish-button,.review-button{border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;padding:10px 20px;transition:.3s ease-in-out}.review-button{background:var(--Changing-Variables-Buttons);color:var(--Changing-Variables-Button-Text)}.review-button:hover{background:var(--Changing-Variables-Button-Text);color:#fff}.publish-button{background:#4a1b4f;color:#fff}.publish-button:hover{background:#fff;color:#4a1b4f}.dashboard-custom-images{display:flex;flex-direction:column;gap:20px}.dashboard-custom-images-section{display:flex;flex-direction:column;gap:10px}.dashboard-custom-images-grid{display:flex;flex-wrap:wrap;gap:15px}.dashboard-custom-images-item{border-radius:8px;height:100px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100px}.dashboard-custom-images-item:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.dashboard-custom-images-preview{border-radius:8px;height:100%;object-fit:contain;width:100%}.dashboard-custom-images-delete{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;left:5px;opacity:.7;padding:5px;position:absolute;top:5px;transition:opacity .3s ease}.dashboard-custom-images-delete:hover{opacity:1}.upload{align-items:center;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;justify-content:center;transition:background-color .3s ease,border-color .3s ease}.upload:hover{background-color:#f0f0f0;border-color:#aaa}.dashboard-custom-images-icon{height:50px;width:50px}@keyframes rainbow{0%{border-color:red}14%{border-color:orange}28%{border-color:#ff0}42%{border-color:green}57%{border-color:blue}71%{border-color:indigo}85%{border-color:violet}to{border-color:red}}.loading-spinner{animation:spin 1s linear infinite,rainbow 3s linear infinite;border:5px solid;border-radius:50%;border-top:5px solid #0000;height:50px;margin:20px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#333;font-size:16px;font-weight:700;text-align:center}@media screen and (max-width:507px){.article-buttons,.category-section,.participation-container,.publish-options{align-items:flex-start;flex-direction:column;gap:12px;width:100%!important}.article-input,.article-input-filter,.category-dropdown,.category-select,.participant-input,.participation-input{width:100%!important}.add-article-container{padding:15px}.article-buttons{justify-content:space-between;width:100%}.publish-button,.review-button{width:100%}.dashboard-custom-images-grid{display:flex;flex-wrap:wrap;gap:15px}.dashboard-custom-images-item{height:80px;width:80px}.dashboard-custom-images-icon{height:40px;width:40px}.check-mark-parent{align-items:flex-start;flex-direction:column}.add-filter-button{width:100%!important}}@media screen and (max-width:768px){.loading-spinner{border-width:4px;height:40px;width:40px}.loading-text{font-size:14px}}.icon-button.delete{border:none;cursor:pointer;margin-left:6px}.history-title{align-self:stretch}.search-bar-cms{font-style:normal}.search-info{line-height:150%}.articles-history-container{align-items:flex-end;display:flex;flex-direction:column;gap:16px;width:100%}.articles-table{border-collapse:collapse;width:100%}.articles-table td,.articles-table th{background:var(--table);border:1px solid var(--Changing-Variables-Stroke-border);font-size:16px;font-weight:400;line-height:27px;padding:10.5px 16px;text-align:center}.articles-table th{background:var(--Changing-Variables-Faded-Bars);color:var(--Changing-Variables-Text-White);font-weight:500}.article-actions{align-items:center}.text-info{align-self:stretch;font-size:18px;font-weight:400;line-height:27px}@media screen and (max-width:768px){.articles-table td,.articles-table th{font-size:14px;padding:8px}.icon-button{font-size:1rem}}.articles-history-wrapper{color:#fff;display:flex;flex-direction:column;font-family:Tajawal,sans-serif;gap:16px;width:100%}.history-title{font-size:18px;font-weight:400;line-height:27px;text-align:right}.search-container{align-items:flex-end;display:flex;flex-direction:column;text-align:right;width:100%}.search-bar-cms{align-items:center;background:var(--Changing-Variables-Faded-Bars);border:1px solid var(--Changing-Variables-Stroke-border);border-radius:8px;color:var(--Changing-Variables-Icons);direction:ltr;display:flex;font-family:Tajawal;font-size:12px;font-weight:800;gap:10px;line-height:150%;padding:10.5px 16px;text-align:center;width:100%}.search-bar-cms::placeholder{color:var(--Changing-Variables-Icons);opacity:1}.search-info{color:var(--Changing-Variables-Text-White);font-size:12px;font-weight:500;margin-top:5px;text-align:right;width:100%}.articles-list{display:flex;flex-direction:column;gap:12px;width:100%}.article-item{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);width:100%}.article-info-box{background:var(--Changing-Variables-Faded-Bars);border:1px solid var(--Changing-Variables-Stroke-border);border-radius:8px;color:var(--Changing-Variables-Placeholders-and-Faded-Text);direction:ltr;font-size:14px;font-weight:400;line-height:27px;overflow:hidden;padding:10.5px 16px;text-align:center;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}.article-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.icon-button{background:none;border:none;color:var(--Changing-Variables-Icons);cursor:pointer;font-size:1.2rem;transition:.3s ease-in-out}.icon-button.view{color:#0f9d58}.icon-button.edit{color:#f4b400}.icon-button.approve{color:#2196f3}.icon-button.decline{color:#f44336}.icon-button.delete{background-color:#d9534f;border-radius:4px;color:#fff;padding:5px 8px}.icon-button.disabled{cursor:not-allowed;opacity:.5}.icon-button:hover{opacity:.8}.cms-icon{fill:var(--Changing-Variables-Icons);height:1.2rem;transition:fill .3s ease-in-out;width:1.2rem}body:not(.dark-mode) .cms-icon{fill:#4a1b4f}.icon-button:hover .cms-icon{fill:var(--Changing-Variables-Button-Text)}.no-data{color:var(--Changing-Variables-Placeholders-and-Faded-Text);font-size:16px;margin-top:10px;text-align:center;width:100%}.text-info{color:var(--Changing-Variables-Text-White);font-size:14px;font-weight:500;margin-top:16px;text-align:right}@media screen and (max-width:768px){.article-item{gap:8px;grid-template-columns:1fr}.article-actions,.article-info-box{justify-content:center;width:100%}.icon-button{font-size:1rem}}.dashboard-content{box-sizing:border-box;color:var(--Changing-Variables-Text-White);direction:rtl;font-family:Tajawal;margin-right:280px;margin-top:64px;min-height:calc(100vh - 64px);padding:30px 50px;text-align:right}.dashboard-content .dashboard-content{background:#0000;margin:0;min-height:auto;padding:0}@media screen and (max-width:1235px){.dashboard-content{margin-right:0;padding:80px 30px 30px;width:100%}}.dashboard-b,.dashboard-content-title{color:var(--Changing-Variables-Text-White);font-size:24px;font-weight:700;margin-bottom:20px}.dashboard-content-subtitle{color:var(--Changing-Variables-Text-White);font-size:18px;font-weight:700;margin-bottom:10px;margin-top:30px}.dashboard-content-title-input{background:#0000;border:none;border-bottom:2px solid #0000;color:#fff;font-size:24px;font-weight:700;margin-bottom:20px;outline:none;text-align:right;transition:border-bottom .3s;width:100%}.dashboard-content-title-input:focus{border-bottom:2px solid var(--Changing-Variables-Buttons)}.dashboard-content-description,.dashboard-content-input{background-color:#b3b3b380;border:2px solid #0000;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Tajawal;font-size:16px;margin-bottom:20px;padding:12px 16px;transition:border .3s ease;width:100%}.dashboard-content-description:focus,.dashboard-content-description:hover,.dashboard-content-input:focus,.dashboard-content-input:hover{background-color:#b3b3b3b3;border-color:var(--Changing-Variables-Buttons)}.dashboard-content-description{min-height:100px;overflow-y:hidden;resize:none;white-space:pre-wrap}.dashboard-character-carousel{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}.dashboard-character-item{align-items:center;background-color:#b3b3b380;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;position:relative;width:150px}.dashboard-character-item.upload:hover{background-color:#c8c8c880}.dashboard-character-image{border-radius:8px;height:100%;object-fit:contain;width:100%}.dashboard-delete-button{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;left:5px;padding:5px;position:absolute;top:5px}.dashboard-save-button{align-items:center;background-color:var(--Changing-Variables-Buttons);border:2px solid #0000;border-radius:10px;color:var(--Changing-Variables-Button-Text);cursor:pointer;display:flex;font-family:Poppins;font-size:20px;font-weight:700;justify-content:center;margin-top:40px;padding:12px 24px;transition:background .3s ease-in-out,color .3s ease-in-out}.dashboard-save-button:hover{background-color:var(--Changing-Variables-Button-Text);border:2px solid var(--Changing-Variables-Buttons);color:var(--Changing-Variables-Buttons)}.dashboard-save-button:hover .dashboard-icon{filter:brightness(0) invert(1)}.dashboard-social-platform{border:2px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px}.dashboard-social-header{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between}.dashboard-social-icon{height:40px;margin-right:10px;width:40px}.dashboard-social-name{color:var(--Changing-Variables-Text-White);font-size:18px;font-weight:700}.dashboard-delete-btn,.dashboard-toggle-btn{background:#0000;border-radius:8px;cursor:pointer;font-family:Tajawal;font-size:16px;padding:8px 16px;transition:background .3s ease-in-out}.dashboard-toggle-btn{border:2px solid var(--Changing-Variables-Buttons);color:var(--Changing-Variables-Text-White)}.dashboard-toggle-btn:hover{background-color:var(--Changing-Variables-Buttons)}.dashboard-delete-btn{border:2px solid red;color:red}.dashboard-delete-btn:hover{background-color:#ff00001a}.check-mark-parent{color:#fff;display:flex;font-size:18px;gap:15px;justify-content:flex-end;margin-top:15px}.check-mark-option{align-items:center;display:flex;gap:10px}.check-mark-icon{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.check-mark-option span{font-size:16px}.dashboard-navbar{direction:ltr;left:0;padding:0 24px}.navbar-toggle{background:var(--Changing-Variables-Buttons);border:none;border-radius:8px;color:var(--Changing-Variables-Button-Text);cursor:pointer;display:none;font-size:24px;padding:8px 16px}.dashboard-profile-container{align-items:center;display:flex;gap:16px}.dashboard-profile-avatar{border-radius:50%;height:36px;width:36px}.dashboard-profile-info{display:flex;flex-direction:column;font-family:Tajawal;text-align:left}.dashboard-profile-name{font-weight:700}.dashboard-profile-role{color:gray;font-size:12px}.notification-bell{cursor:pointer;font-size:20px;position:relative}.notification-bell-badge{background:red;border-radius:50%;height:10px;position:absolute;right:-5px;top:-5px;width:10px}.notification-center{background:#fff;border:1px solid #ddd;border-radius:8px;max-height:400px;overflow-y:auto;position:absolute;right:24px;top:70px;width:300px;z-index:1100}.notification-center-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.notification-list{padding:12px}.notification-item{direction:rtl;font-size:14px;margin-bottom:12px}.notification-type{font-weight:700}.notification-time{color:gray;font-size:12px}.dashboard-nav-links{display:flex;gap:20px}.dashboard-nav-links.open{animation:fadeIn .3s ease-in-out;background:var(--Changing-Variables-Stroke-White);border-radius:8px;box-shadow:0 0 8px #0000001a;display:flex;flex-direction:column;left:16px;padding:16px;position:absolute;top:64px;z-index:999}.dashboard-nav-item{border-radius:8px;padding:6px 12px;position:relative}.dashboard-nav-item:hover{background-color:var(--Changing-Variables-Faded-Bars)}.dashboard-nav-item.active{background-color:var(--Changing-Variables-Buttons)}.notification-badge{background:red;border-radius:12px;color:#fff;font-size:10px;margin-right:6px;padding:2px 6px}@media (max-width:1235px){.navbar-toggle{display:block}.dashboard-profile-container{align-items:center;flex-direction:row;gap:12px;justify-content:center;margin:0 auto;width:100%}.dashboard-profile-info{align-items:center;text-align:center}.notification-bell{margin-left:8px}.dashboard-nav-links{display:none!important}.dashboard-nav-links.open{animation:slideDown .3s ease-in-out;background:var(--Changing-Variables-Stroke-White);border-top:1px solid #ddd;box-shadow:0 2px 6px #0000001a;direction:rtl;display:flex!important;flex-direction:column-reverse;left:0;padding:16px;position:absolute;right:0;top:64px;z-index:999}.notification-center{left:auto;right:16px}}.dashboard-nav-links.open{animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-navbar{align-items:center;background:var(--Changing-Variables-Stroke-White);border-bottom:1px solid var(--Changing-Variables-Stroke-border);display:flex;height:64px;justify-content:space-between;padding:23px 32px;position:fixed;top:0;width:100%;z-index:1000}.dashboard-nav-item{color:var(--Changing-Variables-Text-White);cursor:pointer;font-family:Tajawal;font-size:14px;padding:4px 8px}.dashboard-nav-item.active{background:var(--Changing-Variables-Buttons);border-radius:8px;color:var(--Changing-Variables-Button-Text);font-weight:700}.preloader{background-color:#3131b1;background-position:50%;background-repeat:no-repeat;height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity 1s;width:100%;z-index:999999}.preloader.loaded{opacity:0;visibility:hidden}.preloader .spinner_wrap{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:33333}.preloader .spinner{animation:sk-rotateplane 1.2s ease-in-out infinite;background-color:#fffc;height:50px;width:50px}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}#countdown{background-color:#ffffff1a;display:inline-block;margin:auto;padding:10px;text-align:center;width:250px}#countdown .box{border-right:1px solid #fff3;padding:10px}#countdown .col-4:last-child .box{border-right-color:#0000}#countdown .box p{font-size:20px;font-weight:700;margin:0}#countdown .box .text{font-family:sans-serif;font-size:12px}@media (min-width:768px){.container{width:1100px}h1{font-size:58px}#countdown{padding:20px;width:350px}}.optin{margin-top:8%}.optin p{font-size:14px;font-weight:100}.optin button{background-color:#ffffff1a;border:2px solid #0000;color:#fff;cursor:pointer;font-family:Roboto Condensed,sans-serif;padding:6px 22px;text-transform:uppercase}.optin button:hover{border-color:#ffffff4d}#modal{background:#fff;box-shadow:0 7px 2px #444;left:30%;opacity:0;position:fixed;top:100px;transition:opacity 1s;width:500px;z-index:99999}#modal .wrapper{color:#444;padding:30px;text-align:center}.notfound-page{background-image:url(https://images.unsplash.com/photo-1508389377389-b8221c0bcc9e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);background-position:top top;background-size:cover;color:#fff;font-family:Roboto Condensed,sans-serif;margin:0}.notfound-page .App{background:#3131b1;background:linear-gradient(0deg,#3131b1,#3131b1 50%,#3131b199);bottom:0;left:0;position:fixed;right:0;text-align:center;top:0}.notfound-page .container{margin:15% auto;width:100%}.notfound-page .col-4{float:left;width:25%}.notfound-page h1{font-size:38px;line-height:1;text-transform:uppercase}@media (min-width:768px){.notfound-page .container{width:1100px}.notfound-page h1{font-size:58px}}:root{--Changing-Variables-Stroke-White:#121212;--Changing-Variables-line-White:#fff;--Changing-Variables-Stroke-border:#fff;--Changing-Variables-Stroke-Button:#fff;--Changing-Variables-Buttons:#fff;--Changing-Variables-Button-Text:#4a1b4f;--Changing-Variables-Faded-Bars:#32323280;--Changing-Variables-Placeholders-and-Faded-Text:#b3b3b3;--Changing-Variables-Text-White:#fff;--Changing-Variables-side-menu:#fff;--Changing-Variables-Icons:#fff;--table:#32323280;--sb-track-color:#b3b3b380;--sb-thumb-color:#fff}body:not(.dark-mode){--sb-track-color:#b3b3b380;--sb-thumb-color:#4a1b4f;--Changing-Variables-Stroke-White:#fff;--Changing-Variables-line-White:#4a1b4f;--Changing-Variables-Stroke-border:#4a1b4f;--Changing-Variables-Stroke-Button:#121212;--Changing-Variables-Buttons:#4a1b4f;--Changing-Variables-Button-Text:#fff;--Changing-Variables-Faded-Bars:#b3b3b380;--Changing-Variables-Placeholders-and-Faded-Text:#777;--Changing-Variables-Icons:#121212;--Changing-Variables-Text-White:#4a1b4f;--Changing-Variables-side-menu:#4a1b4f;--Changing-Variables-Icons:#4a1b4f;--table:rgba(65,119,133,.788)}body{--sb-size:8px}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:#b3b3b380;background:var(--sb-track-color);border-radius:12px}body::-webkit-scrollbar-thumb{background:#fff;background:var(--sb-thumb-color);border:1px solid #7743d0;border-radius:12px}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:#fff #b3b3b380;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.tajawal-extralight{font-weight:200}.tajawal-extralight,.tajawal-light{font-family:Tajawal,serif;font-style:normal}.tajawal-light{font-weight:300}.tajawal-regular{font-weight:400}.tajawal-medium,.tajawal-regular{font-family:Tajawal,serif;font-style:normal}.tajawal-medium{font-weight:500}.tajawal-bold{font-weight:700}.tajawal-bold,.tajawal-extrabold{font-family:Tajawal,serif;font-style:normal}.tajawal-extrabold{font-weight:800}.loading-screen{align-items:center;color:#555;display:flex;font-size:1.2rem;justify-content:center;min-height:80vh}.tajawal-black{font-family:Tajawal,serif;font-style:normal;font-weight:900}body,html{height:auto;margin:0;overflow-x:hidden;padding:0}.tox-tinymce-aux{position:absolute!important;z-index:1001!important}#editor-toolbar-container{position:relative;z-index:1002}body.allow-scroll{overflow-y:auto}body.no-scroll{overflow-y:hidden}#root{display:flex;flex-direction:column;min-height:100%}html{scroll-behavior:smooth}.search-results-section{background-color:var(--Changing-Variables-Stroke-White);min-height:100vh;padding:40px}.search-results-section,.search-title{color:var(--Changing-Variables-Text-White)}.search-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin-bottom:30px;text-align:center}.articles-page-category-buttons{display:flex;gap:10px;justify-content:flex-end;margin-bottom:30px}.category-button{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:var(--Changing-Variables-Buttons);cursor:pointer;display:flex;font-family:Tajawal;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:5px 10px;transition:all .3s ease}.category-button.active,.category-button:hover{background-color:var(--Changing-Variables-Buttons);color:var(--Changing-Variables-Button-Text)}.articles-page-tags{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.articles-page-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);justify-content:center;margin-top:50px;padding:0 180px}.article-card-custom{align-items:center;background:linear-gradient(180deg,#0003 50%,#000c 66.27%),var(--Changing-Variables-Faded-Bars);border-radius:8px;box-shadow:0 4px 10px #00000080;display:flex;flex-direction:column;flex-shrink:0;height:450px;justify-content:flex-end;overflow:hidden;position:relative;transition:transform .3s ease-in-out;width:300px}.article-card-custom:hover{transform:scale(1.05)}.article-card-custom-content{flex-direction:column;gap:8px;margin-left:auto;margin-right:auto;padding:20px;z-index:1}.article-card-custom-content,.article-tag-custom{align-items:center;display:flex;text-align:center}.article-tag-custom{background:#4a1b4f;background:var(--Primary,#4a1b4f);border-radius:16px;color:#fff;font-family:Poppins;font-size:10px;font-weight:700;gap:10px;padding:0 24px;width:92px}.article-tag-custom.breaking{background:#f9f871;color:#121212;color:var(--Dark,#121212)}.article-tag-custom.common,.article-tag-custom.latest{background:#fff;color:#4a1b4f;color:var(--Primary,#4a1b4f)}.article-card-custom-title{color:#fff;font-family:Poppins;font-size:18px;font-weight:700;line-height:1.4}.article-card-custom-description{color:#ccc;direction:rtl;font-family:Poppins;font-size:18px;font-weight:400;margin:0}.article-date{font-family:Poppins;font-size:10px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:auto;text-align:center}.article-stats-custom{align-items:center;border-radius:16px;display:flex;justify-content:space-between;margin-top:auto;padding:0 16px;width:100%}.article-stats-custom .article-comments,.article-stats-custom .article-likes{align-items:center;color:#b3b3b3;display:flex;font-family:Poppins;font-size:14px;font-weight:400;gap:8px}.article-stats-custom img{height:15px;width:15px}.article-card-custom-image-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.article-card-custom-image{height:100%;object-fit:cover;width:100%}.article-card-custom-link{color:inherit;text-decoration:none}.loading-screen{color:var(--Changing-Variables-Text-White);font-size:16px;font-weight:500;padding:40px 0;text-align:center}@media (max-width:768px){.search-title{font-size:20px}.category-button{font-size:12px;padding:4px 12px}.article-card-custom-title{font-size:14px}.article-card-custom-description{font-size:12px}.articles-page-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0 20px}}
/*# sourceMappingURL=main.8990d91a.css.map*/