:root{--main-color: #4BBFC9;--sec-color: #FAC552;--bg-color-gray: #F1F1F1;--main-font-family: "Tajawal";--main-text-color: #4B4B4B;--btn-radius: 10px;--main-font-size: 24px;--sec-font-size: 20px;--icon-main-color: #606060}ul{list-style:none;padding:0}body{margin:0;font-family:var(--main-font-family)}h1,h2,h3,h4,h5,h6,button,span,p{font-family:var(--main-font-family);color:var(--main-text-color)}button{background:none;border:none}input{outline:none}svg{color:#fff}.show-content.en{position:absolute;width:71%;min-height:100%;background-color:var(--bg-color-gray);border-radius:20px;padding-left:3%;padding-top:50px;right:0}.show-content.ar{position:absolute;width:71%;min-height:100%;background-color:var(--bg-color-gray);border-radius:20px;padding-right:3%;padding-top:50px;left:0}.container-loader{position:absolute;width:100%;height:100%;background-color:#e4e4e4a6;z-index:100}.loader{width:15%;aspect-ratio:1;display:grid;border:14px solid #0000;border-radius:50%;border-right-color:var(--main-color);animation:l15 1s infinite linear;position:absolute;left:60%;top:25%;z-index:1000}.loader:before,.loader:after{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:l15 2s infinite}.loader:after{margin:8px;animation-duration:3s}.ar{direction:rtl}.en{direction:ltr}.ar .flip-on-rtl{transform:scaleX(-1)}.first-loading{position:absolute;width:100%;height:100%}.first-loading .loader{left:44%}.loading-spinner{position:absolute;width:100%;height:100%}.loading-spinner .loader{left:44%}@keyframes l15{to{transform:rotate(1turn)}}.avatar-placeholder{width:50px;height:50px;margin:10px;border-radius:50%;background-color:#ccc;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.5rem;cursor:pointer;color:#fff}.avatar-placeholder:hover{opacity:.8;transform:scale(1.05);transition:all .2s ease}.brand-model-container{width:100%}.brand-model-title{color:var(--main-text-color);font-weight:700;font-size:var(--main-font-size)}.add-new-brand-btn button{border:1px solid var(--main-color);border-radius:10px;margin:10px;width:280px;font-family:var(--main-font-family);font-size:20px;cursor:pointer;height:55px}.brand-model-cards-container{width:80%}.brand-model-cards-container .skeleton-loader{width:100%;margin-bottom:30px}.brand-model-cards-container .skeleton-thumbnail{width:100%;height:60px;background:#e0e0e0;border-radius:8px;margin-bottom:12px;animation:pulse 1.5s infinite ease-in-out;position:relative}.brand-model-cards-container .skeleton-text{width:100%;height:16px;background:#e0e0e0;margin-bottom:8px;animation:pulse 1.5s infinite ease-in-out}.brand-model-cards-container .skeleton-text.shorter{width:50px;height:50px;border-radius:50%;background:#a5a5a5;position:absolute;right:10px;margin-top:5px}.brand-card-container{display:flex;align-items:center;justify-content:space-between;height:70px;width:100%;background-color:#fff;margin:10px 0}.brand-card-container:last-child{margin-bottom:100px}.brand-card-container .brand-name{margin:0 30px}.brand-card-container .brand-name p{font-size:20px;font-weight:400}.brand-btns-delete-edit{display:flex;justify-content:end;width:10%;padding:0 30px}.articles-container{width:80%}.articles-container h2{margin-bottom:50px}.articles-container h3{margin:50px 0}.articles-cards-container-content{margin-top:50px}.add-new-articale-btn button{border:1px solid var(--main-color);width:200px;height:50px;border-radius:var(--btn-radius);background-color:#fff;font-size:20px}.add-new--articale-title-{display:flex;align-items:center}.add-new--articale-title- input{border:1px solid #767676;border-radius:var(--btn-radius);width:30%;height:60px;padding:0 10px;font-size:20px;margin:0 30px}.add-articale-content textarea{width:100%;min-height:100px;border:1px solid gray;border-radius:15px;resize:vertical;padding:10px;outline:none;margin-bottom:50px;font-size:20px}.submit-new-articale-btn{width:100%;display:flex;justify-content:center}.submit-new-articale-btn button{border:1px solid var(--main-color);width:200px;height:40px;border-radius:var(--btn-radius);background-color:#fff;font-size:20px;margin:30px 0}.artical-card-container{position:relative;display:flex;align-items:center;justify-content:space-between;height:70px;width:100%;background-color:#fff;margin:10px 0}.artical-card-container:last-child{margin-bottom:100px}.artical-card-container .artical-name{margin:0 30px}.artical-card-container .artical-name p{font-size:20px;font-weight:400}.artical-btns-delete-edit{display:flex;justify-content:space-between;width:10%;padding:0 30px}.pop-up-confirm-delete-artical{position:absolute;width:60%;left:20%;height:80%;top:10%;background-color:var(--bg-color-gray);border:1px solid black;border-radius:10px;display:flex;justify-content:space-around;padding:0 30px;align-items:center}.pop-up-confirm-delete-artical-container{position:absolute;width:100%;height:100%;background-color:#808080b4}.pop-up-confirm-delete-artical button{border:1px solid var(--main-color);width:200px;height:40px;border-radius:var(--btn-radius);background-color:#fff;font-size:20px}