html, body {
    height: 100%;

}

body {
    margin: 0;
}
      .contact-fix-phone {
    position: fixed;
    top: 270px;
    z-index: 1000;
    left: 0px;
    background: #2aaae6;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font-size: 22px;
}
.contact-fix-whatsapp {
    position: fixed;
    top: 338px;
    z-index: 1000;
    left: 0px;
    background: #1ebea5;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font-size: 26px;
}
 body,div,html,span,p,strong,h1,h2,h3,h4,h5,h6,a {
   font-family: 'DroidArabicKufiRegular'!important;

}
.gray{
    background: #f8f8f8;
}

.white{
    background: #fffff;
}
.logo{
height:70px;
    }
 .headline{
color:#404040;
 }
 .header{
     padding-top: 20px;
     padding-bottom:20px;
 }


  .hr{
      text-align:right;
  }
  .formdiv{
      background:#f2f2f2;
      border-radius:20px;
      height:100%;

  }
  form input[type=text]:focus, form input[type=email]:focus, form input[type=mobile]:focus, form textarea:focus,
form input[type="password"]:focus {
    border-color:#e95a27;
}
 form input {
    margin:15px 0;
    padding:15px 10px;
    width:100%;
    outline:none;
    border:1px solid #bbb;
    border-radius:5px;
    display:inline-block;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    -webkit-transition:0.2s ease all;
       -moz-transition:0.2s ease all;
        -ms-transition:0.2s ease all;
         -o-transition:0.2s ease all;
            transition:0.2s ease all;
}

form textarea {
    margin:15px 0;
    padding:15px 10px;
    width:100%;
    outline:none;
    border:1px solid #bbb;
    border-radius:5px;
    display:inline-block;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    -webkit-transition:0.2s ease all;
       -moz-transition:0.2s ease all;
        -ms-transition:0.2s ease all;
         -o-transition:0.2s ease all;
            transition:0.2s ease all;
}


input[type=submit] {
  background-color: #ea5e28;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size:16px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  width: 180px
}

.galbutton{
     background-color: #ea5e28;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size:16px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  width: 100%;
  text-align:center;
}

.call{
       text-align:right;
   }

 .imgc{
       float:right;
   }
@media only screen and (max-width: 600px) {
   .call{
       text-align:left!important;
   }
   .imgc{
      width: 100px;
      margin:0 auto;
   }
   section {
    padding-right: 40px!important;
    padding-left: 40px!important;
}

 }

 .handles svg path{
    stroke:#e2e2e2!important;
  }
  .dots span{
    background:#fff!important;
    opacity:0.5
  }
  .dots span.active{
    opacity:1
  }
    .PostSlide{max-width:1200px;margin:40px auto;}
    .PostSlide{max-width:1200px;margin:10px auto 40px;}
    .PostSlide .innerContainer .slider{display:flex;max-width:1280px;overflow-x:hidden;margin:auto;}
    .PostSlide .innerContainer .slider .slide{display:block;background-size: cover!important;background-position: center center!important;min-width:280px;height:420px;margin:0 10px;}
    .PostSlide .innerContainer .slider{position:relative;z-index:;}
    .PostSlide .innerContainer .handles{display:flex;justify-content:space-between;position:relative;top:-230px;width:100%;cursor:pointer;margin-right:-20px;margin-left:-20px;z-index:4;-webkit-tap-highlight-color:transparent;}
    .PostSlide .dots{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;}
    .PostSlide .dots span{border-radius:10px;background:#CBCBCB;width:6px;height:6px;display:inline-block;cursor:pointer;}
    .PostSlide .slider *{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
    .PostSlide .handles > span{transition:opacity 0.3s;}
    .PostSlide .handles .prev{opacity:0;}
    .PostSlide .handles .next{opacity:1;}
    .PostSlide .handles *{user-select:none;}
    .PostSlide .innerContainer .slider .slide{display:flex!important;flex-direction:column;justify-content:space-between;}
    @media (min-width: 1280px){
        .PostSlide .innerContainer .slider{max-width:1200px!important;margin:0auto;}
    }
    @media (max-width: 1280px){
        .PostSlide .innerContainer .handles{width:calc(100% + 30px)!important;margin-left:-15px!important;margin-right:-15px!important;}
    }
    @media (min-width: 960px) and (max-width: 1280px){
        .PostSlide .innerContainer .slider{width:960px!important;}
    }
    @media (min-width: 960px) and (max-width: 1280px){
        .PostSlide .innerContainer .slider{width:960px!important;}
    }
    @media (min-width: 640px) and (max-width: 960px){
        .PostSlide .innerContainer .slider{width:640px!important;}
    }
    @media (max-width: 640px){
        .PostSlide .innerContainer .slider{width:280px!important;}
    }
    .PostSlide .innerContainer,.PostSlide .slider,.PostSlide .handles,.PostSlide .dots{direction:ltr;}

    .PostSlide .innerContainer .slider .slide>div{display:block;background-size: cover!important;background-position: center center!important;min-width:100%;height:100%;border-radius:8px}