*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:Tajawal,sans-serif}body{text-align:right;color:#fff;direction:rtl;background:#000;margin:0}header{z-index:999;background:#000;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.header-logo i{color:#fff;font-size:1.5rem}.nav-links ul{gap:10px;list-style:none;display:flex}.nav-links a{color:#fff;padding:10px 15px;font-size:14px;font-weight:600;display:block}.nav-links a:hover{color:#000;background:#fff;border-radius:4px}.hero_banner{background:#000;padding:80px 40px}.hero_banner .logo img{object-fit:contain;width:150px;height:150px;margin:0 auto;display:block}.hero_search_container{max-width:320px;margin:20px auto;position:relative}.hero_search_container input{color:#c69d5b;background:#000;border:1px solid #c69d5b;border-radius:25px;width:100%;padding:10px 40px 10px 20px}.hero_search_container button{color:#fff;background:#be9e5c;border:none;border-radius:25px;padding:8px 18px;position:absolute;top:5px;left:5px}.hero_search_container i{color:#c69d5b;font-size:16px;position:absolute;top:15px;right:15px}