@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";footer{margin-top:auto}footer .container{font-size:19px;text-align:center;padding:5px 0}footer .container span.heart{margin:0 3px}footer .container span.heart *{fill:var(--red)}footer .container span.colored{color:var(--active-color)}.preloader[data-v-a2736f14]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--back-color);z-index:99999;display:flex;justify-content:center;align-items:center}.preloader .loader[data-v-a2736f14]{--s: 25px;--g: 5px;width:calc(3 * (1.353 * var(--s) + var(--g)));display:grid;justify-items:end;aspect-ratio:3;overflow:hidden;--_m: linear-gradient(90deg, #0000, #000 15px calc(100% - 15px) , #0000);-webkit-mask:var(--_m);mask:var(--_m)}.preloader .loader[data-v-a2736f14]:before{content:"";width:200%;background:linear-gradient(90deg,var(--active-color) 50%,rgba(0,0,0,0) 0),conic-gradient(from -90deg at var(--s) calc(.353 * var(--s)),#fff 135deg,#666 0 270deg,#aaa 0);background-blend-mode:multiply;--_m: linear-gradient( to bottom right, #0000 calc(.25 * var(--s)), #000 0 calc(100% - calc(.25 * var(--s)) - 1.414 * var(--g)), #0000 0 ), conic-gradient(from -90deg at right var(--g) bottom var(--g), #000 90deg, #0000 0);-webkit-mask:var(--_m);mask:var(--_m);background-size:33.3333333333% 100%,16.6666666667% 100%;-webkit-mask-size:16.6666666667% 100%;mask-size:16.6666666667% 100%;-webkit-mask-composite:source-in;mask-composite:intersect;animation:l10-a2736f14 1s infinite linear}@keyframes l10-a2736f14{to{transform:translate(33.3333333333%)}}.nav-bar{position:sticky;top:0;left:0;width:100%;height:60px;padding:15px 0;z-index:99;transition:transform .3s}.nav-bar{background-color:var(--back-color);box-shadow:0 0 6px 0 var(--active-color);display:flex;align-items:center}.nav-bar .container{display:flex;align-items:center;justify-content:space-between}.nav-bar .container .routes{display:flex;font-size:20px;flex:1;justify-content:center;background-color:inherit}.nav-bar .container .routes .route{background-color:inherit}.nav-bar .container .routes .route a{background-color:inherit;padding:0 10px;transition:color .3s,font-weight .3s;-webkit-user-select:none;user-select:none;text-transform:capitalize}.nav-bar .container .routes .route a.router-link-active,.nav-bar .container .routes .route a:hover{font-weight:700;color:var(--active-color)}.nav-bar .container .togglers{display:flex;justify-content:center;align-items:center;gap:20px;background-color:inherit}.nav-bar .container .togglers .theme-toggler{width:80px;height:40px;padding:3px;background-color:var(--back-color);box-shadow:0 0 5px 1px var(--active-color);border:1px solid var(--active-color);display:flex;align-items:center;border-radius:30px;position:relative;cursor:pointer}.nav-bar .container .togglers .theme-toggler .ball{height:33px;width:33px;background-color:var(--active-color);border-radius:50%;z-index:1;transition:.3s}.nav-bar .container .togglers .theme-toggler .theme-icons{width:100%;position:absolute;top:50%;left:0;display:flex;justify-content:center;align-items:center;z-index:0;background-color:transparent;gap:9px;-webkit-user-select:none;user-select:none;transform:translateY(-50%)}.nav-bar .container .togglers .theme-toggler .theme-icons div{background-color:transparent;font-size:25px;margin-top:-1px}.nav-bar .container .togglers .languge-toggler{position:relative;height:45px;width:45px;transform:rotateX(180deg);transform-style:preserve-3d;transform-origin:center center;transition:transform .3s;display:flex;justify-content:center;align-items:center;cursor:pointer}.nav-bar .container .togglers .languge-toggler div{position:absolute;transform:scale(1.4);backface-visibility:hidden;display:flex;justify-content:center;align-items:center}.nav-bar .container .togglers .languge-toggler div:nth-child(1){transform:rotateX(180deg) scale(1.4)}@media (max-width: 575px){.nav-bar.desktop{display:none}.nav-bar.mobile{display:flex}.nav-bar.mobile .container{justify-content:end}.nav-bar.mobile .menu-icon{height:40px;width:40px;padding:6px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.nav-bar.mobile .menu-icon span{width:100%;height:4px;background-color:var(--active-color);border-radius:20px}.nav-bar.mobile .menu{width:100%;height:100vh;background-color:var(--back-color);position:fixed;top:0;left:0;z-index:99;transform:scaleX(0);transform-origin:right;transition:transform .5s calc(var(--7ccdde9f) * .3s)}.nav-bar.mobile .menu .container{display:block;justify-content:center;align-items:center;position:relative;margin:0;padding:0}.nav-bar.mobile .menu .container p.close{width:fit-content;position:fixed;top:10px;right:28px;background:none;scale:0;transition:scale .3s calc(var(--i) * .3s + .3s)}.nav-bar.mobile .menu .container p.close svg,.nav-bar.mobile .menu .container p.close *{fill:var(--active-color);cursor:pointer;width:40px;height:40px;transition:.3s}.nav-bar.mobile .menu .container .routes{flex-direction:column;justify-content:center;align-items:center;margin-top:25%}.nav-bar.mobile .menu .container .routes .route{width:100%}.nav-bar.mobile .menu .container .routes .route a{padding:10px;font-size:30px;text-align:center;display:block;width:100%;opacity:0;transform:translateY(10px);transition:color .3s,background-color .3s,font-weight .3s,transform .3s calc(var(--i) * .3s),opacity .3s calc(var(--i) * .3s)}.nav-bar.mobile .menu .container .routes .route a.router-link-active,.nav-bar.mobile .menu .container .routes .route a:hover{background-color:var(--active-color);color:var(--back-color)}.nav-bar.mobile .menu.active{transform-origin:left;transform:scaleX(1);transition:transform .5s}.nav-bar.mobile .menu.active .container .routes .route a{transform:translateY(0);opacity:1}.nav-bar.mobile .menu.active .container p{scale:1;transition:scale .3s .3s}}@media (min-width: 576px){.nav-bar.mobile{display:none}.nav-bar.desktop{display:flex}.nav-bar.desktop .route a{position:relative;display:block}.nav-bar.desktop .route a:before{content:"";transform-origin:right;transition:transform .5s linear;position:absolute;bottom:0;left:0;right:0;width:100%;height:3px;border-radius:50px;background-color:var(--active-color);transform:scaleX(0)}.nav-bar.desktop .route a:hover:before{transition:transform .3s linear;transform-origin:left;transform:scaleX(1)}}.whats-app{cursor:pointer;position:fixed;bottom:20px;right:30px;z-index:20;animation:whats-app 3s infinite linear alternate;background-color:transparent;transition:.3s}.whats-app a{background-color:inherit}.whats-app a img{background-color:inherit;width:100%;text-shadow:0 0 red;filter:drop-shadow(0 0 10px var(--text-color))}.whats-app:hover{transform:scale(1.3);animation:none}.whats-app:hover img{filter:none}@keyframes whats-app{0%{scale:1}66%{scale:1}to{scale:1.2}}:root{--active-color: #00bcd4}body{background-color:var(--back-color);overflow:hidden;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}*{margin:0;box-sizing:border-box;padding:0;font-family:Cairo,sans-serif;font-optical-sizing:auto;font-variation-settings:"slnt" 0;background-color:inherit;color:var(--text-color);text-decoration:none;-webkit-tap-highlight-color:transparent}.tr{background-color:transparent}.pattern{padding:40px 0;overflow:hidden;position:relative;background-color:transparent;z-index:1}.pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--text-color) 1px,transparent 1px),linear-gradient(to right,var(--text-color) 1px,transparent 1px);background-size:30px 30px;background-position:center;opacity:.1;z-index:-1;background-attachment:fixed}::selection{background-color:var(--text-color);color:var(--back-color)}.container{width:100%;padding-right:20px;padding-left:20px;margin:0 auto;background-color:transparent}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.route-enter-from{transform:translateY(-100px);opacity:0}.route-enter-active,.route-leave-active{transition:all .3s ease}.route-leave-to{transform:translateY(100px);opacity:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--back-color)}::-webkit-scrollbar-thumb{background:var(--active-color);border-radius:3px}
