/*!/wp-content/themes/CityStone/assets/css/homepage.css*/*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:'Tajawal',sans-serif}:root{--main-color:#1F5FFF;--second-color:#04CE78;--dark-color:#000D44;--parg-color:#666666;--name-item:#0066c0;--drak-red:#d01418;--border-color:#6666662a;--border:1px solid #6666662c}body{direction:rtl}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;background:var(--main-color);color:#fff;font-size:18px;border-radius:5px;font-weight:700;border:2px solid var(--main-color);transition:0.3s ease;scale:1}.btn:hover{scale:1.2}.div_img_icon{width:64px;height:64px;display:block;margin:0 auto}.top_sec{text-align:center;margin-bottom:50px}.top_sec h3{background:var(--main-color);width:max-content;margin:0 auto 30px;padding:10px 30px;border-radius:30px;color:#fff}.top_sec p{font-size:25px;font-weight:600;color:var(--dark-color)}.hero{background:url(/wp-content/themes/CityStone/assets/css/../img/hero_bg_4_1.png);background-size:cover;background-position:right bottom;height:100vh}.hero .container{display:flex;justify-content:space-between;align-items:center;height:100%;position:relative}.hero .container .div_text{width:44%}.hero .container .div_img{width:55%}.hero .container .div_img img{width:100%}.hero .div_text h6{background:var(--main-color);width:max-content;margin:0 0 30px;padding:10px 30px;border-radius:30px;color:#fff}.hero .div_text h1{font-size:60px;margin-bottom:40px}.hero .container .div_text p{color:var(--dark-color);margin-bottom:30px;line-height:1.5;font-size:18px}.hero .div_text h1 span{color:var(--second-color)}.hero .div_text .div{display:flex;align-items:center;margin-bottom:50px;gap:20px}.hero .div_text .btn_White{background:#fff;padding:12px 20px;font-size:18px;font-weight:700;color:var(--dark-color);border-radius:10px;transition:0.3s ease-in-out}.hero .div_text .btn_White:hover{background:var(--second-color);color:#fff}.hero .div_text .happy_clinet{display:flex;align-items:center;gap:10px;color:var(--dark-color);font-size:18px}.hero .div_text .happy_clinet p{margin-bottom:0}.hero .shape{position:absolute}.hero .shape1{top:80px;right:10px}.hero .shape2{top:80px;left:0}.hero .shape3{bottom:80px;right:10px}.hero .shape4{bottom:80px;left:0}.hero .shape1,.hero .shape2{animation:rotate linear infinite 9s}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hero .shape3{animation:movetop3 linear infinite 2.5s}.hero .shape4{animation:movetop4 linear infinite 3s}@keyframes movetop3{0%{bottom:80px}50%{bottom:110px}100%{bottom:80px}}@keyframes movetop4{0%{bottom:80px}50%{bottom:40px}100%{bottom:80px}}.about .container{display:flex;justify-content:space-between;align-items:center}.about .container .div_img{width:40%;text-align:left;position:relative}.about .container .div_img img{width:100%;border-radius:40px}.about .container .div_img .div_cont{position:absolute;top:50%;transform:translateY(-50%);background:#fff;padding:40px;text-align:center;border-radius:20px 10px 80px 5px;width:250px;border:2px solid var(--main-color);right:-125px;animation:aboutan 6s infinite ease}@keyframes aboutan{0%{top:40%}50%{top:60%}100%{top:40%}}.about .container .div_img .div_cont .div_Svg{width:70px;height:70px;padding:15px;background:#e7e7e7;border-radius:100%;transition:0.3s ease-in-out;text-align:center;margin:auto;margin-bottom:10px}.about .container .div_img .div_cont:hover .div_Svg{background:var(--main-color)}.about .container .div_img .div_cont .div_Svg svg{width:100%;fill:var(--dark-color);transition:0.3s ease-in-out}.about .container .div_img .div_cont:hover .div_Svg svg{fill:#fff}.about .container .div_img .div_cont span{color:var(--main-color);font-size:20px;font-weight:700}.about .container .div_img .div_cont h3{font-size:16px;color:var(--dark-color);margin-top:15px}.about .text{width:45%}.about .text h5{color:var(--main-color);font-size:28px}.about .text h2{font-size:50px;margin-top:20px}.about .text p{margin-top:30px;line-height:1.7;font-size:19px}.about .text .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 .text .phone svg{width:70px}.about .text .phone p{margin-top:0;margin-bottom:10px;font-size:18px;color:var(--dark-color)}.about .text .phone h6{font-size:30px;font-weight:700}.hatem_sec .container{display:flex;justify-content:space-between;margin-top:150px}.hatem_sec .container .box{width:22%;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;position:relative}.hatem_sec .container .box:nth-child(2),.hatem_sec .container .box:nth-child(4){top:-60px}.hatem_sec .container .box:nth-child(2) .div_img::after{content:"2"}.hatem_sec .container .box:nth-child(3) .div_img::after{content:"3"}.hatem_sec .container .box:nth-child(4) .div_img::after{content:"4"}.hatem_sec .container .box .div_img{background:var(--second-color);width:50%;margin:auto;padding:40px;border-radius:30px;position:relative}.hatem_sec .container .box .div_img::after{position:absolute;content:"1";width:40px;height:40px;top:-15px;right:-15px;background:var(--main-color);border-radius:50%;text-align:center;line-height:40px;color:#fff;font-weight:700;font-size:16px}.hatem_sec .container .box .div_img img{width:100%}.hatem_sec .container .box h3{font-size:20px}.hatem_sec .container .box p{font-size:18px;line-height:1.6}.sm_sec{position:relative;padding:100px 0;width:100%;background:#fff;text-align:center}.sm_sec .container{display:flex;justify-content:space-between;flex-wrap:wrap}.sm_sec .container .box{width:22%;display:flex;flex-direction:column;align-items:center}.sm_sec .container .box .div_img{mask-image:url(/wp-content/themes/CityStone/assets/css/../img/process_box_bg.png);height:156px;mask-size:100% 100%;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center}.sm_sec .container .box .img_border{background:url(/wp-content/themes/CityStone/assets/css/../img/dotted_bg_1.png);width:154px;height:172px;padding:8px 8px 8px 8px;background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:30px}.sm_sec .container .box .img_border p{background:var(--second-color);width:36px;height:40px;line-height:40px;font-size:18px;font-weight:600;color:#fff;position:absolute;bottom:0;left:calc(50% - 18px);-webkit-clip-path:path("M16.8293 0.872822L1.15962 9.76303C0.441905 10.1702 0 10.9214 0 11.7342V29.5255C0 30.3435 0.447543 31.0987 1.1725 31.5039L16.8486 40.2672C17.5622 40.6662 18.4378 40.6661 19.1514 40.2671L34.8278 31.5011C35.5526 31.0957 36 30.3407 36 29.5228V11.8415C36 11.0326 35.5623 10.2845 34.8501 9.87582L19.1674 0.878402C18.4458 0.464403 17.5529 0.46229 16.8293 0.872822Z");clip-path:path("M16.8293 0.872822L1.15962 9.76303C0.441905 10.1702 0 10.9214 0 11.7342V29.5255C0 30.3435 0.447543 31.0987 1.1725 31.5039L16.8486 40.2672C17.5622 40.6662 18.4378 40.6661 19.1514 40.2671L34.8278 31.5011C35.5526 31.0957 36 30.3407 36 29.5228V11.8415C36 11.0326 35.5623 10.2845 34.8501 9.87582L19.1674 0.878402C18.4458 0.464403 17.5529 0.46229 16.8293 0.872822Z");text-align:center;margin:0}.sm_sec .container .box:nth-child(2) .img_border p,.sm_sec .container .box:nth-child(4) .img_border p{background:var(--main-color)}.sm_sec .container .box .img_border img{width:100%;height:100%}.sm_sec .container .box .content h4{font-size:25px;margin-bottom:20px}.sm_sec .container .box .content p{line-height:1.7}.services{background:#e0effb}.services .boxs{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.services .boxs .box{width:31%;border-radius:5px;overflow:hidden;background:#fff;position:relative;box-shadow:5px 5px 12px #9191914b;transition:0.3s ease-in-out;margin-bottom:30px}.services .boxs .box .img_absolute{position:absolute;bottom:0;left:0}.services .boxs .box .services .boxs .box:hover{box-shadow:5px 5px 22px #5d5d5db8}.services .boxs .box::after{content:'';position:absolute;right:0;bottom:0;width:0%;height:4px;background:var(--main-color);transition:0.3s ease-in-out}.services .boxs .box:hover::after{width:100%}.services .boxs .box .div_img{position:relative}.services .boxs .box .div_img .icons{position:absolute;background:#fff;z-index:10;top:calc(100% - 30px);right:20px;border-radius:50%;overflow:hidden;padding:15px;width:60px;height:60px;box-shadow:5px 5px 8px #00000045;transition:0.3s ease-in-out}.services .boxs .box .div_img .icons img{width:100%}.services .boxs .box:hover .div_img .icons img{scale:1!important}.services .boxs .box:hover .div_img .icons{background:var(--second-color)}.services .boxs .box .div_img img{width:100%;height:100%;object-fit:cover;z-index:-1;scale:1;transition:0.3s ease}.services .boxs .box .div_img .img_serv{position:relative;overflow:hidden;width:100%;height:200px}.services .boxs .box:hover .div_img img{scale:1.1}.services .boxs .box .content{padding:40px 15px 40px}.text_bg_gr{background:var(--second-color);width:max-content;position:relative;right:-15px;padding:8px 15px 8px 25px;font-size:15px;color:#fff;border-top-left-radius:30px;border-bottom-left-radius:30px;margin:10px 0 20px}.services .boxs .box h2{font-size:24px;margin-bottom:20px}.services .boxs .box p{margin-bottom:30px}.blog{background:#E0EFFB}.blog .boxs{display:flex;justify-content:space-between;flex-wrap:wrap}.blog .boxs .box{width:31%;border-radius:10px;overflow:hidden;background:#fff;position:relative;box-shadow:5px 5px 12px #9191914b;transition:0.3s ease-in-out}.blog .boxs .box:hover{box-shadow:5px 5px 22px #5d5d5db8}.blog .boxs .box .div_img{position:relative;padding:20px;border-radius:10px}.blog .boxs .box .div_img img{width:100%;height:100%;object-fit:cover;z-index:-1;scale:1;transition:0.3s ease;border-radius:10px}.blog .boxs .box .div_img .img_serv{position:relative;overflow:hidden;width:100%;height:250px}.blog .boxs .box:hover .div_img img{scale:1.1}.blog .boxs .box .content{padding:0 15px 40px}.blog .boxs .box h2{font-size:28px;margin-bottom:20px;display:flex;align-items:center;gap:20px}.blog .boxs .box p{margin-bottom:30px;line-height:1.6}@media(max-width:1450px){.container{width:90%}.hatem_sec .container .box .div_img{padding:30px}}@media(max-width:1000px){.hero .container{flex-direction:column;justify-content:center;gap:50px}.hero .container .div_text{width:100%}.hero .container .div_img{width:80%}.about .container{flex-direction:column;gap:80px}.about .text{width:100%;padding-right:15px}.about .container .div_img{width:70%}.about .container .div_img img{width:100%}.about .content ul li{font-size:15px;margin-bottom:10px}.about .content ul li:last-child{margin-bottom:40px}.hatem_sec .container{flex-wrap:wrap;flex-direction:column;gap:0;justify-content:space-between;align-items:flex-start}.hatem_sec .container .box{flex-direction:row;width:100%}.hatem_sec .container .box:nth-child(2),.hatem_sec .container .box:nth-child(4){top:0}.hatem_sec .container .box .div_img{margin:0;width:90px;position:relative;right:10px}.hatem_sec .container .box{justify-content:space-between;text-align:right;margin-bottom:50px;align-items:flex-start}.hatem_sec .container .box h3{margin-bottom:10px}.hatem_sec .container .box .div_img{padding:22px}.hatem_sec .container .box .content{width:calc(100% - 120px)}.hatem_sec .container .box .div_img::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:100%;width:1px;height:100px;border-left:2px dashed #999}.hatem_sec .container .box:last-child .div_img::before{border:0}.sm_sec .container .box{width:48%;margin-bottom:40px}.services .boxs .box{width:49%;margin-bottom:30px}.blog .boxs .box{width:49%;margin-bottom:30px}}@media(max-width:500px){.container{width:95%}.top_sec h3{font-size:30px}.top_sec p{font-size:15px}.hero{height:auto}.hero .container{padding:100px 0}.hero .container .div_img{width:100%}.hero .div_text{text-align:center}.hero .div_text h1{font-size:35px}.hero .div_text .div{flex-direction:column}.hero .div_text h6{margin-inline:auto}.about{padding-bottom:100px}.about .top_sec p{font-size:22px}.about .container .div_img{width:100%}.about .text .content{display:flex;flex-direction:column}.about .container .div_img .div_cont{width:200px}@keyframes aboutan{0%{top:100%;left:10%;right:auto}50%{top:100%;left:30%;right:auto}100%{top:100%;left:10%;right:auto}}.about .container .div_img .div_cont{padding:20px 20px}.about .container .div_img .div_cont .div_Svg{width:60px;height:60px;padding:10px}.about .container .div_img .div_cont span{font-size:17px}.about .container .div_img .div_cont h3{font-size:14px;margin-top:10px}.about .text .phone{padding:15px 20px 15px 20px}.about .text .phone h6{font-size:25px}.about .text .phone svg{width:60px}.about .text .phone{gap:15px}.hatem_sec .container .box h3{font-size:18px}.hatem_sec .container .box p{font-size:15px}.sm_sec .container .box{width:90%;margin:auto;margin-bottom:40px}.services .boxs{justify-content:center}.services .boxs .box{width:90%;margin-bottom:30px}.services .boxs .box .div_img .img_serv{height:170px}.services .boxs .box p{font-size:14px}.services .boxs .box h2{font-size:20px;margin-bottom:12px}.blog .boxs{justify-content:center}.blog .boxs .box{width:90%;margin-bottom:30px}.blog .boxs .box .div_img .img_serv{height:170px}.blog .boxs .box p{font-size:16px}.blog .boxs .box h2{font-size:23px;margin-bottom:12px;font-weight:500}}