@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css');
@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');

@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:15px; line-height:34px ; color:#141414; 
}
a:focus{outline:none}
a{background:0 0; font-size:15px;transition: all 0.4s ease 0s;  font-family: "Noto Sans Arabic", sans-serif;font-weight:600; color:#141414; text-decoration:none; line-height:22px; }
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:none}
.maintopnav{width:100%; min-width:1200px; padding-top:20px; border-bottom:solid 2px #eee; padding-bottom:20px}
.maincontent{width:1200px; min-width:1200px;margin:0 auto; direction:rtl}
.toprightdiv{
    width:500px;display:inline-block;vertical-align:top;padding:5px 0 0 0
}

.topcenterdiv{
    width:200px;display:inline-block;vertical-align:top; text-align:center; padding-top:2px
}
.topcenterdiv img{height:50px}
.topleftdiv{
    width:500px;display:inline-block;vertical-align:top; text-align:left; padding-top:5px
}
.topleftdiv .btn{padding:10px 20px}
.Searchdiv{width:400px; border-radius:25px; background-color:#f1f2f4; height:49px; display:block ; padding:6px 10px 0 10px; position:relative}
.Searchdiv input{width:95%; background:transparent; border:0 ; outline:none; padding-right:20px}
.btnsearch{position:absolute; left:15px; top:12px}
.btnsearch i{font-size:20px}
.topslider{width:100%; min-width:1200px; height:440px;  margin-top:20px}



.nav-container{overflow:hidden; text-align:center}

.header{text-align:center; padding:40px 0; font-family:"Noto Sans Arabic"; font-weight:600; color:#0c1e35; font-size:22px}
.header img{vertical-align:-0.4em; margin-left:5px}
.headerlogo{width:150px; margin:20px auto}
.headerlogo img{width:100%}
.catitem{width:106px; display:inline-block;vertical-align:top; text-align:center; margin:20px 22px}
.catitem img{width:100%}
.catitem a{font-size:13px}



.mainitem{
    width:48%; display:inline-block; vertical-align:top;padding:24px; border:solid 1px #d9d9d9; border-radius:24px; margin:15px 1%
}
.mainitemedit{width:100%; display:block; vertical-align:top;padding:24px; border:solid 1px #d9d9d9; border-radius:24px; margin:15px 0}
.mainitemedit:hover{background-color:#f5f5f5}
.mainitemimg{width:180px; height:180px; display:inline-block; vertical-align:top;position:relative}
.mainitemimg img{width:100% ; aspect-ratio:1/1; border-radius:12px}
.mainitemtitle{  display:inline-block; vertical-align:top; width: calc(100% - 180px); padding-right:20px; line-height:28px!important;position:relative; height:180px;
        
}
.mainitemtitle a{font-family:"Noto Sans Arabic"; font-size:15px;
                           overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical;
}
.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:absolute; 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:10px; right:10px;padding:3px 10px; color:#fff; border-radius:4px; font-weight:500; font-size:14px}

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



.cityitem{width:14.66%; margin:1%; background-color:#ECECEC; padding:20px; 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:30px 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:100px}
.footertestmontioal span{display:block; font-size:16px; font-family:"Noto Sans Arabic"; font-weight:500; color:#d43a02; padding-top:20px}




.logindiv{
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1); border-radius:25px
}
.infocontent{ }
.layout{display:none!important}


/*.slidecontent{width:1200px; min-width:1200px;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: 450px;
    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:800px; display:inline-block; vertical-align:top; margin-top:40px}
.detailleft {
    width: 400px;
    display: inline-block;
    vertical-align: top;
    padding-right: 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-weight:600
    }
   
.favbtn {
   /* float: left;*/
    margin-top: 0; margin-left:10px
}
    .favbtn i {
       
        font-size: 20px;
        line-height: 38px;
        color: #e52727; font-weight:normal
    }
    .maincontentdetail {
    width: 100%;
    margin: 0;
    padding: 0;
}
    .maincontentdetail hr{margin:30px 0}
.detailfuterdiv{padding:30px 30px 50px;; background-color:#f4f4f4; border-radius:14px; margin:30px 0; border: 1px solid #e7e7e7;
}
.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;font-weight:normal;}
.detailprice h2{font-size:30px; color:#d43a02; font-weight:700}
.detailmap{margin-top:20px; border-radius:25px}
.detailmap iframe{border-radius:25px}

.mobilecallsmsbtn{display:none}

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

.emptyresult {
    width: 60%;
    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:1200px; 
      background-color: #fff0e9 ;
    background-image: url(/images/addshape.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top:30px
 
       /* box-shadow: 10px 10px 50px #e4d4ea80;*/
}
.addshape h1{padding:100px 0; font-weight:700; color:#141414; font-size:32px}
.addshape h1 a{float:left; padding-right:25px;padding-left:30px}
.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:698px; display:inline-block; vertical-align:top; border: 1px solid #e7e7e7;
  border-radius: 1.4rem;
  padding: 2rem;
  background-color:#fff;
  float:left
}
.addpropertyleft {
    width: 470px;
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
      border-radius: 1.4rem;
  padding: 1.8rem;
  background-color:#fff;
  border: 1px solid #e7e7e7;
  margin-left:30px
}





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




.weldoneimg{width:65%; 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:37%; right:25%;  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:250px; display:inline-block;vertical-align:top;
  
    margin-top: 25px;

}
.propertyright h3{text-align:right; font-size:15px}
.propertyleft{width: calc(100% - 250px); display:inline-block;vertical-align:top; padding-right:10px}


#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}



.cartitemimg{width:100%; display:inline-block;vertical-align:top; text-align:center; aspect-ratio: 1 / 1}



.hometop{text-align:center;box-shadow: 0 8px 30px #0d0a2c26;background-color: #fff;
    border-radius: 25px;
    padding: 30px 0;
    width:60%; margin:-50px auto 0 auto; z-index:100000; overflow:hidden;position:relative
}

.hometop a{width:30%; margin:0 10px}








.image {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;border-radius:12px
}
.image img {
  position : relative;
 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  object-fit: cover; width:100%; height:100%; 
 
}
.image img:hover {
  position: relative;   
  -webkit-transform: scale(1.05);
  transform: scale(1.02);
  opacity: 0.9;
}