.btn,.top_sec h3{background:var(--main-color);color:#fff}.home,.home .upHero{position:relative;overflow:hidden}.blog .box img,.btn{scale:1;transition:.3s}*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;list-style:none}:root{--main-color:linear-gradient(135deg, #dc6703, #de7600);--second-color:linear-gradient(135deg, #082F6B, #0E4CA8);--dark-color:#082F6B;--parg-color:#667085;--navy:#082F6B;--orange:#F57C14;--orange-light:#FF9D2F;--green:#4AA84F}body{direction:rtl;font-family:Tajawal,sans-serif}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:var(--dark-color)}p{color:var(--parg-color)}.container{width:75%;margin:auto}section{padding:50px 0}.btn{padding:13px 40px;font-size:13px;border-radius:5px;font-weight:700;border:2px solid var(--main-color)}.btn:hover{scale:1.2}.top_sec h3{width:max-content;margin:0 auto 30px;padding:10px 30px;border-radius:30px}.top_sec p{font-weight:600;color:var(--dark-color);font-size:18px}.home{margin:0;padding:0}.home svg{position:absolute;bottom:-2px;background-image:url(../img/svgHome.svg);width:100%;background-repeat:no-repeat;height:100%;background-size:100%;background-position:bottom}.home .upHero{background:linear-gradient(#05274ec9,#050300) top center/cover no-repeat,url(../img/home.webp) top center/cover no-repeat;padding:500px 0 300px;text-align:center;top:-1px}.home .container{position:absolute;inset:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 20px 180px}.home .upHero h1{color:#fff;font-size:55px;margin-bottom:25px;position:relative;padding-top:35px;font-weight:400}.home .upHero h1 span{color:#f57c14}.home .upHero p{font-size:20px;color:rgba(255,255,255,.9);width:min(750px,90%);margin:0 auto 40px;line-height:2}.home .btns{display:flex;gap:20px;justify-content:center}.home .btn{display:flex;align-items:center;gap:10px;transition:.5s}.home .btn img{width:22px}.top_sec{text-align:center;margin-bottom:80px}.home .btn:hover{transform:scale(1.05)}.about .container{display:flex;justify-content:space-between;align-items:center}.about .text{width:45%}.about .text p:first-child{color:#488905;font-size:28px;margin:0 0 20px;font-weight:700}.about .text h2{font-size:50px;margin-top:20px}.about .text p{margin-top:30px;line-height:1.7;font-size:24px}.about .phone{background:#dbe6f6;padding:15px 25px 15px 80px;border-radius:5px;display:flex;align-items:center;gap:25px;border-left:2px solid var(--main-color);width:max-content;margin:30px 0 50px}.about .div_img{width:40%;text-align:left;position:relative}.blog .box,.services .box{width:31%;background:#fff;box-shadow:5px 5px 12px #9191914b;transition:.3s ease-in-out;overflow:hidden}.about .div_img img{width:100%;border-radius:40px}.blog,.services{background:#e0effb}.services .boxs{display:flex;align-items:flex-start;flex-wrap:wrap}.services .box{border-radius:5px;position:relative;margin-bottom:30px}.blog .box:hover,.services .box:hover{box-shadow:5px 5px 22px #5d5d5db8}.services .box .img_absolute{position:absolute;bottom:0;left:0}.blog .box,.blog .box .div_img,.blog .box .img_serv,.services .box .div_img{position:relative}.services .box .img_serv{position:relative;overflow:hidden;width:100%;height:200px}.services .box img{width:100%;height:100%;object-fit:cover;transition:.3s}.blog .box:hover img,.services .box:hover img{scale:1.1}.services .box .content{padding:40px 15px}.services .box h2{font-size:24px;margin-bottom:20px}.services .box p{margin-bottom:30px}.blog .boxs{display:flex;justify-content:space-between;flex-wrap:wrap}.blog .box{border-radius:10px}.blog .box .div_img{padding:20px;border-radius:10px}.blog .box .img_serv{overflow:hidden;width:100%;height:250px}.blog .box img{width:100%;height:100%;z-index:-1;border-radius:10px}.blog .box .content{padding:0 15px 40px}.blog .box h2{font-size:28px;margin-bottom:20px}.blog .box p{margin-bottom:30px;line-height:1.6}@media(max-width:1450px){.container{width:90%}}@media(max-width:1000px){.about .container{flex-direction:column;gap:80px}.about .text{width:100%}.about .div_img{width:70%}.blog .boxs .box,.services .boxs .box{width:49%;margin-bottom:30px}}@media(max-width:500px){.home .container{padding:120px 20px 220px}.home .upHero h1{font-size:34px;padding-top:25px}.home .upHero p{font-size:20px;line-height:1.8}.container{width:95%}.blog .boxs .box,.services .boxs .box{width:90%;margin-bottom:30px}.blog .boxs .box .img_serv,.services .boxs .box .img_serv{height:170px}}