.Loding{position:fixed;top:0;left:0;padding:20px;z-index:9999;background-color:var(--main-color);height:100vh}.Loding,.Loding .box-content{width:100%;display:flex;justify-content:center;align-items:center}.Loding .box-content{position:relative;height:40px;color:var(--white-color);text-transform:uppercase;font-size:40px}.Loding .box-content span{position:relative;animation:filps 1.1s ease-in-out alternate}.Loding .box-content span:first-child{animation-delay:.1s}.Loding .box-content span:nth-child(2){animation-delay:.2s}.Loding .box-content span:nth-child(3){animation-delay:.3s}.Loding .box-content span:nth-child(4){animation-delay:.4s}.Loding .box-content span:nth-child(5){animation-delay:.5s}.Loding .box-content span:nth-child(6){animation-delay:.6s}.Loding .box-content span:nth-child(7){animation-delay:.7s}.Loding .box-content span:nth-child(8){animation-delay:.8s}.Loding .box-content span:nth-child(9){animation-delay:.9s}.Loding .box-content span:nth-child(13){animation-delay:1s}@keyframes filps{0%{transform:rotateY(0deg) scale(1)}50%{transform:rotateY(180deg) scale(1.5);color:var( --orange-color)}to{transform:rotateY(0deg) scale(1)}}.Loding .box-content .m{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;align-self:flex-end;width:15px;height:50px;background-color:var( --orange-color);box-shadow:5px 5px 5px var( --orange-color);animation:music 1s ease-in-out infinite alternate}.Loding .box-content .m.m-1{animation-delay:0s}.Loding .box-content .m.m-2{animation-delay:.7s}.Loding .box-content .m.m-3{animation-delay:0s}@keyframes music{0%{height:55px}50%{height:10px}to{height:50px}}.MainHeader{position:sticky;top:0;width:100%;z-index:999;background:var(--main-color)}.MainHeader .container{position:relative;display:flex;flex-direction:column}.MainHeader .container .HeaderContent{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0}.MainHeader .container .HeaderContent .logo{position:relative;width:200px;min-width:100px;height:25px}.MainHeader .container .HeaderContent .logo img{position:relative;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.MainHeader .HeaderContent .NavLinksContent{position:relative;display:flex;align-items:center;gap:5px;border-radius:50px;transition:var(--main-transition)}@media (max-width:1300px){.MainHeader .HeaderContent .NavLinksContent{position:fixed;top:0;flex-direction:column;gap:15px;width:300px;height:100vh;justify-content:center;z-index:99;background-color:var(--second-color);padding:10px}.MainHeader .HeaderContent .NavLinksContent.en{left:-300px;border-radius:0}.MainHeader .HeaderContent .NavLinksContent.ar{right:-300px;border-radius:0}.MainHeader .HeaderContent .NavLinksContent.en.active{left:0}.MainHeader .HeaderContent .NavLinksContent.ar.active{right:0}}.MainHeader .HeaderContent .NavLinksContent li a{position:relative;display:flex;padding:12px 15px;justify-content:center;align-items:center;gap:10px;border-radius:24px;text-transform:uppercase;color:var(--gray-color);font-size:13px;font-weight:500;transition:var(--main-transition)}.MainHeader .HeaderContent .NavLinksContent li.SearchInput{display:none}@media (max-width:1300px){.MainHeader .HeaderContent .NavLinksContent li.SearchInput{display:flex}.MainHeader .HeaderContent .NavLinksContent li{width:100%}.MainHeader .HeaderContent .NavLinksContent li a{padding:15px;background:var(--main-color)}}.MainHeader .HeaderContent .NavLinksContent li a.active,.MainHeader .HeaderContent .NavLinksContent li a:hover{position:relative;color:var(--white-color)}.MainHeader .HeaderContent .UserActions{position:relative;display:flex;align-items:center;gap:15px}.MainHeader .HeaderContent .SearchBox{position:relative;display:flex;align-items:center;gap:10px;width:328px;max-width:100%;padding:10px 15px;border-radius:50px;border:none;background-color:#ffffff1c}@media (max-width:1300px){.MainHeader .HeaderContent .UserActions .SearchBox{display:none}}.MainHeader .HeaderContent .SearchBox input{position:relative;width:100%;background-color:transparent;border:0;outline:0;color:var(--white-color);font-size:12px;font-weight:400}.MainHeader .HeaderContent .SearchBox input::-moz-placeholder{color:var(--gray-color)}.MainHeader .HeaderContent .SearchBox input::placeholder{color:var(--gray-color)}.MainHeader .HeaderContent .SearchBox input:-webkit-autofill{-webkit-text-fill-color:var(--White-50);-webkit-box-shadow:0 0 0 30px var(--violet-500) inset!important}.MainHeader .HeaderContent .UserActions .User{position:relative}.MainHeader .HeaderContent .UserActions .User .UserBtn{position:relative;width:41px;height:41px;overflow:hidden;border-radius:10px;cursor:pointer}.MainHeader .HeaderContent .UserActions .User .UserBtn img{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-shadow:0 6px 4px 0 #00000040}.MainHeader .HeaderContent .UserActions .User .UserActions{position:absolute;top:110%;display:flex;flex-direction:column;gap:5px;border-radius:10px;background:var(--main-color);-webkit-backdrop-filter:blur(10.199999809265137px);backdrop-filter:blur(10.199999809265137px);border-bottom:1px solid #ffffff1a;padding:0;z-index:99;height:0;overflow:hidden;opacity:0;transition:var(--main-transition)}.MainHeader .HeaderContent .UserActions .User .UserActions.active{opacity:1;height:auto;padding:5px}.MainHeader .HeaderContent .UserActions .User .UserActions.en{right:0}.MainHeader .HeaderContent .UserActions .User .UserActions.ar{left:0}.MainHeader .HeaderContent .UserActions .User .UserActions li{position:relative;width:100%}.MainHeader .HeaderContent .UserActions .User .UserActions li .UserMenuDrop{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:50px;background:var(--violet-500);padding:5px;width:100%;cursor:pointer;border:0}.MainHeader .HeaderContent .UserActions .User .UserActions li .IconContainer{position:relative;display:flex;align-items:center;gap:10px}.MainHeader .HeaderContent .UserActions li .IconContainer span{position:relative;display:flex;text-wrap:nowrap;color:var(--gray-color);font-size:14px;font-weight:700}.MainHeader .HeaderContent .UserActions li .IconContainer:hover span{color:var(--white-color)}.MainHeader .HeaderContent .UserActions li .IconContainer .icon{position:relative;width:25px;height:25px;display:flex;justify-content:center;align-items:center;padding:3px}.MainHeader .HeaderContent .UserActions li .IconContainer:hover svg path{fill:var(--white-color)}.MainHeader .HeaderContent .UserActions li .ArrowRightSection{position:relative;width:30px;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding-inline-end:5px}.MainHeader .HeaderContent .UserActions li .ArrowRightSection svg{width:15px;height:auto}.MainHeader .HeaderContent .UserActions li .ArrowRightSection path{fill:var(--violet-300)}.MainHeader .HeaderContent .Menu{position:relative;display:none}@media (max-width:1300px){.MainHeader .HeaderContent .Menu{display:flex}}.MainHeader .HeaderContent .Menu .MenuBtn{position:relative;display:flex;padding:10px;align-items:center;border-radius:10px;background:var(--second-color);cursor:pointer}.MainHeader .HeaderContent .Menu .MenuBtn svg{width:30px;height:30px}.MainHeader .HeaderContent .Menu .MenuBtn svg path{fill:var(--white-color)!important;stroke:var(--white-color)!important}