.App{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.App .box{box-shadow:0 0 10px #3030303f;max-width:1100px;width:90%;height:90%;border-radius:20px}.App .box header{text-align:center;box-shadow:0 0 10px #3030303f;padding-block:17px}.App .box header p{font-size:23px;margin-bottom:5px}.App .box .tabs .scroll{padding-block:25px;display:flex;align-items:center;justify-content:center;gap:15px}.App .box .tabs .scroll button{border:none;font-size:17px;background-color:#eee;width:200px;padding-block:12px;border-radius:10px;cursor:pointer;transition:all .3s}.App .box .tabs .scroll button.active{background-color:#eba625;color:#fff}.App .box .box-app{display:flex;align-items:center;justify-content:space-evenly;margin-top:20px}.App .box .box-app>div{width:45%}.App .box .box-app .info{text-align:center;display:flex;flex-direction:column;gap:10px}.App .box .box-app .info p{font-size:18px;line-height:1.6}.App .box .box-app .info .apps{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}.App .box .box-app .info .apps img{width:150px}.App .box .box-app .info .social{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px}.App .box .box-app .info .social img{width:30px;height:30px}.App .box .box-app .image img{width:400px;height:400px;object-fit:contain}@media(max-width:767px){.App{height:100%;padding-block:30px}.App header h1{font-size:27px}.App .box{height:auto}.App .tabs{width:100%;overflow:auto}.App .tabs .scroll{width:600px;padding-inline:20px}.App .box-app{flex-direction:column-reverse}.App .box-app>div{width:100%!important}.App .box-app .image{display:flex;align-items:center;justify-content:center}.App .box-app .info{padding:10px}.App .box-app .info .apps{margin-top:10px!important}.App .box-app .info .apps img{width:120px!important}.App .box-app .info .social{margin-top:10px!important;padding-bottom:10px}}: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}body{color:#333}::-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}}