@font-face {
    font-family: ar-bold;
    src: url(fonts/DroidKufi-Regular.ttf);
}
@font-face {
    font-family: ar;
    src: url(fonts/DroidKufi-Regular.ttf);
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#000000;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#000000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#000000;
}
input::-moz-placeholder{color:#000000}
*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Poppins-Regular,sans-serif}a{font-family:Poppins-Regular;font-size:14px;line-height:1.7;color:#666;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}a:focus{outline:none!important}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}p{font-family:Poppins-Regular;font-size:14px;line-height:1.7;color:#666;margin:0}ul,li{margin:0;list-style-type:none}input{outline:none;border:none}input[type=number]{-moz-appearance:textfield;appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea:focus,input:focus{border-color:transparent!important}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}textarea:focus::-moz-placeholder{color:transparent}textarea:focus:-ms-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#000000}input:-moz-placeholder{color:#000000}input::-moz-placeholder{color:#000000}input:-ms-input-placeholder{color:#000000}textarea::-webkit-input-placeholder{color:#000000}textarea:-moz-placeholder{color:#000000}textarea::-moz-placeholder{color:#000000}textarea:-ms-input-placeholder{color:#000000}button{outline:none!important;border:none;background:0 0}button:hover{cursor:pointer}iframe{border:none!important}.container-contact100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:0 0;position:relative;z-index:1}.contact100-map{position:absolute;z-index:-2;width:100%;height:100%;top:0;left:0}.wrap-contact100{width:670px;overflow:hidden;position:relative}.contact100-form-title{width:100%;position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;background-repeat:no-repeat;background-size:cover;padding: 140px 15px;}.contact100-form-title-1{font-family:Poppins-Bold;font-size:20px;color:#fff;line-height:1.2;text-align:center;padding:40px 0; font-family: ar;}.contact100-form-title-2{font-family:Poppins-Regular;font-size:15px;color:#fff;line-height:1.5;text-align:center}.contact100-form-title::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;}.contact100-form{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;padding: 43px 60px 57px 60px;
direction: rtl;background:#4cacc5}.wrap-input100{width:100%;position:relative;margin-bottom:26px}.label-input100{font-family: ar-bold;
font-size: 15px;
color:#000000;
line-height: 1.2;
text-align: right;
position: absolute;
top: 14px;
right: -135px;
width: 135px;}
.input100{direction:rtl;font-family:ar;font-size:15px;color:rgb(0, 0, 0);line-height:1.2;display:block;width:100%;background:rgb(255, 255, 255);padding:0 15px;border-radius:5px;}.focus-input100{position:absolute;display:block;width:100%;height:auto;top:0;left:0;pointer-events:none}input.input100{height:45px}textarea.input100{min-height:115px;padding-top:14px;padding-bottom:13px}.container-contact100-form-btn{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;padding-top:8px}.contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;min-width:160px;height:50px;background-color:#ffd200;border-radius:5px;font-family:Poppins-Regular;font-size:16px;color:#fff;line-height:1.2;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.contact100-form-btn i{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.contact100-form-btn:hover{background-color:#333}.contact100-form-btn:hover i{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}@media(max-width:576px){.contact100-form{padding:43px 15px 57px 117px}}@media(max-width:480px){.contact100-form{padding:43px 15px 57px}.label-input100{text-align:right;position:unset;top:unset;left:unset;width:100%;padding:0 5px}}.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:2px;pointer-events:none;font-family:Poppins-Medium;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px}.alert-validate:hover:before{visibility:visible;opacity:1}@media(max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}
.form-title{
    margin-bottom: -50px;
    padding-top: 90px;}
@media (max-width:480px){
.form-title{
    margin-bottom: -60px;
padding-top: 81px;}}

@media (max-width:366px){
.form-title{
margin-bottom: -85px;
    padding-top: 60px;
}
.form-title h5{
font-size:16px;
}}

