.contact-ar{width:90vw;min-height:100vh;margin:0 auto;overflow:hidden}.contact-ar .contact-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4rem;min-height:100vh;padding:5vh 0;display:grid}.contact-ar .contact-heading{flex-direction:column;gap:1rem;padding:0;display:flex}.contact-ar .contact-heading .title{color:#111;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:44px;padding:0;font-size:34px;font-weight:500;line-height:34px;display:flex}.contact-ar .contact-heading .subtitle{padding:0;display:block;height:40px!important}.contact-ar .subtitle{color:#444;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:20px;padding:0;font-size:24px;font-weight:500;line-height:24px;display:flex;transform:translateY(3px)translate(-2px);font-family:Cairo,sans-serif!important}.contact-ar .contact-heading .desc{width:100%;max-width:800px;padding:0 0 1.5rem}.contact-ar .contact-heading .desc-small{width:90vw;max-width:400px;padding:0 0 1.5rem}.contact-ar .contact-heading .desc .parag{color:#555;font-size:15px!important;line-height:23px!important}.contact-ar .contact-form{flex-direction:column;grid-column:span 3;gap:1rem;width:100%;max-width:80vw;padding:2rem 0;display:flex}.contact-ar .contact-form .row{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:2rem;display:grid}.contact-ar .contact-form .col{flex-direction:column;grid-column:span 2;gap:2rem;width:100%;max-width:90vw;display:flex}.contact-ar .contact-form .row .field{border:1px solid #aaa7;flex-direction:column;justify-content:flex-end;width:100%;max-width:400px;height:50px;padding:0;display:flex;position:relative}.contact-ar .contact-form .row .field:hover{border-color:#29242494}.contact-ar .field label{z-index:10px;z-index:10;background-color:#fff;width:fit-content;height:20px;padding:2px 4px;font-size:14px;line-height:14px;transition:all 1s;position:absolute;top:25px;left:auto;right:10px;transform:translateY(-50%);color:#555!important}.contact-ar .field:hover label,.contact-ar .field input:focus~label,.contact-ar .field input:not(:placeholder-shown)~label,.contact-ar .field textarea:focus~label,.contact-ar .field textarea:not(:placeholder-shown)~label{font-size:12px;top:0}.contact-ar .field input,.contact-ar .field-a textarea{color:#111;border:0 solid #0000;outline:none;height:40px;padding:2px 14px 8px;font-size:15px;font-weight:500;line-height:15px;position:relative}.contact-ar .field-a{height:215px!important}.contact-ar .field-a textarea{border:none;outline:none;padding:1rem;line-height:21px;height:200px!important}.contact-ar input::placeholder,.contact-ar textarea::placeholder{color:#0000}.contact-ar .submit{padding:1rem 0}.contact-ar .required{padding:.5rem 0 1.5rem}.contact-ar .required span{color:#555;font-size:13.5px;line-height:13.5px;font-family:Cairo,sans-serif!important}.contact-ar .submit .button{color:#fff;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background-color:#000;border:0 solid #0000;padding:1rem 4rem;font-size:14px;line-height:14px;transition:all .5s}.contact-ar .submit .button:hover{background-color:#111}.contact-ar .success-msg{color:#098b44;background-color:#b9dab94d;padding:1.2rem 1rem;font-family:-apple-system,Open Sans,sans-serif;font-size:15px;font-weight:500;line-height:15px}.contact-ar .contact-info{border-right:1px solid #aaa4;flex-direction:column;grid-column:span 2;width:100%;max-height:85vh;display:flex;position:relative}.contact-ar .content-info{width:100%;max-width:460px;height:80vh;padding:2rem!important}.contact-ar .contact-heading .title{color:#555;font-family:Cairo,sans-serif;font-size:28px;line-height:28px}.contact-ar .content-info .heading .para{color:#111;font-family:Open Sans,sans-serif;font-size:13px;line-height:20px}.contact-ar .contact-grid .contact-info .data{flex-direction:column;gap:2rem;padding:2rem 0 1rem;display:flex}.contact-ar .contact-grid .contact-info .field{flex-direction:column;gap:.5rem;display:flex}.contact-ar .contact-info .field strong{color:#444;padding:.25rem 0;font-family:Cairo,sans-serif;font-size:13px;line-height:15px}.contact-ar .contact-info .field span{color:#333;font-size:14px;line-height:14px}.contact-ar .contact-info .field span.ltr{text-align:right;direction:ltr}
