/* Base styles for the anchor tag */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: none; /* Ensure no underline or other decoration on hover */
}
p,h5{
    font-size: larger;
}

.realstate_web_photo{
    width: 295px;
    margin-left: 7px;
}

.realstate_web_photo2{
    width: 295px;
    margin-left: 7px;
}

.realstate_web_photo3{
    width: 295px;
    margin-left: 7px;

}
.articles{
    border-radius: 3px;
    outline: none;
    background-color: aliceblue;
    color: rgb(41, 41, 208);
    border: 1px solid rgb(15, 15, 195);
    left: 127px;
    /* bottom: 40px; */
    position: relative;
  transition: 0.5s;
}
.articles:hover{
    /* width: 62px; */
    border-radius: 3px;
    outline: none;
    background-color: rgb(8, 20, 123);
    color: rgb(227, 227, 233);
    border: 1px solid rgb(15, 15, 195);
    /* left: 124px; */
    /* bottom: 40px; */
    position: relative;
}
.work{
    width: 62px;
    border-radius: 3px;
    outline: none;
    background-color: aliceblue;
    color: rgb(41, 41, 208);
    border: 1px solid rgb(15, 15, 195);
    left: 124px;
    /* bottom: 40px; */
    transition: 0.5s;
    position: relative;

}
.work:hover{
    width: 62px;
    border-radius: 3px;
    outline: none;
    background-color: rgb(8, 20, 123);
    color: rgb(227, 227, 233);
    border: 1px solid rgb(15, 15, 195);
    left: 124px;
    /* bottom: 40px; */
    position: relative;

}
.clients{
    width: 62px;
    border-radius: 3px;
    outline: none;
    background-color: aliceblue;
    color: rgb(41, 41, 208);
    border: 1px solid rgb(15, 15, 195);
    left: -81px;
    /* bottom: 40px; */
    transition: 0.5s;
    position: relative;
    padding: 1px;

}
.clients:hover{
    
    width: 62px;
    border-radius: 3px;
    outline: none;
    background-color: rgb(8, 20, 123);
    color: rgb(227, 227, 233);
    border: 1px solid rgb(15, 15, 195);
    position: relative;
}
#languageToggle {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    right: 20px;
}

#languageToggle:hover {
    background-color: #0056b3;
}
p{
    margin-top: 11px;
    margin-bottom: 1rem;
    max-width: 305px;
    margin-left: 13px;
}

h6   {
 text-transform: uppercase;
font-weight: bold;
font-size: 18px;
margin-left: 8px;
}
.like_img{
    width: 50px;
    left: -14px;
    position: relative;
}
.top_btn{
    display: block;
    position: fixed;
    bottom: 5px;
    z-index: 10000;
    outline: none;
    right: 3px;
    border-radius: 3px;
    padding: 5px;
    border: none;
    background: #090320ec;
    color: white;

 }
.top_btn:focus {
    outline: none;
  }
  .top_img{
    width: 20px;
    
}
  .smart_land_btn{
    width: 111px;
    height: 53px;
    padding: 5px;
    border-radius: 4px;
    outline: none;
    border: 2px solid #1996d0;
  }
  
  @media screen and (min-width: 1024px) {
    .smart_land_btn {
        position: relative;
        left: 170px;
        
    }
}

  .container_social_media {
    background: #24afe2;
    padding: 50px;
    height: 150px;    display: flex;
    justify-content: center; /* لجعل العناصر في المنتصف */
    gap: 10px; /* مسافة بين العناصر */
    flex-wrap: wrap; /* للسماح للعناصر بالانتقال إلى سطر جديد إذا لم يكن هناك مساحة كافية */
}

.container_social_media a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.container_social_media img {
    transition: transform 0.3s; /* تأثير التحويل عند التحويم */
}

.container_social_media img:hover {
    transform: scale(1.1); /* تكبير الصورة عند التحويم */
}
.facebook_icon_edit{
    width: 30px;
    height: 30px;
    background-color: #24afe2;
}

.abservation{
    cursor: pointer;
    padding: 10px;
}
.setting_vedio{
    width: 30px;
    height: 30px;

}
.setting_vedio_btn{
    outline: none;
    border: none;
    right: 5x;
    top: -62px;
    position: relative;
}
.setting_img_btn{
    width: 30px;
    height: 30px;

}

.setting_btn{
    outline: none;
    border: none;
    right: -1px;
    top: 24px;
    position: absolute;

}
.setting_btn:focus{
    outline: none;
    border: none;


}