*{margin:0;padding:0;box-sizing:border-box}body{background-color:#ededed;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;direction:rtl}.header{display:flex;justify-content:space-between;align-items:center;background:#333;color:#fff;padding:15px 20px}.logo{font-size:24px}.nav-list{list-style:none;display:flex;margin:0;padding:0}.nav-list ul{display:flex;margin:0;padding:0;background-color:#ededed}.nav-list li{margin:0 15px}.nav-list a{color:#fff;text-decoration:none;transition:color .3s}.nav-list a:hover{color:#0af}.menu-toggle{display:none;flex-direction:column;cursor:pointer;color:#000}.menu-toggle>.bar{background-color:#0a0b3e}.bar{height:3px;width:25px;margin:3px 0}li{list-style:none}a{text-decoration:none}.container{width:80%;margin:auto}.main-title{text-align:center;margin:10px 0;font-weight:700;position:relative;color:#0a0b3e}.main-title:after{content:"";position:absolute;top:50px;left:50px;background-color:#fa1c1c;width:20ox;height:20ox}.header{background-color:#fff}.header>img{height:50px}@media (max-width: 768px){.nav-list{display:none;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#333}.nav-list.active,.menu-toggle{display:flex}.nav-list ul{flex-direction:column}.nav-list ul li{margin:10px auto}}.nav-list ul li a{color:#f1592b;font-weight:700}.nav-list ul li a:hover{color:#0a0b3e}.landing{padding:30px;background-size:cover;height:calc(100vh - 55px);position:relative;order:2}.landing .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.landing .content h1{font-size:35px;margin:10px 0;color:#0a0b3e}.landing .content p{font-size:15x;margin-bottom:20px;color:#212121}.btn{padding:10px 15px;border-radius:9px;background-color:#f1592b;border:1px solid #bababa;cursor:pointer;color:#bababa;font-weight:700}.btn:hover{background-color:#0a0b3e;color:#f1592b;transition:.3s}.btn>a{color:#0a0b3e;font-weight:700;font-size:16px}.services-section{padding:20px;text-align:center;margin-bottom:5px}.services-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.service-card{background:#ededed;border:1px solid #ccc;border-radius:8px;padding:5px;max-width:300px;flex:1 1 calc(33.333% - 40px);box-shadow:0 0 2px #f1592b}.service-card img{width:100%;border-radius:9px;transition:.3s}.service-card h2,.service-card p{margin:10px 0}.service-card p{font-size:15px}@media (max-width: 768px){.service-card{flex:1 1 calc(50% - 40px)}}@media (max-width: 480px){.service-card{flex:1 1 100%}}.services-section>h2{margin-bottom:20px;font-size:30px;color:#f1592b}.services-section>p{color:#0a0b3e;margin-bottom:25px}.callection{display:flex;gap:10px;justify-content:space-between}.callection a:nth-child(1){color:green}.callection a:nth-child(2){color:red}.callection a:nth-child(3){color:#0a0b3e}.lolll{background-color:#bababa;padding:20px}.probertis{background-color:#f1592b;padding:7px 12px;display:flex;gap:5px}.contact{width:90%;margin:0 auto 20px;padding:15px;border-radius:10px;text-align:center;position:relative}@media (max-width: 767px){.callection{flex-direction:column}}.contact>h1{margin:20px 0}.contact>p{margin-bottom:20px}.about{background-color:#f1592b;padding:20px}.about .container{display:flex;text-align:center}.aboutSection{background-color:#f1592b;text-align:center;margin:0 auto}.aboutSection h2{color:#0a0b3e;margin-bottom:20px}.none{display:none}.active{display:block}.menuTab{margin:0 auto;text-align:center;padding:20px}menu{margin-bottom:20px}menu button{margin:0 5px;padding:10px 16px;font-weight:700;border-radius:9px;font-size:15px;border:none;cursor:pointer;transition:.3s;background-color:#f1592b}menu button:hover{background-color:#0a0b3e;color:#f1592b}.autput{transition:.3s}.autput img{width:300px;margin:0 10px;transition:.3s;border-radius:9px}@media (max-width: 767px){.autput{display:flex;flex-direction:column}}.footer{background-color:#f1592b;padding:20px}.footer .container{display:flex;justify-content:space-between}.links,.icons{display:flex;flex-direction:column;font-size:20px}.icons a,.links a{margin:5px}.links a{color:#000}.icons a:nth-child(1){color:green}.icons a:nth-child(2){color:linear-gradient(90deg,rgba(131,58,180,1) 0%,rgba(253,29,29,1) 50%,rgba(252,176,69,1) 100%)}.icons a:nth-child(3){color:#00f}.icons a:nth-child(4){color:#c71610}@media (max-width: 767px){.footer .container{flex-direction:column;text-align:center}.icons{display:inline;margin:10px 0}}.policy{margin-left:50%;transform:translate(-50%);text-align:center}.policy>a{color:#bababa}