@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap');

body {
    background-color:#fffcf8;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans Arabic", sans-serif;font-size:14px; line-height:28px ; color:#333; 
}
a:focus{outline:none}
a{background:0 0; font-size:14px;transition: all 0.4s ease 0s;  font-family:"Noto Sans Arabic", sans-serif;font-weight:600; color:#141414; text-decoration:none; line-height:28px   }
a:active,a:hover{ outline:0; color:#d43a02 ; text-decoration:none ;transition: all 0.3s ease 0s; cursor:pointer } /*  transition: all 0.4s ease 0s;*/
img{border:0}
hr {
    clear: both;
    border-color: #e4e4ec;
    margin:10px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}
table {
    border-collapse: collapse;
    border-spacing: 0; margin:0; padding:0
}
p{padding:0; margin:0}
.clear {clear:both}



.sitetopnav{display:block;position:sticky;top:0;z-index:100; direction:rtl}

.maintopnav{width:100%; min-width:100%; padding-top:20px; border-bottom:solid 2px #eee; padding-bottom:20px; display:none}
.maincontent{width:90%; min-width:90%;margin:0 auto; direction:rtl}

.toprightdiv{
    width:200px;display:inline-block;vertical-align:top
}
.toprightdiv img{width:100%}

.topcenterdiv{
    width:600px;display:inline-block;vertical-align:top;padding:10px 40px 0 0
}
.topleftdiv{
    width:400px;display:inline-block;vertical-align:top; text-align:left; padding-top:15px
}
.topleftdiv .btn{padding:10px 20px}
.Searchdiv{width:600px; border-radius:8px; background-color:#f1f2f4; height:49px; }
.topslider{width:100%; min-width:100%; height:220px; margin-top:15px}


.header{text-align:center; padding:30px 0; font-family:"Noto Sans Arabic"; color:#0c1e35; font-size:14px; font-weight:700}
.header img{vertical-align:-0.4em; margin-left:5px}
.headerlogo{width:120px; margin:15px auto}
.headerlogo img{width:100%}
.catitem{width:80px; display:inline-block;vertical-align:top; text-align:center; margin:20px 15px}
.catitem img{width:100%}
.cartitemimg{width:100%; height:80px}
.catitem a{font-size:12px}

.nav-container{text-align:right; overflow:scroll}
.scrollcontainer{
overflow-x: hidden;
width: 700px;
}

.mainitem{
    width:90%; display:block; vertical-align:top;padding:0;   margin:25px auto;
}
.mainitemimg{width:100%; height:280px; display:block; vertical-align:top;position:relative}
.mainitemimg img{width:100% ;  border-radius:12px; border-radius:25px}

.mainitemtitle{  display:block; vertical-align:top; width: 100%; padding:20px; position:relative; height:unset}
.mainitemtitle a{font-family:"Noto Sans Arabic"; font-size:15px;}
.mainitemprice{font-family:"Noto Sans Arabic"; font-weight:700; color:#d43a02;direction:ltr;padding-top:10px; text-align:right; font-size:20px }
.mainitemlocation{font-size:14px;position:unset; bottom:0; left:0; right:20px}
.mainitemlocation i.ri-map-pin-line{color:#d43a02; margin-left:5px; vertical-align:-.025em}
.mainitemimg span{position:absolute; background-color:#d43a02; top:20px; right:20px;padding:3px 10px; color:#fff; border-radius:4px; font-weight:500; font-size:12px}

.iconfeauter i{font-size:20px; margin:10px 4px 0 4px; color:#091e42;}





.cityitem{width:30%; margin:1.5%; background-color:#ECECEC; padding:10px 15px; text-align:center; position:relative; border-radius:50px; display:inline-block; vertical-align:top}
.cityitem i{position:absolute; left:0px; font-size:20px; font-weight:normal}
.cityitem a{display:block}





.testmontioal{width:100%; background-color:#F5F5F5; margin:20px 0 0 0; padding:30px 0}
.footertestmontioal{width:100%}
.footertestmontioal div{display:inline-block; vertical-align:top; text-align:center; width:25%}
.footertestmontioal div img{width:50px}
.footertestmontioal span{display:block; font-size:12px; font-weight:600 }


.logindiv{
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}
.infocontent{}







.layout{display:unset!important}

.search-focus {
    background: url(images/search-12-xxl.svg) no-repeat right;
    border: 0;
    outline: none;
    background-size: 22px;
    background-position: 7px;
    width: 35px;
    height: 38px;
    padding:0 20px;
    z-index:10; 
    cursor: pointer; display:inline-block;  font-size:13px; transition: all .5s;
}
.search-focus input{outline:none; }
.search-focus:focus{width:90%;padding-left:40px;cursor:auto; background-color:#fbfbfb;outline: none;  
border: 1px solid rgb(241, 241, 241);border-radius: 25px;  position:absolute; right:20px; top:9px ;  height:40px }






/*
.slidecontent{width:100%; min-width:100%;margin:0 auto; direction:rtl}
.rightdiv{width:500px;display:inline-block; vertical-align:top}
.centerdiv{width:450px;display:inline-block; vertical-align:top; padding:10px 30px 0 0}
.leftdiv{width:250px;display:inline-block; vertical-align:top; border-radius:8px; border:solid 1px #ebebeb; margin-top:10px; padding:5px 20px}
*/
.detailtumbimagefirst {
    width: 100%;
    height: 350px;
    text-align: center;
    margin: 15px auto;
    vertical-align:top
}

.pricetag {
    color: #FD384F;
    font-size: 32px;
    font-family: "Noto Sans Arabic";padding-top:20px; font-weight:500
} 
.pricetag span{font-size:22px}


.centerdiv h6 , .leftdiv h6{font-family:"Noto Sans Arabic";font-weight:500; font-size:14px; padding-top:15px; color:#000}
.centerdiv h6 div ,.leftdiv h6 div{font-size:10px;color:#0c1e35; padding-top:15px}

.detailright{width:100%; display:block; vertical-align:top; margin-top:0}
.detailleft {
    width: 100%;
    display: block;
    vertical-align: top;
    padding-right: 0;
    margin-bottom:30px
}

.detailsellerinfo {
    margin-bottom: 1.2rem;
    border: 1px solid #e7e7e7;
    border-radius: 1.4rem;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    background-color:#ffffff85
}
    .detailsellerinfo span{
        font-family:automanb
    }
   
.favbtn {
    float: left;
  
    margin-top: -10px;
}
    .favbtn i {
       
        font-size: 20px;
        line-height: 38px;
        color: #e52727
    }
    .maincontentdetail {
    width: 100%;
    margin: 0;
    padding: 15px 0;
}
    .maincontentdetail hr{margin:30px 0}
.detailfuterdiv{padding:20px 20px 50px;; background-color:#f4f4f4; border-radius:14px; margin:30px 0}
.detailfuterdiv ul{padding:0; margin:0; margin-top:20px}
.detailfuterdiv li{
    width:49%; display:inline-block;vertical-align:top; list-style-type:none; margin-top:10px
}
.detailfuterdiv li i{color:#d43a02; font-size:20px; margin-left:10px; vertical-align:-.125em}

.detailprice{}
.detailprice div{padding:10px 0 }
.detailprice div i.ri-map-pin-line{color:#d43a02; font-size:22px; margin-left:5px;vertical-align:-.1em}
.detailprice div .btn i{font-size:24px; font-weight:normal;vertical-align:-0.05em}
.detailprice div .btn{font-size:20px; line-height:35px}
.detailprice h2{font-size:30px; color:#d43a02; font-weight:700}
.detailmap{margin-top:20px; border-radius:25px}
.detailmap iframe{border-radius:25px}

.mobilecallsmsbtn{display:unset; position:fixed; bottom:0; background-color:#fff; width:100%; text-align:center; padding:15px 0; direction:rtl;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}

.mobilecallsmsbtn i{font-weight:normal; font-size:20px; vertical-align:-.155em;}


.emptyresult {
    width: 100%;
    margin: 20px auto;
    background-color: #fff;
    padding: 50px;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 25px;
}
.emptyresult img {
    width: 50%;
    margin: 0 0 40px;
}




.addshape{width:100%; min-width:100%; 
      background-color: #fff0e9 ;
    background-image: url(/images/addshape.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
 
       /* box-shadow: 10px 10px 50px #e4d4ea80;*/
}
.addshape h1{padding:80px 0; font-weight:700; color:#141414; text-align:center; font-size:22px}
.addshape h1 a{float:unset; padding-right:25px;padding-left:30px; margin-top:40px}
.addshape h1 a i{font-size:22px; font-weight:normal; line-height:20px; vertical-align:-.125em; margin-left:5px}









.dropdown-toggle{display:inline-block; padding:15px 0;position:relative}



.tekepicturepng{width:70%; margin:10px auto 0 auto; background-image:url(/images/takephoto.svg); background-size:100%;height:150px; background-repeat:no-repeat;margin-top:20px}

.addpropertyright{width:100%; display:block; vertical-align:top; border: 1px solid #e7e7e7;
  border-radius: 1.4rem;
  padding: 1.5rem;
  background-color:#fff;
  float:unset
}
.addpropertyleft {
  width: 100%;
  display: block;
  vertical-align: top;
  padding-right: 30px;
  border-radius: 1.4rem;
  padding: 1rem;
  background-color:#fff;
  border: 1px solid #e7e7e7;
  margin-left:0;
  margin-bottom:30px
}




.textbox{padding:10px 0}
.textbox span{font-weight:600; font-size:12px}
.textbox input{width:100%; display:inline-block}




.weldoneimg{width:100%; margin:0 auto}
.weldoneimg img{width:100%}



.manageadboximg{width:22%; display:inline-block; vertical-align:top; margin:0 1%;margin-bottom:10px; height:75px; position:relative }
.deleteiconedit{position:absolute;margin:auto; top:31%; right:18%;  z-index:2;}
.deleteiconedit a{font-size:45px; color:rgba(255,255,255,.7); font-weight:normal}
.deleteiconedit a:hover{color:#d3001d }









.card-header i{font-weight:normal; font-size:20px; vertical-align:-.1em; margin-left:5px; color:#d43a02}
.propertyright{width:100%; display:block;vertical-align:top;
    margin-top: 0;
}
.propertyright h3{text-align:right; font-size:15px}
.propertyleft{width: 100%; display: block;vertical-align:top; padding-right:0}


#DataPager1{margin:15px 0; padding:0; font-size:18px; font-weight:400; list-style:none;line-height:50px; text-align:center } 
#DataPager1 span{line-height:50px; display:block;}
#DataPager1 a{background-color:#ffffff; width:50px;font-size:18px;font-weight:400;margin:0; height:50px; color:#d43a02; border:solid 1px #d43a02;  line-height:50px; border-radius:50%; text-align:center;}
#DataPager1 a i{line-height:50px; font-size:24px}
#DataPager1 .current { background-color:#d43a02;  height:50px; color:#fff; border: 1px solid #d43a02; display:inline-block;line-height:50px ; border-radius:50%; width:50px;  text-align:center;  font-weight:600; }
#DataPager1 a:link, 
#DataPager1 a:visited{ background-color:#ffffff;  height:50px; color:#d43a02; display:inline-block; width:50px; text-align:center; line-height:50px;}
#DataPager1 a:hover{background-color:#141414; height:50px; color:#ffffff; width:50px; text-align:center; border:solid 1px #141414}











.image {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;  height:100%
}
.image img {
  position : absolute;
 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 0px;
  right: 0px;
  object-fit: cover; width:100%; height:100%;
}
.image img:hover {
  position: relative;   
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.9;
}