.head-container{background-color:var(--whiteColor);height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-inline:20px;box-shadow:0 0 10px 1px #0000002f;position:relative}.midhead-ul-container{display:flex;align-items:center;justify-content:center;gap:4px}.midhead-ul-container .li{position:relative;padding:10px 30px;border-radius:5px}.midhead-ul-container .li:hover{background:var(--grayHoverColor);cursor:pointer}.midhead-ul-container .li i{color:var(--grayColor);font-size:23px}.midhead-ul-container .li p{background:var(--blackColor);padding:10px;border-radius:6px;color:var(--whiteInBlack);position:absolute;display:none;bottom:-100%;transform:translate(-25%);white-space:nowrap;transition:all 1s}.midhead-ul-container .li p[data-hove=true]{display:block}.midhead-ul-container .li[data-click=true]{color:var(--blueColor);border-bottom:2px solid var(--blueColor)}.midhead-ul-container .li[data-click=true] i{color:var(--blueColor)}@media (max-width:834px){.midhead-ul-container{display:none}}.rightHead-container{display:flex;align-items:center;gap:10px}.rightHead-container .input-part{display:flex;align-items:center;position:relative;max-width:300px}.rightHead-container .input-part input{width:100%;border:none;outline:none;background:var(--grayHoverColor);padding:10px 35px 10px 10px;border-radius:50px;font-size:20px}.rightHead-container .input-part i{color:var(--grayColor);position:absolute;right:0;padding:10px 10px 10px 0;border-top-right-radius:50px;border-bottom-right-radius:50px}.rightHead-container .icon-part .fa-facebook{color:var(--blueColor);font-size:35px}.rightHead-container .icon-part .fa-arrow-right{font-size:25px;color:var(--grayColor);cursor:pointer}.rightHead-container[data-foucs=true] .input-part input{padding-right:15px}.rightHead-container[data-foucs=true] .input-part i{display:none}@media (max-width:1096px){.rightHead-container .input-part{display:flex;align-items:center}.rightHead-container .input-part input{display:none}.rightHead-container .input-part input[data-click-icon=true]{display:block}.rightHead-container .input-part i{color:var(--grayColor);background:var(--grayHoverColor);position:absolute;right:0;padding:10px;border-radius:50%}}.lefthead-container{display:flex;align-items:center;gap:10px;position:relative}.item-container .icon-part{position:relative}.item-container .icon-part img{width:36px;height:36px;border-radius:50%}.item-container .icon-part i{font-size:23px;color:var(--blackColor);background:var(--grayHoverColor);padding:10px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.item-container .icon-part i:hover{background:var(--whiteInBlack)}.item-container .icon-part i[data-click=true]{color:var(--blueColor);background:var(--blueHoveColor);animation:scale 1s}@keyframes scale{0%{transform:scale(.9)}to{transform:scale(1)}}.item-container .icon-part P{background:var(--blackColor);padding:10px;border-radius:6px;color:var(--whiteInBlack);position:absolute;display:none;transform:translateY(10px);z-index:101;white-space:nowrap}.item-container .icon-part P[data-hover=true]{display:block}.item-container .component-part{display:none;position:absolute;z-index:100;transform:translateY(10px);left:0}.item-container .component-part[data-click=true]{display:block}.head-list-container{background:var(--leftheadColor);padding:20px;border-radius:10px;box-shadow:0 0 10px 1px #0000003f}.Header{text-align:right;font-size:30px;margin-bottom:10px;font-weight:700;padding-top:10px;padding-right:10px}.list-headleft-content{display:flex;flex-direction:row;align-items:start;justify-content:flex-start;gap:10px;position:relative;height:80vh;padding:20px}.list-headleft-content .left-part,.list-headleft-content .right-part{background:var(--whiteColor);width:300px;padding:20px;border-radius:8px;box-shadow:0 0 10px 1px #0000003b;height:100%}.subHeader{text-align:right;font-size:25px;margin-bottom:10px;font-weight:700}.left-part{background:red;overflow:auto}.left-part ul li{padding:5px;border-radius:5px}.left-part ul li:hover{background:var(--grayHoverColor)}.left-part ul li[data-hover=true]:hover{background:transparent;cursor:auto}.left-part ul li a{display:flex;align-items:center;justify-content:right;gap:8px;color:var(--blackColor)}.left-part ul li a i{display:flex;align-items:center;justify-content:center;font-size:21px;background:var(--grayHoverColor);padding:5px;height:40px;width:40px;border-radius:50%}.list-headleft-content .right-part{width:auto;overflow:auto}.list-headleft-content .right-part::-webkit-scrollbar,.list-headleft-content .left-part::-webkit-scrollbar{height:12px;width:10px}.list-headleft-content .right-part::-webkit-scrollbar-track,.list-headleft-content .left-part::-webkit-scrollbar-track{background:#f1f1f1}.list-headleft-content .right-part::-webkit-scrollbar-thumb,.list-headleft-content .left-part::-webkit-scrollbar-thumb{background-color:#a4a4a4;border-radius:10px}.list-headleft-content .right-part::-webkit-scrollbar-thumb:hover,.list-headleft-content .left-part::-webkit-scrollbar-thumb:hover{background:#555}.list-headleft-content .right-part .input-part{display:flex;align-items:center;position:relative;justify-content:flex-end}.list-headleft-content .right-part .input-part input{border:none;outline:none;background:var(--grayHoverColor);padding:10px 35px 10px 10px;border-radius:50px;font-size:20px}.list-headleft-content .right-part .input-part i{color:var(--grayColor);position:absolute;right:5px;padding:10px 10px 10px 0;border-top-right-radius:50px;border-bottom-right-radius:50px}.list-headleft-content .right-part p,.list-headleft-content .right-part-content .right-part-item hr{margin-block:20px}.list-headleft-content .right-part-content .right-part-item ul{display:flex;flex-direction:column;justify-content:right}.list-headleft-content .right-part-content .right-part-item ul li a{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;padding:10px;border-radius:8px}.list-headleft-content .right-part-content .right-part-item ul li:hover{background-color:var(--grayHoverColor)}.list-headleft-content .right-part-content .right-part-item ul li .description{display:flex;flex-direction:column;align-items:right;justify-content:center;gap:3px}.list-headleft-content .right-part-content .right-part-item ul li .description h4{margin:0;text-align:right;font-size:18px;font-weight:700;color:var(--blackColor)}.list-headleft-content .right-part-content .right-part-item ul li .description p{text-align:right;margin:0;color:#000000c8}.list-headleft-content .right-part-content .right-part-item ul li i{font-size:23px;color:var(--blackColor);background:var(--grayHoverColor);padding:10px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width:758px){.list-headleft-content{flex-direction:column-reverse;gap:30px;height:75vh;overflow:auto}.list-headleft-content .right-part{overflow:unset;height:auto}.list-headleft-content .left-part{width:100%;height:auto}.list-headleft-content::-webkit-scrollbar{height:12px;width:10px}.list-headleft-content::-webkit-scrollbar-track{background:#f1f1f1}.list-headleft-content::-webkit-scrollbar-thumb{background-color:#a4a4a4;border-radius:10px}.list-headleft-content::-webkit-scrollbar-thumb:hover{background:#555}}@media (max-width:458px){.head-list-container{padding:0}.list-headleft-content{flex-direction:column-reverse;gap:30px;height:75vh;overflow:auto;padding:5px}.list-headleft-content .right-part{overflow:unset;height:auto;padding:10px}.list-headleft-content .left-part{width:100%;height:auto;padding:10px}}.account-container{background:var(--whiteColor);border-radius:3px;box-shadow:0 0 10px 1px #0000003c;padding:20px}.account-container ul{display:flex;align-items:center;justify-content:center;flex-direction:column}.account-container ul li{display:flex;align-items:center;justify-content:end;gap:10px;width:100%;border-radius:5px;padding:5px 10px}.account-container ul li p{color:var(--grayColor)}.account-container ul li img{width:40px;height:40px;border-radius:50%;border:1px solid var(--grayHoverColor)}.account-container ul li i{font-size:23px;width:40px;height:40px;background:var(--grayHoverColor);display:flex;align-items:center;justify-content:center;border-radius:50%}.account-container ul li:hover{background:var(--grayHoverColor);cursor:pointer}.messenger-container{background:var(--whiteColor);overflow:auto;padding:20px;height:90vh;width:260px;border-radius:10px;box-shadow:0 0 10px 1px #00000054}.messenger-container::-webkit-scrollbar{height:12px;width:10px}.messenger-container::-webkit-scrollbar-track{background:#f1f1f1}.messenger-container::-webkit-scrollbar-thumb{background-color:#a4a4a4;border-radius:10px}.messenger-container::-webkit-scrollbar-thumb:hover{background:#555}.messenger-container ul{display:flex;flex-direction:column;align-items:end}.messenger-container ul .head-left-sidebar{display:flex;align-items:center;justify-content:space-between;width:100%}.messenger-container ul .head-left-sidebar i{min-width:30px;min-height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.messenger-container ul .head-left-sidebar i:hover{background-color:var(--bodyColor)}.messenger-container ul .head-left-sidebar .icons{display:flex;align-items:center}.messenger-container ul .head-left-sidebar .input{display:flex;align-items:center;max-width:80%;gap:5px}.messenger-container ul .head-left-sidebar .input input{width:100%;direction:rtl;border:1px solid black;outline:none;padding:5px;margin-left:20px;border-radius:10px}.messenger-container ul .li_left{width:100%;display:flex;flex-direction:row-reverse;align-items:center;gap:10px;cursor:pointer;padding:10px}.messenger-container ul .li_left:hover{background-color:var(--bodyColor);border-radius:10px}.messenger-container ul .li_left img{width:40px;height:40px;border-radius:50%}.messenger-container ul .li_left p{word-break:break-word;max-width:100%}.notifications-container{background:var(--whiteColor);width:260px;height:80vh;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 0 10px 1px #00000054}.notifications-container h1{font-size:40px;transform:rotate(-90deg);text-align:center;color:#000}.home-contaienr{display:flex;align-items:center;justify-content:center}.think-middle-container{display:flex;width:100%;max-width:500px;align-items:center;justify-content:center;margin-bottom:20px}.think-middle-container .think-content{width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--whiteColor);border-radius:10px;box-shadow:0 0 10px 1px #00000050}.think-middle-container .think-content hr{width:100%;border:1px solid var(--grayHoverColor)}.think-middle-container .think-content .header-think{display:flex;align-items:center;justify-content:end;gap:10px;width:100%}.think-middle-container .think-content .header-think .input{width:95%;display:flex;align-items:center;justify-content:flex-start;background:var(--bodyColor);color:var(--grayColor);padding:10px 20px 10px 10px;border-radius:20px;transition:.3s}.think-middle-container .think-content .header-think .input:hover{background-color:var(--grayColor);color:var(--blackColor);cursor:pointer}.think-middle-container .think-content .header-think img{width:40px;height:40px;border-radius:50%}.think-middle-container .think-content .footer-think{display:flex;align-items:center;justify-content:space-between;gap:1rem}.think-middle-container .think-content .footer-think li{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;border-radius:5px}.think-middle-container .think-content .footer-think li h3{color:var(--grayColor)}.think-middle-container .think-content .footer-think li i{font-size:20px}.think-middle-container .think-content .footer-think li i.fa-face-smile{color:#c8c823}.think-middle-container .think-content .footer-think li i.fa-images{color:green}.think-middle-container .think-content .footer-think li i.fa-video{color:red}.think-middle-container .think-content .footer-think li:hover{background:var(--grayHoverColor);cursor:pointer}.home-middle-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;max-width:500px}.home-middle-post{width:100%;background:#fff;display:flex;flex-direction:column;padding:20px;align-content:center;gap:20px;border-radius:10px;box-shadow:0 0 10px 1px #00000050}.home-middle-post h1{color:var(--grayColor);font-size:15px;text-align:center;-webkit-user-select:none;user-select:none}.home-middle-post h1:hover{text-decoration:underline;cursor:pointer}.logout-container{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;display:none;background:#ffffffb0;z-index:3000}.logout-container[data-click=true]{display:flex}.logout-content{background:var(--whiteColor);padding:20px;display:flex;flex-direction:column;align-items:center;gap:30px;border-radius:5px;box-shadow:0 0 10px 1px #0000001f;width:400px}.logout-content p{font-size:30px;font-weight:700}.logout-content .btn{display:flex;align-items:center;gap:10px}.logout-content .btn button{padding:5px;width:100px}.post-head{display:flex;align-items:center;justify-content:space-between}.post-head .post-head-left-part{display:flex;align-items:center}.post-head .post-head-left-part i{color:var(--grayColor);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.post-head .post-head-left-part i:hover{background:var(--grayHoverColor);cursor:pointer;transform:scale(1.1)}.post-head .post-head-left-part .icon-dots{position:relative}.post-head .post-head-left-part .icon-dots i[data-click=true]{background:var(--grayHoverColor)}.post-head .post-head-left-part .icon-dots .popup-container{position:absolute;transform:translateY(10px);left:0;width:400px;max-height:300px;overflow:hidden;background:var(--whiteColor);padding:20px;border-radius:10px;box-shadow:0 0 10px 1px #0000002d;display:none;-webkit-user-select:none;user-select:none}.post-head .post-head-left-part .icon-dots .popup-container .icon-dots .popup-container::-webkit-scrollbar{height:12px;width:2px}.post-head .post-head-left-part .icon-dots .popup-container .icon-dots .popup-container::-webkit-scrollbar-track{background:#f1f1f1}.post-head .post-head-left-part .icon-dots .popup-container .icon-dots .popup-container::-webkit-scrollbar-thumb{background-color:#a4a4a4;border-radius:10px}.post-head .post-head-left-part .icon-dots .popup-container .icon-dots .popup-container::-webkit-scrollbar-thumb:hover{background:#555}.post-head .post-head-left-part .icon-dots .popup-container ul{display:flex;flex-direction:column;align-items:flex-end}.post-head .post-head-left-part .icon-dots .popup-container ul li{min-width:100%}.post-head .post-head-left-part .icon-dots .popup-container ul li .item-container{display:flex;justify-content:end;gap:10px;padding:10px}.post-head .post-head-left-part .icon-dots .popup-container ul li .item-container i{font-size:23px;background:var(--grayHoverColor)}.post-head .post-head-left-part .icon-dots .popup-container ul li .item-container:hover{background:var(--grayHoverColor);border-radius:8px;cursor:pointer}.post-head .post-head-left-part .icon-dots .popup-container ul li .item-container .item{display:flex;flex-direction:column;align-items:flex-end}.post-head .post-head-left-part .icon-dots .popup-container ul li .item-container .item p{text-align:start}.post-head .post-head-left-part .icon-dots .popup-container:hover{overflow:auto}.post-head .post-head-left-part .icon-dots .popup-container[data-click=true]{display:block}.post-head .post-head-left-part .icon-dots .popup-container::-webkit-scrollbar{height:12px;width:10px}.post-head .post-head-left-part .icon-dots .popup-container::-webkit-scrollbar-track{background:#f1f1f1}.post-head .post-head-left-part .icon-dots .popup-container::-webkit-scrollbar-thumb{background-color:#a4a4a4;border-radius:10px}.post-head .post-head-right-part{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.post-head .post-head-right-part .data{display:flex;flex-direction:column;align-items:end;gap:4px}.post-head .post-head-right-part .data h3{color:#000000c8}.post-head .post-head-right-part .data div{display:flex;align-content:center;justify-content:flex-end;gap:3px;color:var(--grayColor)}.post-head .post-head-right-part img{width:50px;height:50px;border-radius:50%}.post-para{width:100%;overflow-wrap:break-word;word-break:break-all}.post-para p{text-align:end;font-size:18px;font-weight:500;width:100%}.post-img{width:calc(100% + 40px);margin-left:-20px;-webkit-user-select:none;user-select:none;cursor:pointer}.post-img img{width:100%;object-fit:cover}.post-footer{display:flex;align-items:center;justify-content:space-evenly}.post-footer div{display:flex;align-items:center;gap:10px;font-size:1rem;-webkit-user-select:none;user-select:none;padding:.3rem .5rem;border-radius:5px}.post-footer div:hover{background:var(--grayHoverColor);cursor:pointer}@media (max-width:487px){.post-head .post-head-left-part .icon-dots .popup-container{width:350px}}@media (max-width:436px){.post-head .post-head-left-part .icon-dots .popup-container{width:300px}}@media (max-width:410px){.post-footer div{font-size:.8rem}.post-head .post-head-left-part .icon-dots .popup-container{width:250px}}@media (max-width:360px){.think-middle-container .footer-think li{font-size:.7rem}.home-middle-container .post-head .post-head-right-part .data p{font-size:.7rem}.post-footer div{font-size:.6rem}.post-head .post-head-left-part .icon-dots .popup-container{width:200px}}.loading-button{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a;margin-bottom:20px}.spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-container{display:flex;flex-direction:column;align-items:start;justify-content:start;padding-top:20px;position:fixed;bottom:0;height:calc(100vh - 55px);overflow:hidden;direction:rtl}.sidebar-container:hover{overflow:auto}.sidebar-container::-webkit-scrollbar{height:12px;width:10px}.sidebar-container::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-container::-webkit-scrollbar-thumb{background-color:#a4a4a4;border-radius:10px}.sidebar-container::-webkit-scrollbar-thumb:hover{background:#555}.sidebar-container[data-side=right]{right:0}.sidebar-container[data-side=left]{left:0}@media (max-width:1230px){.sidebar-container[data-side=left]{display:none}}@media (max-width:1062px){.sidebar-container{display:none}}.sidebar-container ul{display:flex;flex-direction:column;margin-bottom:20px;height:100%}.sidebar-container ul .head-left-sidebar{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:20px;color:var(--grayColor);padding:10px}.sidebar-container ul .head-left-sidebar i{cursor:pointer;font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.sidebar-container ul .head-left-sidebar i:hover{border-radius:50%;background:var(--whiteInBlack)}.sidebar-container ul .head-left-sidebar .icons{display:flex;flex-direction:row-reverse;align-items:center}.sidebar-container ul .head-left-sidebar .input{display:flex;flex-direction:row-reverse;align-items:center;gap:5px}.sidebar-container ul .head-left-sidebar .input input{height:30px;padding-right:10px;border-radius:20px;outline:none;border:1px solid var(--grayColor)}.sidebar-container ul li img{width:50px;height:50px;border-radius:50%;border:1px solid var(--grayColor)}.sidebar-container ul li{width:100%}.sidebar-container ul li.more{background:var(--whiteInBlack)}.sidebar-container ul .link,.sidebar-container ul .li_left{display:flex;align-items:center;justify-content:start;gap:10px;padding:10px;border-radius:8px;width:100%;color:var(--blackColor);text-decoration:none;-webkit-user-select:none;user-select:none}.sidebar-container ul .link:hover,.sidebar-container ul .li_left:hover{background:var(--whiteInBlack);cursor:pointer}.sidebar-container ul .link i{font-size:23px;width:40px;height:40px;border-radius:50%;background-color:var(--whiteColor);display:flex;align-items:center;justify-content:center}.sidebar-container ul .link p{font-size:18px}.creat-post-container{position:fixed;left:0;right:0;top:0;bottom:0;background:#ffffff9b;z-index:2999;display:flex;align-items:start;justify-content:center;display:none;overflow:auto;padding:20px}.creat-post-container .create-post-content{background:var(--whiteColor);width:400px;padding:20px;border-radius:10px;box-shadow:0 0 10px 1px #0000006c}.creat-post-container .create-post-content .create-post-header{display:flex;align-items:center;justify-content:space-between}.creat-post-container .create-post-content .create-post-header p{font-size:25px;font-weight:700}.creat-post-container .create-post-content .create-post-header i{font-size:24px;width:40px;height:40px;background:var(--bodyColor);display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.creat-post-container .create-post-content hr{margin-block:20px}.creat-post-container .create-post-content .your-image{display:flex;align-items:center;justify-content:flex-end;gap:10px;-webkit-user-select:none;user-select:none}.creat-post-container .create-post-content .your-image img{width:50px;height:50px;border-radius:50px}.creat-post-container .create-post-content .thinging textarea{width:100%;height:50px;padding:15px;border-radius:8px;font-size:16px;border:none;outline:none;resize:none;overflow:hidden}.creat-post-container .create-post-content .image-loading-container{position:relative;border:1px solid black;padding:10px;border-radius:10px}.creat-post-container .create-post-content .image-loading-container .image-loading-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:150px;background:var(--grayHoverColor);border-radius:10px;cursor:pointer}.creat-post-container .create-post-content .image-loading-container .img-part{position:relative}.creat-post-container .create-post-content .image-loading-container .img-part img{width:100%;border-radius:10px}.creat-post-container .create-post-content .image-loading-container .img-part i.fa-x{position:absolute;top:10px;left:10px;background:var(--whiteInBlack);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.creat-post-container .create-post-content .image-loading-container .img-part i.fa-x:hover{background-color:var(--grayColor)}.creat-post-container .create-post-content button{width:100%;background:var(--blueColor)}.creat-post-container[data-appear=true]{display:flex}.show-post-container{position:fixed;top:0;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#ffffffd9;z-index:1000}.show-post-container[data-show=true]{display:flex}.show-post-container .---show-post-container{max-width:500px;display:flex;flex-direction:column;align-content:center;gap:20px;border-radius:10px;background:#fff;box-shadow:0 0 10px 1px #0000004d}.show-post-container .---show-post-container .post-who{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px;box-shadow:0 0 10px 1px #00000042}.show-post-container .---show-post-container .post-who i{width:40px;height:40px;background:var(--bodyColor);display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.show-post-container .---show-post-container .post-who p{font-size:1.4rem}.show-post-container .---show-post-container .show-post-content{max-width:100%;display:flex;flex-direction:column;align-content:center;gap:20px;padding:20px;height:400px;overflow:scroll;margin-top:-20px}.show-post-container .---show-post-container .show-post-content::-webkit-scrollbar{height:12px;width:2px}.show-post-container .---show-post-container .show-post-content::-webkit-scrollbar-track{background:#f1f1f1}.show-post-container .---show-post-container .show-post-content::-webkit-scrollbar-thumb{background-color:#a4a4a4;border-radius:10px}.show-post-container .---show-post-container .show-post-content::-webkit-scrollbar-thumb:hover{background:#555}.show-post-container .---show-post-container .show-post-content .post-img{width:100%}.show-post-container .---show-post-container .show-post-content .post-img img{width:calc(100% + 40px)}.show-post-container .---show-post-container .show-post-content h1{color:var(--grayColor);font-size:15px;text-align:center;-webkit-user-select:none;user-select:none}.show-post-container .---show-post-container .show-post-content h1:hover{text-decoration:underline;cursor:pointer}.show-post-container .---show-post-container .send-comment{display:flex;align-items:start;justify-content:end;padding:10px;gap:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 0 10px 1px #00000052}.show-post-container .---show-post-container .send-comment .inputs{position:relative;width:100%}.show-post-container .---show-post-container .send-comment .inputs i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:20px;cursor:pointer;color:var(--grayColor)}.show-post-container .---show-post-container .send-comment .inputs i[data-color=true]{color:var(--blueColor)}.show-post-container .---show-post-container .send-comment .inputs input{background-color:var(--bodyColor);width:100%;border:none;outline:none;padding:20px 10px 20px 20px;border-radius:20px;font-size:20px}.show-post-container .---show-post-container .send-comment img{width:40px;height:40px;border-radius:50%}.comment-container{display:flex;flex-direction:column;align-items:end;gap:20px}.comment-container .comment-content{display:flex;align-content:start;justify-content:end;gap:10px}.comment-container .comment-content .pro-file{display:flex;flex-direction:column;align-items:end;gap:5px;background-color:var(--bodyColor);border-radius:10px;padding:10px}.comment-container .comment-content .pro-file h3{font-size:20px}.comment-container .comment-content .pro-file p{font-size:15px}.comment-container .comment-content img{width:50px;height:50px;border-radius:50%}.send-message-container{position:fixed;bottom:30px;left:20px;width:300px;height:80vh;background:var(--whiteColor);z-index:20000;box-shadow:0 0 10px 1px #0000002c;border-radius:10px;display:none;flex-direction:column;align-items:center;justify-content:space-between}.send-message-container .send-message-head-container{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:2px solid rgba(0,0,0,.192);padding:10px}.send-message-container .send-message-head-container i{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.send-message-container .send-message-head-container i:hover{background-color:var(--bodyColor)}.send-message-container .send-message-head-container .right-part{display:flex;align-items:center;gap:10px}.send-message-container .send-message-head-container .right-part div{display:flex;flex-direction:column;align-items:end}.send-message-container .send-message-head-container .right-part img{width:40px;height:40px;border-radius:50%}.send-message-container .send-message-body-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#ffffff54}.send-message-container .send-message-body-container img{width:60px;height:60px;border-radius:50%}.send-message-container .send-message-body-container p{margin-top:10px;color:var(--grayColor)}.send-message-container .send-message-footer-container{padding:10px;width:100%;border-top:2px solid rgba(0,0,0,.192)}.send-message-container .send-message-footer-container .send-part{position:relative;display:flex;align-items:center;justify-content:center}.send-message-container .send-message-footer-container .send-part i{position:absolute;left:10px;cursor:pointer}.send-message-container .send-message-footer-container .send-part i:hover{color:var(--blueColor)}.send-message-container .send-message-footer-container .send-part .input{width:100%}.send-message-container .send-message-footer-container .send-part .input input{width:100%;padding:5px 10px;border-radius:20px;border:none;outline:none;background:var(--bodyColor)}.send-message-container .send-message-footer-container .send-part .input input[data-color=true]{color:red}.send-message-container[data-show=true]{display:flex}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;gap:100px;padding:20px}.login-container .content{display:flex;flex-direction:column;align-items:end;gap:10px}h1{color:var(--blueColor);font-size:70px;font-weight:700}.login-container .content p{font-size:30px;width:450px}@media (max-width:890px){.login-container{flex-direction:column-reverse;gap:30px}.login-container .content{align-items:center}.login-container .content p{text-align:center}}.login-form{background:var(--whiteColor);display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;width:400px;border-radius:10px;box-shadow:0 0 10px 1px #0000002c}@media (max-width:460px){.login-form{width:350px}.login-container .content p{font-size:25px;width:380px}}@media (max-width:382px){.login-form{width:300px}.login-container .content p{font-size:20px;width:340px}}form{width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}form input{height:55px;width:100%;border-radius:5px;padding-right:10px;font-size:20px;outline:none;border:1px solid var(--grayColor)}form input:focus{border:2px solid var(--blueColor)}form input.button{padding:0;background:var(--blueColor);color:var(--whiteColor);cursor:pointer}form .password{width:100%;position:relative}form .password i{position:absolute;left:10px;top:50%;transform:translateY(-50%)}a{color:var(--blueColor)}a:hover{text-decoration:underline}hr{width:100%;border-color:var(--grayHoverColor)}button{background:#04be04;color:#fff;padding:15px;border-radius:5px;font-size:20px}button:hover{background:#36a420;cursor:pointer}.register-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100vh}.register-container p{font-size:50px;color:var(--blueColor)}.register-container .register-form{display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--whiteColor);padding:20px;width:400px;border-radius:10px;box-shadow:0 0 10px 1px #0000002c}@media (max-width:415px){.register-container .register-form{width:350px}}@media (max-width:365px){.register-container .register-form{width:300px}}.register-container .register-form form input.button{background:#04be04;color:#fff;padding:15px;border-radius:5px;font-size:20px}.register-container .register-form form input.button:hover{background:#36a420;cursor:pointer}.file-upload-container{width:100%;border:2px solid var(--grayColor);padding:5px;cursor:pointer;border-radius:10px}.file-upload-container .image{width:100%;position:relative}.file-upload-container .image i{position:absolute;top:10px;right:10px;background:var(--grayHoverColor);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.file-upload-container .image img{width:100%;border-radius:10px}.file-upload-container .content{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bodyColor);padding-block:40px;border-radius:10px;gap:5px}.file-upload-container .content i{font-size:26px}.file-upload-container .content h2{font-size:25px}.file-upload-container .content p{color:var(--grayColor);font-size:16px}*,* :before,* :after{margin:0;padding:0;box-sizing:border-box}li{list-style-type:none}a{text-decoration:none}button{border:none;outline:none}:root{--bodyColor: #F0F2F5;--whiteColor: #FFFFFF;--grayColor: #8e8e8e;--grayHoverColor: #F0F2F5;--blueColor: #0866FF;--blueHoveColor: #DFE9F2;--blackColor: #39393A;--whiteInBlack: #E4E6EB;--textColor: #050505;--leftheadColor: #F7F8FA }body{background:var(--bodyColor)}.main-alert-container{width:100vw;position:fixed;height:100vh;z-index:3000;transform:translateY(-2000px);transition:.4s}.main-alert-container[date-close=true]{animation:alert 1s infinite}@keyframes alert{0%{transform:translateY(15px)}50%{transform:translateY(10px)}to{transform:translateY(15px)}}.alert-container{background:#d3d3d3;border-radius:10px;box-shadow:0 0 10px 1px #0000002b;width:360px;margin-inline:auto}.alert-container .content{background:#ff4c4c;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.alert-container .title{font-size:24px;font-weight:700;color:#ff4c4c;padding:10px;text-align:center}.alert-container .content .desc{font-size:16px;font-weight:400;color:#333;text-align:end}.alert-container .content .center{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.alert-container .content .center i{color:#d3d3d3;font-size:38px}.alert-container .content .btn{font-size:16px;font-weight:700;color:#ff4c4c;background-color:#d3d3d3;border-radius:8px;padding:8px;transition:.3s;-webkit-user-select:none;user-select:none}.alert-container .content .btn:hover{transform:scale(1.09);cursor:pointer}.alert-container[data-color=نجح] .title{color:#27c127}.alert-container[data-color=نجح] .content{background:#27c127}.alert-container[data-color=نجح] .content .btn{color:#27c127}.alert-container[data-color="هناك تحزير"] .title{color:#a4a428}.alert-container[data-color="هناك تحزير"] .content{background:#a4a428}.alert-container[data-color="هناك تحزير"] .content .btn{color:#a4a428}