@import url(font/sf.css);

body {
    background-color:#fff;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans Arabic", sans-serif;font-size:15px; line-height:30px ; 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:25px   }
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:100%; padding-top:20px; border-bottom:solid 2px #eee; padding-bottom:20px}
.maincontent{width:95%; min-width:95%;margin:0 auto; direction:rtl}
.toprightdiv{
    width:35%;display:inline-block;vertical-align:top
}
.toprightdiv img{width:80%}

.topcenterdiv{
    width:30%;display:inline-block;vertical-align:top;padding:0 0 0 0; text-align:center
}
.topleftdiv{
    width:35%;display:inline-block;vertical-align:top; text-align:left; padding-top:8px
}
.topleftdiv .btn{padding:10px 20px}
.Searchdiv{width:100%; border-radius:8px; background-color:#f1f2f4; height:49px; display:block ; padding:6px 10px 0 10px; position:relative}
.Searchdiv input{width:95%; background:transparent; border:0 ; outline:none;}
.btnsearch{position:absolute; left:15px; top:12px}
.btnsearch i{font-size:20px}
.topslider{width:100%; min-width:100%; height:360px;  margin-top:20px}



.nav-container{overflow:scroll;}
.header{text-align:center; padding:30px 0; font-family:"Noto Sans Arabic"; color:#0c1e35; font-size:16px; font-weight:600}
.header img{vertical-align:-0.4em; margin-left:5px}
.headerlogo{width:120px; margin:10px auto}
.headerlogo img{width:100%}
.catitem{width:84px; display:inline-block;vertical-align:top; text-align:center; margin:20px 22px}
.catitem img{width:100%}
.catitem a{font-size:12px}
.cartitemimg{width:100%;  aspect-ratio: 1 / 1; }




.mainitem{
    width:48%; display:inline-block; vertical-align:top;padding:17px; border:solid 1px #d9d9d9; border-radius:24px; margin:15px 1%
}
.mainitemimg{width:150px; height:150px; 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% - 150px); padding-right:20px; line-height:28px!important;position:relative; height:150px}
.mainitemtitle a{font-family:"Noto Sans Arabic"; font-size:15px;}
.mainitemtitle hr{margin:6px 0}
.mainitemprice{font-family:"Noto Sans Arabic"; font-weight:700; color:#d43a02;direction:ltr;padding-top:1px; text-align:right; font-size:18px }
.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:16px; margin:10px 2px 0 2px; color:#091e42;}



.cityitem{width:14.66%; margin:1%; background-color:#ECECEC; padding:12px 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: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:15px; font-family:"Noto Sans Arabic"; font-weight:600; text-align:center}




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




























.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;
}