/*!/wp-content/themes/CityStone/assets/css/contact.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}.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)}.top_sec_page{background:url(/wp-content/themes/CityStone/assets/css/../img/hero_bg_4_1.png);background-size:cover;background-position:right bottom}.top_sec_page .container{display:flex;justify-content:center;align-items:center;height:100%;position:relative;padding:140px 0}.top_sec_page h3{font-size:50px;color:var(--main-color)}.top_sec_page .shape{position:absolute}.top_sec_page .shape1{top:80px;right:10px}.top_sec_page .shape2{top:80px;left:0}.top_sec_page .shape3{bottom:80px;right:10px}.top_sec_page .shape4{bottom:80px;left:0}.top_sec_page .shape1,.top_sec_page .shape2{animation:rotate linear infinite 9s}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.top_sec_page .shape3{animation:movetop3 linear infinite 2.5s}.top_sec_page .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}}@media(max-width:1450px){.container{width:90%}}@media(max-width:1000px){.top_sec_page .container{flex-direction:column;justify-content:center;gap:50px}.top_sec_page .container .div_text{width:100%}.top_sec_page .container .div_img{width:80%}}@media(max-width:500px){.container{width:95%}.top_sec h3{font-size:30px}.top_sec p{font-size:15px}.top_sec_page .shape1{top:30px}.top_sec_page .shape2{top:30px}.top_sec_page .shape1 img{width:35px}.top_sec_page .shape2 img{width:20px}.top_sec_page .shape3 img{width:35px}.top_sec_page .shape4 img{width:40px}.top_sec_page{height:auto}.top_sec_page .container{padding:100px 0}.top_sec_page .container .div_img{width:100%}.top_sec_page .div_text{text-align:center}.top_sec_page .div_text h1{font-size:35px}.top_sec_page .div_text .div{flex-direction:column}.top_sec_page .div_text h6{margin-inline:auto}.top_sec_page h3{font-size:40px}}.contact_us .container{display:flex;justify-content:space-between;align-items:center;padding:70px 0}.contact_us .div_form{width:47%}.contact_us .div_form .top_form{display:flex;justify-content:space-between;align-items:center;padding:50px 40px;background:var(--main-color)}.contact_us .div_form .top_form h5{color:#fff;margin-bottom:15px}.contact_us .div_form .top_form p{font-size:18px;color:#fff}.contact_us .div_form .top_form .icon{background-color:#3b9df8;padding:18px;border-radius:50%;width:80px;height:80px;transition:0.3s ease;position:relative;direction:ltr;z-index:10}.contact_us .div_form .top_form .icon:before,.contact_us .div_form .top_form .icon:after{content:"";top:0;left:0;position:absolute;height:100%;width:100%;background-color:#3b9df8;border-radius:50%;opacity:.7}.contact_us .div_form .top_form .icon:before{animation:callan 2s ease-out infinite}.contact_us .div_form .top_form .icon:after{animation:callan 2s 1s ease-out infinite}@keyframes callan{100%{transform:scale(1.8);opacity:0}}.contact_us .div_form .top_form .icon:hover{background:#fff}.contact_us .div_form .top_form .icon svg{fill:#fff;width:100%;transition:0.3s ease;position:relative;top:3px;z-index:10}.contact_us .div_form .top_form .icon:hover svg{fill:var(--main-color)}.contact_us form{padding:50px 30px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;box-shadow:0 5px 120px 0 rgb(39 71 125 / .15)}.contact_us form .inp{width:45%;margin-bottom:30px}.contact_us form .inp input,.contact_us form .inp select{width:100%;border-radius:5px;padding:18px 10px;border:none;outline:none;border:1px solid #c5c5c5;font-size:18px}.contact_us form .inp input:focus,.contact_us form .inp select:focus{border-color:var(--main-color);transition:0.3s}.contact_us form .btns_form{margin:auto;margin-top:20px}.contact_us form .btns_form button{margin:auto;outline:none;border:none;background:var(--main-color);padding:14px 40px;text-align:center;color:#fff;font-size:20px;border-radius:5px;cursor:pointer;transition:0.3s ease-in-out}.contact_us form .btns_form button:hover{transform:scale(1.2)}.contact_us .textf{width:50%}.contact_us .box{display:flex;align-items:center;gap:25px;width:100%;padding:20px 30px 17px 30px;background-color:#fff;box-shadow:5px 0 30px 0 rgb(0 0 0 / .04);border-left:3px solid var(--main-color);margin:30px 0 40px 0;max-width:500px}.contact_us .box:hover{border-color:var(--main-color)}.contact_us .box .icon{background:var(--main-color);width:55px;height:55px;border-radius:50%;padding:10px}.contact_us .box .icon img{width:100%}.contact_us .box .text{display:flex;flex-direction:column}.contact_us .box .text h3{margin-bottom:25px;font-size:25px}.contact_us .box a{font-size:18px;color:var(--dark-color);margin-bottom:10px;font-weight:500}.contact_us .box .text .soial{display:flex;align-items:center;gap:15px}.contact_us .box .text .soial img{width:50px}.contact_us .box .text .soial a{margin-bottom:0}.contact_us .textf h5{font-size:30px;color:var(--main-color)}.contact_us .textf h2{font-size:40px;color:var(--dark-color);margin:10px 0 30px}.contact_us .textf p{font-size:15px}@media (max-width:1000px){.contact_us .container{flex-direction:column;gap:50px}.contact_us .div_form{width:80%}.contact_us .textf{width:100%}}@media (max-width:500px){.contact_us .container{gap:30px}.contact_us .div_form{width:100%}.contact_us .textf{width:100%}.contact_us .box .icon{padding:12px}.contact_us .box .icon img{width:100%;margin:auto}.contact_us .box{margin:15px 0;padding:20px}.contact_us .textf h2{font-size:30px;margin-bottom:20px}.contact_us .textf p{font-size:14px;margin-bottom:30px}.contact_us .box .text h3{font-size:20px;margin-bottom:15px}.contact_us .box a{font-size:15px}.contact_us .box .text .soial img{width:40px}.contact_us form .inp{width:100%;margin-bottom:15px}.contact_us .div_form .top_form{padding:20px 20px}.contact_us .div_form .top_form .icon{width:50px;height:50px;padding:8px}.contact_us form{padding:30px 20px}.contact_us form .inp input,.contact_us form .inp select,.contact_us form .inp input,.contact_us form .inp input{padding:12px;font-size:15px}}