@import url(https://fonts.googleapis.com/css2?family=Tajawal&display=swap);header[data-v-ab3d3ae4]{background-color:#fff;padding:0 25px;box-shadow:0 4px 6px -3px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}header .link[data-v-ab3d3ae4]{font-weight:500;padding:0 8px;transition:color .3s ease}header .link[data-v-ab3d3ae4]:hover{color:#1eb8b8}header nav[data-v-ab3d3ae4]{display:flex;padding:25px 0}header nav .branding[data-v-ab3d3ae4]{display:flex;padding:0 10px 0 0}header nav .branding .header[data-v-ab3d3ae4]{font-weight:600;font-size:34px;color:#000;text-decoration:none}header nav .nav-links[data-v-ab3d3ae4]{position:relative;display:flex;align-items:center;justify-content:flex-end;flex:1;font-size:19px}header nav .nav-links ul[data-v-ab3d3ae4]{margin-left:32px}header nav .nav-links ul .link[data-v-ab3d3ae4]{margin-right:32px}header nav .nav-links ul .link[data-v-ab3d3ae4]:last-child{margin-left:0}header .menu__icon[data-v-ab3d3ae4]{cursor:pointer;position:absolute;top:39px;left:25px;height:25px;width:auto}header .mobile-nav[data-v-ab3d3ae4]{padding:20px;width:70%;max-width:250px;display:flex;flex-direction:column;position:fixed;height:100%;background-color:#303030;top:0;right:0;z-index:10}header .mobile-nav .link[data-v-ab3d3ae4]{padding:15px 0;color:#fff;font-weight:600;font-size:19px}header .mobile-navo-enter-active[data-v-ab3d3ae4],header .mobile-navo-leave-active[data-v-ab3d3ae4]{transition:all .5s ease}header .mobile-navo-enter[data-v-ab3d3ae4]{transform:translateX(250px)}header .mobile-navo-enter-to[data-v-ab3d3ae4]{transform:translateX(0)}header .mobile-navo-leave-to[data-v-ab3d3ae4]{transform:translateX(250px)}header .profile[data-v-ab3d3ae4]{font-size:17px}header .profile .init[data-v-ab3d3ae4]{background-color:#303030;color:#fff;padding:10px;width:60px;height:60px;overflow:hidden;border-radius:50%;text-transform:uppercase;cursor:pointer;font-size:23px;display:flex;justify-content:center;align-items:center}@media (max-width:750px){header .profile .init[data-v-ab3d3ae4]{position:relative;left:40px;font-size:23px}}header .profile .arrow[data-v-ab3d3ae4]{position:absolute;left:10px;top:-10px;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:10px solid #303030}header .profile .profile__menu[data-v-ab3d3ae4]{display:flex;flex-direction:column;background-color:#303030;color:#fff;direction:ltr;min-width:250px;word-break:break-all;height:auto;position:absolute;left:-2px;top:70px;z-index:9}@media (max-width:750px){header .profile .profile__menu[data-v-ab3d3ae4]{left:40px;min-width:0;width:270px}}header .profile .profile__menu .section1[data-v-ab3d3ae4]{display:flex;align-items:center;padding:20px;width:100%}header .profile .profile__menu .intials[data-v-ab3d3ae4]{background-color:#fff;color:#303030;padding:10px;width:80px;height:80px;overflow:hidden;border-radius:50%;text-transform:uppercase;font-size:18px;word-break:keep-all;min-width:47px;display:flex;justify-content:center;align-items:center;font-size:32px}@media (max-width:750px){header .profile .profile__menu .intials[data-v-ab3d3ae4]{font-size:18px;padding:10px}}header .profile .profile__menu .right[data-v-ab3d3ae4]{padding-left:30px}header .profile .profile__menu .options[data-v-ab3d3ae4]{display:flex;flex-direction:column;margin:18px;direction:rtl}header .profile .profile__menu .options .option[data-v-ab3d3ae4]{display:flex;justify-content:right;color:#fff;text-decoration:none;width:100%}header .profile .profile__menu .options .option p[data-v-ab3d3ae4]{text-transform:capitalize;padding-right:15px;cursor:pointer}header .profile .profile__menu .options .icon[data-v-ab3d3ae4]{width:20px}.option[data-v-ab3d3ae4]:first-child,.option[data-v-ab3d3ae4]:nth-child(2){margin-bottom:10px}footer[data-v-58cc11a2]{margin-top:auto;padding:100px 25px;background-color:#303030}footer .container[data-v-58cc11a2]{display:flex;flex-direction:column;gap:32px}@media (min-width:800px){footer .container[data-v-58cc11a2]{flex-direction:row;gap:0}}footer .container>div[data-v-58cc11a2]{display:flex;flex:1}footer .container .left[data-v-58cc11a2]{gap:32px;color:#fff;display:flex;flex-direction:column;align-items:center}@media (min-width:800px){footer .container .left[data-v-58cc11a2]{flex-direction:row;align-items:normal;gap:0}}footer .container .left .header[data-v-58cc11a2]{text-align:center;font-size:34px;color:#fff;margin-bottom:16px;text-decoration:none;font-weight:600}@media (min-width:800px){footer .container .left .header[data-v-58cc11a2]{text-align:initial}}footer .container .left ul[data-v-58cc11a2]{gap:16px;list-style:none;display:flex}footer .container .left .col-1[data-v-58cc11a2],footer .container .left .col-2[data-v-58cc11a2]{gap:32px;display:flex;flex:1}@media (min-width:800px){footer .container .left .col-1[data-v-58cc11a2],footer .container .left .col-2[data-v-58cc11a2]{gap:0}}footer .container .left .col-1[data-v-58cc11a2]{flex-direction:column}footer .container .left .col-1 h2[data-v-58cc11a2]{text-align:center}@media (min-width:800px){footer .container .left .col-1 h2[data-v-58cc11a2]{text-align:initial}}footer .container .left .col-1 ul[data-v-58cc11a2]{margin-top:auto}footer .container .left .col-1 ul li[data-v-58cc11a2]{display:flex;align-items:center}footer .container .left .col-1 ul li .svg-icon[data-v-58cc11a2]{width:24px;height:auto;color:#fff}footer .container .left .col-2 ul[data-v-58cc11a2]{height:100%;justify-content:center;flex-direction:row;flex-wrap:wrap}@media (min-width:800px){footer .container .left .col-2 ul[data-v-58cc11a2]{flex-direction:column}}footer .container .left .col-2 ul .link[data-v-58cc11a2]{font-size:19px;font-weight:500;color:#fff;text-decoration:none}footer .container .right[data-v-58cc11a2]{gap:32px;color:#fff;align-items:center;flex-direction:column}@media (min-width:800px){footer .container .right[data-v-58cc11a2]{align-items:flex-end;gap:0}}footer .container p[data-v-58cc11a2]{margin-top:auto}*{margin:0;padding:0;box-sizing:border-box;font-family:Tajawal,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh;direction:rtl}.container{max-width:1440px;margin:0 auto}.link{cursor:pointer;text-decoration:none;text-transform:uppercase;color:#000}.link-light{color:#fff}.arrow{margin-right:8px;width:25px}.arrow path{fill:#000}.arrow-light path{fill:#fff}.blog__card__wrap{position:relative;padding:80px 16px;background-color:#f1f1f1}@media (min-width:500px){.blog__card__wrap{padding:100px 16px}}.blog__card__wrap .blog__cards{display:grid;gap:32px;grid-template-columns:1fr}@media (min-width:500px){.blog__card__wrap .blog__cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.blog__card__wrap .blog__cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.blog__card__wrap .blog__cards{grid-template-columns:repeat(4,1fr)}}.error{text-align:center;color:red;font-size:15px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#303030;border-radius:30px}::-webkit-scrollbar-thumb:hover{background:#3d3d3d}.blog__wrapper[data-v-05c6e01f]{display:flex;flex-direction:column;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (min-width:700px){.blog__wrapper[data-v-05c6e01f]{min-height:650px;max-height:650px;flex-direction:row}}.blog__wrapper .blog__content[data-v-05c6e01f]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:4;order:2}@media (min-width:700px){.blog__wrapper .blog__content[data-v-05c6e01f]{order:1}}@media (min-width:800px){.blog__wrapper .blog__content[data-v-05c6e01f]{flex:3}}.blog__wrapper .blog__content div[data-v-05c6e01f]{max-width:375px;padding:72px 24px}@media (min-width:700px){.blog__wrapper .blog__content div[data-v-05c6e01f]{padding:0 24px}}.blog__wrapper .blog__content div h2[data-v-05c6e01f]{font-size:32px;font-weight:300;text-transform:uppercase;margin-bottom:24px}@media (min-width:700px){.blog__wrapper .blog__content div h2[data-v-05c6e01f]{font-size:43px}}.blog__wrapper .blog__content div p[data-v-05c6e01f]{font-size:21px;font-weight:300;line-height:1.7}.blog__wrapper .blog__content div .content__preview[data-v-05c6e01f]{font-size:21px;max-height:35px;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog__wrapper .blog__content div .link[data-v-05c6e01f]{display:inline-flex;align-items:center;margin-top:32px;padding-bottom:4px;border-bottom:1px solid transparent;transition:all .5s ease-in;font-size:19px}.blog__wrapper .blog__content div .link[data-v-05c6e01f]:hover{border-bottom-color:#303030}.blog__wrapper .blog__content div .link-light[data-v-05c6e01f]:hover{border-bottom-color:#fff}.blog__wrapper .blog__photo[data-v-05c6e01f]{order:1;flex:3;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (min-width:700px){.blog__wrapper .blog__photo[data-v-05c6e01f]{order:2}}@media (min-width:800px){.blog__wrapper .blog__photo[data-v-05c6e01f]{flex:3}}.blog__wrapper .blog__photo img[data-v-05c6e01f]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog__wrapper:nth-child(2n) .blog__content[data-v-05c6e01f]{order:2}.blog__wrapper:nth-child(2n) .blog__photo[data-v-05c6e01f]{order:1}.blog__card[data-v-1f24e919]{position:relative;cursor:pointer;display:flex;flex-direction:column;min-height:420px;transition:all .5s ease;border-radius:0 0 8px 8px}.blog__card[data-v-1f24e919]:hover{transform:rotate(-1deg) scale(1.01);box-shadow:0 2px 4px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.blog__card .icons[data-v-1f24e919]{display:flex;position:absolute;top:10px;z-index:99}.blog__card .icons .icon[data-v-1f24e919]{display:flex;justify-content:center;align-items:center;width:33px;height:33px;border-radius:50%;background-color:#fff;margin:5px}.blog__card .icons .icon[data-v-1f24e919]:hover{background-color:#303030}.blog__card .icons .icon:hover .delete path[data-v-1f24e919],.blog__card .icons .icon:hover .edit path[data-v-1f24e919]{fill:#fff}.blog__card .icons .icon[data-v-1f24e919]:first-child{margin-right:8px}.blog__card .icons .icon .delete[data-v-1f24e919],.blog__card .icons .icon .edit[data-v-1f24e919]{pointer-events:none;height:15px;width:auto}.blog__card img[data-v-1f24e919]{display:block;border-radius:8px 8px 0 0;z-index:1;width:100%;min-height:200px;-o-object-fit:cover;object-fit:cover}.blog__card .info[data-v-1f24e919]{display:flex;flex-direction:column;height:100%;z-index:3;padding:32px 50px;color:#000}.blog__card .info h4[data-v-1f24e919]{padding-bottom:8px;font-size:23px;font-weight:300}.blog__card .info h6[data-v-1f24e919]{font-weight:400;font-size:15px;padding-bottom:16px}.blog__card .info .link[data-v-1f24e919]{display:inline-flex;align-items:center;margin-top:auto;font-weight:500;padding-top:20px;font-size:14px;padding-bottom:4px;transition:all .5s ease-in}.blog__card .info .link[data-v-1f24e919]:hover{color:rgba(48,48,48,.8)}.blog__card .info .link .arrow[data-v-1f24e919]{width:17px}.tit{font-size:23px;margin:0 10px 30px 0;font-weight:400}.rgstr{height:auto;width:100%;display:flex;justify-content:center;align-items:center;padding:100px 50px}@media (max-width:800px){.rgstr{padding:100px 25px}}.rgstr .rgstr__container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:100px 50px}@media (max-width:800px){.rgstr .rgstr__container{flex-direction:column}}.rgstr .rgstr__container h2{font-size:55px;width:30%;font-weight:400}@media (max-width:800px){.rgstr .rgstr__container h2{text-align:initial;font-size:40px;width:100%;text-align:center;margin-bottom:50px}}.rgstr .rgstr__container .btn__container,.rgstr .rgstr__container .btn__container .rgstr__btn{display:flex;justify-content:center;align-items:center}.rgstr .rgstr__container .btn__container .rgstr__btn{flex-direction:row;background:#000;border:none;color:#fff;padding:8px 17px;border-radius:30px;font-size:18px;text-decoration:none}@media (max-width:800px){.rgstr .rgstr__container .btn__container .rgstr__btn{padding:7px 14px;border-radius:30px;font-size:16px}}.rgstr .rgstr__container .btn__container .arrow{position:relative;top:3px;left:10px}.rgstr .rgstr__container .btn__container .arrow path{fill:#fff}.blog__cards[data-v-461fc98c]{position:relative}.blog__cards .toggle__edit[data-v-461fc98c]{display:flex;align-items:center;position:absolute;top:-70px;left:0}.blog__cards .toggle__edit span[data-v-461fc98c]{margin-left:16px}.blog__cards .toggle__edit input[type=checkbox][data-v-461fc98c]{position:relative;border:none;-webkit-appearance:none;background:#fff;outline:none;width:80px;height:30px;border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.blog__cards .toggle__edit input[type=checkbox][data-v-461fc98c]:before{content:"";position:absolute;width:30px;height:30px;border-radius:20px;top:0;right:0;background:#303030;transform:scale(1.1);transition:all .75s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.blog__cards .toggle__edit input:checked[type=checkbox][data-v-461fc98c]:before{background:#fff;right:52px}.form__wrap{overflow:hidden;display:flex;height:100vh;justify-content:center;align-self:center;margin:0 auto;width:90%;font-size:14px}@media (min-width:900px){.form__wrap{width:100%}}.form__wrap .login__register{margin-bottom:32px}.form__wrap .login__register .router-link{color:#000}.form__wrap form{padding:0 10px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.form__wrap form .angle{display:none;position:absolute;background-color:#fff;transform:rotate(3deg);width:60px;left:-30px;height:101%}@media (min-width:900px){.form__wrap form .angle{display:initial}}@media (min-width:900px){.form__wrap form{padding:0 50px}}.form__wrap form h2{text-align:center;font-size:32px;color:#303030;margin-bottom:40px}@media (min-width:900px){.form__wrap form h2{font-size:40px}}.form__wrap form .inputs{width:100%;max-width:350px}.form__wrap form .inputs .input{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:8px}.form__wrap form .inputs .input input{width:100%;border:none;background-color:#f2f7f6;padding:4px 30px 4px 4px;height:50px}.form__wrap form .inputs .input input:focus{outline:none}.form__wrap form .inputs .input .icon{width:12px;position:absolute;left:6px}.form__wrap form .forgot-password{text-decoration:none;color:#000;cursor:pointer;font-size:14px;margin:16px 0 32px;border-bottom:1px solid transparent;transition:all .5s ease}.form__wrap form .forgot-password:hover{border-color:#303030}.form__wrap form button{background:#000;border:none;border-radius:20px;padding:10px;color:#fff;cursor:pointer;margin-top:10px}.form__wrap .background{display:none;flex:2;background-size:cover;background-image:url(../img/background.f182aa82.png);width:100%;height:100%}@media (min-width:900px){.form__wrap .background{display:initial}}button{background:#000;border:none;border-radius:20px;padding:10px;color:#fff;cursor:pointer}.register h2{max-width:350px}.modal{align-items:center;z-index:20;position:fixed;width:100%;height:100%;top:0;background-color:rgba(0,0,0,.65)}.modal,.modal .modal__content{display:flex;justify-content:center}.modal .modal__content{flex-direction:column;border-radius:8px;width:300px;padding:40px 30px;background-color:#fff}.modal .modal__content p{text-align:center}.modal .modal__content button{align-self:center;padding:7px 20px;font-size:15px}.loading{top:0;z-index:101;height:100%;width:100%;background-color:rgba(0,0,0,.5);position:fixed;display:flex;justify-content:center;align-items:center}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.loading span{display:block;width:60px;height:60px;margin:0 auto;border:3px solid transparent;border-top-color:#fff;border-bottom-color:#fff;border-radius:50%;-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite}.reset__password{position:relative}.reset__password .form__wrap .reset h2{margin-bottom:8px}.reset__password .form__wrap .reset p{text-align:center;margin-bottom:32px}.reset__password .form__wrap button{padding:6px 17px;font-size:16px}.profile .container[data-v-78796252]{max-width:1000px;padding:60px 25px}.profile .container h2[data-v-78796252]{text-align:center;margin-bottom:16px;font-weight:300;font-size:32px}.profile .container .profile-info[data-v-78796252]{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:32px;background-color:#f1f1f1;display:flex;flex-direction:column;max-width:600px;margin:32px auto}.profile .container .profile-info .initials[data-v-78796252]{position:static;width:80px;height:80px;font-size:32px;background-color:#303030;color:#fff;display:flex;align-self:center;align-items:center;justify-content:center;border-radius:50%;text-transform:uppercase}.profile .container .profile-info .admin-badge[data-v-78796252]{display:flex;align-self:center;color:#fff;font-size:14px;padding:8px 24px;border-radius:8px;background-color:#303030;margin:16px 0;text-align:center;text-transform:capitalize}.profile .container .profile-info .admin-badge .icon[data-v-78796252]{width:14px;height:auto;margin-left:8px}.profile .container .profile-info .input[data-v-78796252]{margin:16px 0}.profile .container .profile-info .input label[data-v-78796252]{font-size:14px;display:block;padding-bottom:6px}.profile .container .profile-info .input input[data-v-78796252]{width:100%;border:none;background-color:#f2f7f6;padding:8px;height:50px}.profile .container .profile-info .input input[data-v-78796252]:focus{outline:none}.profile .container .profile-info button[data-v-78796252]{align-self:center}.admin .container[data-v-36d13e00]{max-width:1000px;padding:60px 25px}.admin .container h2[data-v-36d13e00]{text-align:center;margin-bottom:16px;font-weight:300;font-size:32px}.admin .container .admin-info[data-v-36d13e00]{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:32px;background-color:#f1f1f1;display:flex;flex-direction:column;max-width:600px;margin:32px auto}.admin .container .admin-info span[data-v-36d13e00]{font-size:14px}.admin .container .admin-info .input[data-v-36d13e00]{margin:16px 0}.admin .container .admin-info .input label[data-v-36d13e00]{font-size:14px;display:block;padding-bottom:6px}.admin .container .admin-info .input input[data-v-36d13e00]{width:100%;border:none;background-color:#f2f7f6;padding:8px;height:50px}.admin .container .admin-info .input input[data-v-36d13e00]:focus{outline:none}.admin .container .admin-info button[data-v-36d13e00]{align-self:center}.modal[data-v-53e31e22]{top:0;background-color:rgba(0,0,0,.5);z-index:99;position:fixed;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.modal .modal-content[data-v-53e31e22]{display:flex;justify-content:center;position:relative;border-radius:12px;background-color:#fff;height:400px;width:600px;padding:50px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.modal .modal-content .icon[data-v-53e31e22]{width:24px;height:auto;cursor:pointer;font-size:24px;position:absolute;top:15px;right:15px;color:#303030}.modal .modal-content img[data-v-53e31e22]{margin-top:16px;display:block;width:auto;height:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.create__post{position:relative;height:100%}.create__post button{margin-top:0}.create__post .router__button{text-decoration:none;color:#fff}.create__post .router__button,.create__post button,.create__post label{transition:all .5s ease-in-out;align-self:center;font-size:14px;cursor:pointer;border-radius:20px;padding:12px 24px;color:#fff;background-color:#303030;text-decoration:none}.create__post .router__button:hover,.create__post button:hover,.create__post label:hover{background-color:rgba(48,48,48,.7)}.create__post .container{position:relative;height:100%;padding:10px 25px 60px}.create__post .invisible{opacity:0!important}.create__post .err__msg{width:100%;padding:12px;border-radius:8px;color:#fff;margin-bottom:10px;background-color:#303030;opacity:1;transition:all .5s ease}.create__post .err__msg p{font-size:14px}.create__post .err__msg span{font-weight:600}.create__post .blog__info{display:flex;margin-bottom:32px}@media (max-width:750px){.create__post .blog__info{flex-direction:column}}.create__post .blog__info input:first-child{min-width:300px}.create__post .blog__info input{transition:all .5s ease-in-out;padding:10px 4px;border:none;border-bottom:1px solid #303030}.create__post .blog__info input:focus{outline:none;box-shadow:0 1px 0 0 #303030}.create__post .blog__info .upload__file{flex:1;margin-left:16px;position:relative;display:flex}@media (max-width:750px){.create__post .blog__info .upload__file{flex-direction:column;margin:40px 0 0 0}}.create__post .blog__info .upload__file input{display:none}.create__post .blog__info .upload__file .preview{margin:0 16px;text-transform:none}@media (max-width:750px){.create__post .blog__info .upload__file .preview{margin:15px}}.create__post .blog__info .upload__file span{font-size:12px;margin-left:16px;align-self:center}.create__post .editor{height:70vh;display:flex;flex-direction:column;direction:ltr}.create__post .editor .quillWrapper{position:relative;display:flex;flex-direction:column;height:100%}.create__post .editor .ql-container{display:flex;flex-direction:column;height:100%;overflow:scroll}.create__post .editor .ql-editor{padding:20px 16px 30px}.create__post .blog__actions{margin-top:32px}.create__post .blog__actions button{margin-left:16px}.create__post .button__inactive{background-color:rgba(48,48,48,.7);cursor:not-allowed}.post-view{min-height:100%}.post-view .container{max-width:1000px;padding:60px 25px}.post-view .ql-editor{padding:0}.post-view h2{margin-bottom:16px;font-weight:300;font-size:32px}.post-view img{width:100%;margin-bottom:32px}