.about{padding-block:50px;text-align:center}.about h2{font-size:26px;margin-bottom:15px;color:var(--second_color)}.about p{max-width:700px;margin:auto;font-size:18px;color:#555;line-height:1.8}.about .app{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}.about .app a img{width:130px}@media(max-width:767px){.about{padding-block:30px}}.features{padding-block:50px}.features h2{text-align:center;margin-bottom:35px;font-size:26px;color:var(--second_color)}.features .grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.features .grid .card{padding:20px;background:#fff;border:1px solid #eee;border-radius:10px;text-align:center;font-size:16px;display:flex;flex-direction:column;gap:10px}.features .grid .card svg{color:var(--main_color)}.footer{background:var(--second_color);color:#fff;padding:25px 0;text-align:center;font-size:18px}.header{background:#fff;padding-bottom:10PX;border-bottom:1px solid #eee}.header .bar{background-color:var(--main_color);padding-block:15px;margin-bottom:10px;color:#fff}.header .bar .container{display:flex;align-items:center;justify-content:space-between}.header .bar .container .social-media{display:flex;align-items:center;gap:15px}.header .bar .container .social-media a{color:#fff;display:flex;align-items:center}.header .bar .container .social-media a svg{width:22px;height:22px}.header .container .head{display:flex;justify-content:space-between;align-items:center}.header .container .head h1{font-size:23px;color:var(--main_color)}.header .container .head .logo img{width:70px}@media(max-width:767px){.header .container .head{flex-direction:column-reverse;gap:10px}.header .container .head h1{text-align:center;font-size:20px}}.hero{padding-block:50px;text-align:center;background-color:var(--second_color);color:#fff}.hero .container{max-width:700px;margin:auto}.hero h2{font-size:26px;line-height:1.4;margin-bottom:15px}.hero p{font-size:18px;line-height:1.7}.screenshots{padding:50px 0;background:#fafafa}.screenshots h2{text-align:center;margin-bottom:30px}.screenshots .grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.screenshots .grid .imgBox{height:300px;background:#f1f1f1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#555}.screenshots .grid .imgBox img{width:100%;height:100%;object-fit:contain}:root{--main_color: #D8B668;--second_color: #202A47}*{padding:0;margin:0;list-style:none;text-decoration:none;box-sizing:border-box;outline:none}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Tajawal,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--second_color)}::-webkit-scrollbar-track{background-color:#fff}.container{margin-inline:auto;padding-inline:15px;width:100%;max-width:1300px}@media(max-width:1200px){.container{max-width:1140px}}@media(max-width:992px){.container{max-width:960px}}@media(max-width:768px){.container{max-width:720px}}@media(max-width:576px){.container{max-width:100%}}@media(max-width:991px){*{cursor:auto!important}}