.contactInfoContainer{margin-top:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;padding-left:15%;padding-right:15%}.contactInfoContainer .flex-item{color:white;font-weight:bold;text-align:center;margin:1em;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:120px;color:#083058}.contactInfoContainer .flex-item h4{color:#b69063;margin-bottom:20px;font-size:22px;line-height:24px;font-weight:300}.contactInfoContainer .flex-item p{font-size:16px;line-height:18px;font-weight:300}.headerContainer img{width:100%;height:100%}.headerContainer .titleContainer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;margin-left:5%}.contactIcon{border-radius:50%;margin-left:10px}.contactIcon:hover{color:white;background-color:#b69063}.contactFormContainer{position:relative;background-color:#f0f0f0;height:450px;width:100%;margin-top:170px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:'Raleway', sans-serif}.contactFormContainer .hide{display:none}.contactFormContainer input[type='number']::-webkit-inner-spin-button,.contactFormContainer input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.contactFormContainer .error-message{color:red;font-size:12px;line-height:16px}.contactFormContainer .questionContainer{width:30%;position:absolute;left:66px;top:97px;font-size:18px}.contactFormContainer .questionContainer h1{font-size:30px;font-weight:400;color:#083058;text-transform:capitalize;line-height:32px}.contactFormContainer .questionContainer h4{padding-top:40px}.contactFormContainer .imgContainer{position:absolute;left:157px;top:-165px}.contactFormContainer .contactForm{height:400px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:215px;background:white;margin-left:40%}.contactFormContainer .contactForm form{padding:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contactFormContainer .contactForm form .form__group{position:relative;padding:15px 0 0;margin-top:10px}.contactFormContainer .contactForm form .form__group button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:none;border:none;font-size:22px;line-height:30px;font-family:inherit;font-weight:500;cursor:pointer}.contactFormContainer .contactForm form .form__field{font-family:inherit;width:70%;border:0;border-bottom:1px solid #d2d2d2;outline:0;font-size:16px;line-height:24px;color:#212121;padding:7px 0;background:transparent;-webkit-transition:border-color 0.2s;transition:border-color 0.2s}.contactFormContainer .contactForm form .form__field::-webkit-input-placeholder{color:transparent}.contactFormContainer .contactForm form .form__field:-ms-input-placeholder{color:transparent}.contactFormContainer .contactForm form .form__field::-ms-input-placeholder{color:transparent}.contactFormContainer .contactForm form .form__field::placeholder{color:transparent}.contactFormContainer .contactForm form .form__field:placeholder-shown ~ .form__label{font-size:16px;line-height:24px;cursor:text;top:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-pointer-events:none;pointer-events:none}.contactFormContainer .contactForm form label,.contactFormContainer .contactForm form .form__field:focus ~ .form__label{position:absolute;top:0;display:block;-webkit-transition:0.2s;transition:0.2s;font-size:16px;color:rgba(8,48,88,0.6)}.contactFormContainer .contactForm form .form__field:focus ~ .form__label{color:rgba(8,48,88,0.4)}.contactFormContainer .contactForm form .form__field:focus{padding-bottom:6px;border-bottom:2px solid #b69063}.contactFormContainer .contactForm form .error{border-bottom:2px solid red}.requirements{padding:0 20px 0 40px;color:#999;max-height:0;-webkit-transition:0.28s;transition:0.28s;overflow:hidden;color:red}.mapContainer{width:100%;cursor:pointer;margin-top:20%}.mapContainer .map{width:100%;height:344px;background-image:url("/assets/contact/Map.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}@media (min-width: 1025px) and (max-width: 1200px){.contactFormContainer{height:300px}.contactFormContainer .questionContainer{left:20px;width:20%}.contactFormContainer .imgContainer{position:absolute;top:-38.8%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contactFormContainer .imgContainer img{width:70%;z-index:2}.mapContainer{margin-top:30%}}@media (min-width: 320px) and (max-width: 400px) and (orientation: portrait){.titleContainer h1{font-size:26px}.contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.contactInfoContainer .flex-item h4{margin-bottom:10px}.contactFormContainer{height:auto}.contactFormContainer .imgContainer{position:absolute;top:-11.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contactFormContainer .imgContainer img{width:94%;z-index:2}.contactFormContainer .questionContainer{left:unset;text-align:left;width:95%;top:70px}.contactFormContainer .questionContainer h1{font-size:22px}.contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.contactFormContainer .contactForm{margin-left:0;height:auto}.contactFormContainer .contactForm form{padding:30px}.contactFormContainer .contactForm form .form__field{width:95%}.mapContainer{margin-top:0}.mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}@media (min-width: 359px) and (max-width: 370px){.contactFormContainer{height:660px}.contactFormContainer .imgContainer{position:absolute;top:-11.7%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contactFormContainer .imgContainer img{width:94%;z-index:2}.contactFormContainer .questionContainer{left:unset;text-align:left;width:95%;top:70px}.contactFormContainer .questionContainer h1{font-size:22px}.contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.contactFormContainer .contactForm{margin-left:0;height:auto}.contactFormContainer .contactForm form{padding:30px}.contactFormContainer .contactForm form .form__field{width:95%}.contactFormContainer .mapContainer .map{height:100%;background-image:url("/assets/contact/mapMobile.png")}}@media (min-width: 401px) and (max-width: 767px){.titleContainer h1{font-size:26px}.contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.contactInfoContainer .flex-item h4{margin-bottom:10px}.contactFormContainer{height:auto}.contactFormContainer .imgContainer{position:absolute;top:-11.9%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contactFormContainer .imgContainer img{width:80%;z-index:2}.contactFormContainer .questionContainer{right:unset;text-align:left;width:95%;top:70px}.contactFormContainer .questionContainer h1{font-size:22px}.contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.contactFormContainer .contactForm{margin-left:0;height:auto}.contactFormContainer .contactForm form{padding:30px}.contactFormContainer .contactForm form .form__field{width:95%}.mapContainer{margin-top:0}.mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}@media (max-width: 767px) and (orientation: landscape){.titleContainer h1{font-size:26px}.contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.contactInfoContainer .flex-item h4{margin-bottom:10px}.contactFormContainer{height:auto}.contactFormContainer .imgContainer{position:absolute;top:-11.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contactFormContainer .imgContainer img{width:50%;z-index:2}.contactFormContainer .questionContainer{left:unset;text-align:left;width:95%;top:70px}.contactFormContainer .questionContainer h1{font-size:22px}.contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.contactFormContainer .contactForm{margin-left:0;height:auto}.contactFormContainer .contactForm form{padding:30px}.contactFormContainer .contactForm form .form__field{width:95%}.mapContainer{margin-top:0}.mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}@media (min-width: 768px) and (max-width: 991px){.titleContainer h1{font-size:26px}.contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.contactInfoContainer .flex-item h4{margin-bottom:10px}.contactFormContainer{height:auto}.contactFormContainer .imgContainer{position:absolute;top:-11.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contactFormContainer .imgContainer img{width:50%;z-index:2}.contactFormContainer .questionContainer{left:unset;text-align:left;width:95%;top:70px}.contactFormContainer .questionContainer h1{font-size:22px}.contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.contactFormContainer .contactForm{margin-left:0;height:auto}.contactFormContainer .contactForm form{padding:30px}.contactFormContainer .contactForm form .form__field{width:95%}.mapContainer{margin-top:0}.mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}@media (min-width: 991px) and (max-width: 1024px){.titleContainer h1{font-size:26px}.contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.contactInfoContainer .flex-item h4{margin-bottom:10px}.contactFormContainer{height:250px}.contactFormContainer .imgContainer{position:absolute;top:-36%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;left:-4%}.contactFormContainer .imgContainer img{width:55%;z-index:2}.contactFormContainer .questionContainer{left:unset;text-align:left;width:95%;top:70px}.contactFormContainer .questionContainer h1{font-size:22px}.contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.contactFormContainer .contactForm{margin-left:36%;height:auto;margin-top:38%}.contactFormContainer .contactForm form{padding:30px}.contactFormContainer .contactForm form .form__field{width:95%}.mapContainer{margin-top:35%}.mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}.ar .headerContainer .titleContainer{-webkit-transform:scaleX(1);transform:scaleX(1)}.ar .contactFormContainer{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;font-family:'Tajawal', sans-serif}.ar .contactFormContainer .contactForm{margin-left:unset;margin-right:40%}.ar .contactFormContainer .contactForm button{font-family:'Tajawal', sans-serif}.ar .contactFormContainer .contactForm button .contactIcon{margin-left:unset;margin-right:10px}.ar .contactFormContainer .questionContainer{right:66px}.ar .contactFormContainer .imgContainer{-webkit-transform:scaleX(-1);transform:scaleX(-1);right:157px;left:unset}@media (min-width: 1025px) and (max-width: 1280px){.ar .contactFormContainer{height:350px}.ar .contactFormContainer .questionContainer{left:60px}.ar .contactFormContainer .imgContainer{position:absolute;top:-33%;right:17%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ar .contactFormContainer .imgContainer img{width:70%;z-index:2}}@media (min-width: 320px) and (max-width: 400px) and (orientation: portrait){.ar .titleContainer h1{font-size:26px}.ar .contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ar .contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.ar .contactInfoContainer .flex-item h4{margin-bottom:10px}.ar .contactFormContainer{height:auto}.ar .contactFormContainer .imgContainer{position:absolute;top:-11.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ar .contactFormContainer .imgContainer img{width:94%;z-index:2}.ar .contactFormContainer .questionContainer{right:unset;text-align:right;width:95%;top:70px}.ar .contactFormContainer .questionContainer h1{font-size:22px}.ar .contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.ar .contactFormContainer .contactForm{margin-right:0;height:auto}.ar .contactFormContainer .contactForm form{padding:30px}.ar .contactFormContainer .contactForm form .form__field{width:95%}.ar .mapContainer{margin-top:0}.ar .mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}@media (min-width: 359px) and (max-width: 370px){.ar .contactFormContainer{height:660px}.ar .contactFormContainer .imgContainer{position:absolute;top:-11.7%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ar .contactFormContainer .imgContainer img{width:94%;z-index:2}.ar .contactFormContainer .questionContainer{left:unset;text-align:right;width:95%;top:70px}.ar .contactFormContainer .questionContainer h1{font-size:22px}.ar .contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.ar .contactFormContainer .contactForm{margin-left:0;height:auto}.ar .contactFormContainer .contactForm form{padding:30px}.ar .contactFormContainer .contactForm form .form__field{width:95%}}@media (min-width: 401px) and (max-width: 767px){.ar .titleContainer h1{font-size:26px}.ar .contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ar .contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.ar .contactInfoContainer .flex-item h4{margin-bottom:10px}.ar .contactFormContainer{height:auto}.ar .contactFormContainer .imgContainer{position:absolute;top:-12%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ar .contactFormContainer .imgContainer img{width:84%;z-index:2}.ar .contactFormContainer .questionContainer{right:unset;text-align:right;width:95%;top:70px;left:-8%}.ar .contactFormContainer .questionContainer h1{font-size:22px}.ar .contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.ar .contactFormContainer .contactForm{margin-right:0;height:auto}.ar .contactFormContainer .contactForm form{padding:30px}.ar .contactFormContainer .contactForm form .form__field{width:95%}.ar .mapContainer{margin-top:0}.ar .mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}@media (max-width: 767px) and (orientation: landscape){.ar .titleContainer h1{font-size:26px}.ar .contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ar .contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.ar .contactInfoContainer .flex-item h4{margin-bottom:10px}.ar .contactFormContainer{height:auto}.ar .contactFormContainer .imgContainer{position:absolute;top:-11.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ar .contactFormContainer .imgContainer img{width:50%;z-index:2}.ar .contactFormContainer .questionContainer{right:unset;text-align:right;width:95%;top:70px;left:unset}.ar .contactFormContainer .questionContainer h1{font-size:22px}.ar .contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.ar .contactFormContainer .contactForm{margin-left:0;height:auto}.ar .contactFormContainer .contactForm form{padding:30px}.ar .contactFormContainer .contactForm form .form__field{width:95%}.ar .mapContainer{margin-top:0}.ar .mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}@media (min-width: 768px) and (max-width: 991px){.ar .titleContainer h1{font-size:26px}.ar .contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ar .contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.ar .contactInfoContainer .flex-item h4{margin-bottom:10px}.ar .contactFormContainer{height:auto}.ar .contactFormContainer .imgContainer{position:absolute;top:-11.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ar .contactFormContainer .imgContainer img{width:50%;z-index:2}.ar .contactFormContainer .questionContainer{right:unset;text-align:right;width:95%;top:70px}.ar .contactFormContainer .questionContainer h1{font-size:22px}.ar .contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.ar .contactFormContainer .contactForm{margin-right:0;height:auto}.ar .contactFormContainer .contactForm form{padding:30px}.ar .contactFormContainer .contactForm form .form__field{width:95%}.ar .mapContainer{margin-top:0}.ar .mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}@media (min-width: 992px) and (max-width: 1024px){.ar .titleContainer h1{font-size:26px}.ar .contactInfoContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ar .contactInfoContainer .flex-item{height:auto;margin-bottom:30px}.ar .contactInfoContainer .flex-item h4{margin-bottom:10px}.ar .contactFormContainer{height:250px}.ar .contactFormContainer .imgContainer{position:absolute;top:-36%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:12%}.ar .contactFormContainer .imgContainer img{width:55%;z-index:2}.ar .contactFormContainer .questionContainer{right:unset;text-align:right;width:95%;top:70px}.ar .contactFormContainer .questionContainer h1{font-size:22px}.ar .contactFormContainer .questionContainer h4{font-size:20px;padding-top:5px}.ar .contactFormContainer .contactForm{margin-right:36%;height:auto;margin-top:38%}.ar .contactFormContainer .contactForm form{padding:30px}.ar .contactFormContainer .contactForm form .form__field{width:95%}.ar .mapContainer{margin-top:35%}.ar .mapContainer .map{background-image:url("/assets/contact/mapMobile.png")}}button.disabled{color:lightgrey;}button.disabled .contactIcon .icon{    background-color: lightgray;
    background-blend-mode: overlay;
    border-color: lightgray;}