.home_banner .topsearch{padding-left:15px;padding-right:15px;width:70%}
.topsearch .keyword-input, .topsearch .location-input {
    display: inline-block;
    position: relative;
width:calc(35% - 105px)
    
}
.h2, h2 {
    font-size: 1.25rem;
}
.projecthome .item .description h5 {
    padding-right: 1px;
}
.h5, h5 {
     font-size:0.8rem;
}
@media (max-width: 576px) {
    .topsearch .keyword-input+.input-group-prepend {
        margin-top: 1px;
    }
 .topsearch .country-input {
        margin-top: 10px;
    }
  
}
@media (max-width: 576px) {
    .topsearch .input-group-prepend {
        margin-top: 0px;
    }
  .topsearch .input-group-prepend.country {
        margin-top: 10px;
    }
 .topsearch .input-group-prepend.city {
        margin-top: 10px;
    }
  .topsearch .keyword-input, .topsearch .location-input {
    display: inline-block;
    position: relative;
width:auto;
    
}
}
.search-box-items .dropdown-menu {
    max-width: 100%;
    overflow-x: auto;
}
.mb-2, .my-2 {
    margin-bottom: .9rem !important;
}

/* =========================
   DIAR About Page — Updated UI
========================= */
#about-diyar{
  --primary:#0A3A5A;
  --accent:#D7A52A;
  --text:#1E2429;
  --bg-light:#F5F7FA;
  font-family:inherit;
}

/* مسافات */
#about-diyar section{ padding:80px 0; }
#about-diyar .container{ max-width:1200px; margin:0 auto; padding:0 20px; }

/* عناوين */
#about-diyar .section-title{
  font-size:32px; font-weight:800; color:var(--primary);
  margin-bottom:18px; text-align:center;
}
#about-diyar .section-sub{ text-align:center; margin-bottom:40px; color:#7c8794; }

/* ✅ HERO (صورة يمين) */
#about-diyar .hero-inner{
  display:flex; align-items:center; gap:50px;
  flex-wrap:wrap-reverse;
}
#about-diyar .hero-text{ flex:1 1 46%; }
#about-diyar .hero-text h1{
  font-size:40px; font-weight:800; line-height:1.25;
  color:var(--primary); margin-bottom:12px;
}
#about-diyar .hero-text p{ font-size:18px; opacity:0.95; margin-bottom:20px; }
#about-diyar .btn{
  background:var(--accent); color:#fff!important; padding:12px 28px;
  border-radius:10px; font-weight:700; display:inline-block;
  transition:.25s;
}
#about-diyar .btn:hover{ transform:translateY(-4px); background:#b78c1d; }
#about-diyar .hero-img{ flex:1 1 46%; }
#about-diyar .hero-img img{
  width:100%; height:380px; object-fit:cover;
  border-radius:16px;
}

/* ✅ Expertise — دوائر ذهبية */
#about-diyar .grid{
  display:grid; gap:40px; justify-items:center;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
#about-diyar .icon-box{
  text-align:center; transition:.25s;
}
#about-diyar .icon-circle{
  width:85px; height:85px; border-radius:50%;
  background:var(--accent); display:flex;
  justify-content:center; align-items:center;
  margin:0 auto 14px; transition:.25s;
}
#about-diyar .icon-circle i{
  font-size:34px; color:#fff;
}
#about-diyar .icon-box:hover .icon-circle{
  transform:translateY(-6px); box-shadow:0 6px 16px rgba(0,0,0,0.12);
}
#about-diyar .icon-box h4{
  font-size:18px; font-weight:800; color:var(--primary);
}

/* Numbers */
#about-diyar .counter-wrap{
  display:flex; justify-content:center; gap:56px; flex-wrap:wrap;
}
#about-diyar .counter{ text-align:center; }
#about-diyar .counter strong{
  font-size:32px; color:var(--primary); font-weight:800;
}
#about-diyar .counter span{ color:#7a7f85; }

/* Vision & Mission */
#about-diyar .vm{
  background:var(--primary); color:#fff; text-align:center;
}
#about-diyar .vm .row{
  display:flex; gap:30px; justify-content:center; flex-wrap:wrap;
}
#about-diyar .vm .card{
  width:340px; background:#fff; color:var(--text);
  border-radius:14px; padding:28px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  transition:.25s;
}
#about-diyar .vm .card:hover{ transform:translateY(-8px); }
#about-diyar .vm .card i{
  color:var(--primary); font-size:36px; margin-bottom:10px;
}

/* =========================
   DIAR — Arabic RTL About Page
========================= */

#about-diyar-ar{
  direction: rtl;
  text-align: right;
  --primary:#0A3A5A;
  --accent:#D7A52A;
  --text:#1E2429;
  --bg-light:#F5F7FA;
  font-family: "Tajawal", sans-serif !important;
}

/* مسافات عامة */
#about-diyar-ar section{ padding:80px 0; }
#about-diyar-ar .container{ max-width:1200px; margin:0 auto; padding:0 20px; }

/* عناوين */
#about-diyar-ar .section-title{
  font-size:32px; font-weight:800; color:var(--primary);
  margin-bottom:18px; text-align:center;
}
#about-diyar-ar .section-sub{
  text-align:center; margin-bottom:40px;
  color:#7c8794; font-size:17px;
}

/* ✅ الهيرو (الصورة يسار بالعربي) */
#about-diyar-ar .hero-inner{
  display:flex; align-items:center; gap:50px;
  flex-wrap:wrap-reverse;
}
#about-diyar-ar .hero-text{ flex:1 1 46%; }
#about-diyar-ar .hero-text h1{
  font-size:40px; font-weight:800; line-height:1.25;
  color:var(--primary); margin-bottom:12px;
}
#about-diyar-ar .hero-text p{
  font-size:18px; opacity:.95; margin-bottom:22px;
}
#about-diyar-ar .btn{
  background:var(--accent); color:#fff !important; padding:10px 28px;
  border-radius:8px; display:inline-block;
  font-weight:700; transition:.25s;
}
#about-diyar-ar .btn:hover{
  background:#b78c1d; transform:translateY(-3px);
}
#about-diyar-ar .hero-img{ flex:1 1 46%; }
#about-diyar-ar .hero-img img{
  width:100%; height:380px; object-fit:cover;
  border-radius:16px;
}

/* ✅ خبراتنا */
#about-diyar-ar .grid{
  display:grid; gap:40px; justify-items:center;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
#about-diyar-ar .icon-box{
  text-align:center; transition:.25s;
}
#about-diyar-ar .icon-circle{
  width:85px; height:85px;
  background:var(--accent);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 12px;
  transition:.25s;
}
#about-diyar-ar .icon-circle i{
  color:#fff; font-size:34px;
}
#about-diyar-ar .icon-box:hover .icon-circle{
  transform:translateY(-6px);
  box-shadow:0 6px 16px rgba(0,0,0,0.15);
}
#about-diyar-ar .icon-box h4{
  font-size:18px; font-weight:800; color:var(--primary);
}

/* ✅ الأرقام */
#about-diyar-ar .counter-wrap{
  display:flex; justify-content:center; gap:56px;
  flex-wrap:wrap; text-align:center;
}
#about-diyar-ar .counter strong{
  font-size:32px; font-weight:800;
  color:var(--primary);
}
#about-diyar-ar .counter span{
  display:block; margin-top:6px;
  color:#7a7f85; font-size:16px;
}

/* ✅ الرؤية والرسالة */
#about-diyar-ar .vm{
  background:var(--primary); text-align:center; color:#fff;
}
#about-diyar-ar .vm .row{
  display:flex; gap:30px; justify-content:center;
  flex-wrap:wrap;
}
#about-diyar-ar .vm .card{
  width:340px; background:#fff; color:var(--text);
  padding:28px; border-radius:14px;
  transition:.25s; box-shadow:0 8px 24px rgba(0,0,0,.06);
}
#about-diyar-ar .vm .card:hover{
  transform:translateY(-8px);
}
#about-diyar-ar .vm .card i{
  font-size:36px; margin-bottom:10px;
  color:var(--primary);
}

/* ✅ تصغير النص في الشاشات الصغيرة */
@media(max-width:768px){
  #about-diyar-ar .hero-text h1{ font-size:28px; }
}

/* ✅ من نحن */
#about-diyar-ar .about-company{
  background:var(--bg-light);
  padding:80px 0 85px;
}

#about-diyar-ar .about-box{
  text-align:center;
  max-width:850px;
  margin:0 auto;
  animation:fadeUp .8s ease-out;
}

#about-diyar-ar .icon-circle-lg{
  width:90px; height:90px;
  background:var(--accent);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 20px;
}
#about-diyar-ar .icon-circle-lg i{
  color:#fff; font-size:38px;
}

#about-diyar-ar .about-text{
  font-size:18px;
  line-height:1.9;
  margin-top:18px;
  color:#23303A;
}

/* ✅ أنيميشن ناعم */
@keyframes fadeUp{
  from{opacity:0; transform:translateY(30px);}
  to{opacity:1; transform:translateY(0);}
}

/* ✅ About Company - English Style */
#about-diyar .about-company {
  background: var(--bg-light);
  padding: 80px 0 85px;
}

#about-diyar .about-box {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
  animation: fadeUp .8s ease-out;
}

#about-diyar .icon-circle-lg {
  width: 90px;
  height: 90px;
  background: var(--accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

#about-diyar .icon-circle-lg i {
  color: #fff;
  font-size: 38px;
}

#about-diyar .about-text {
  font-size: 18px;
  line-height: 1.85;
  margin-top: 18px;
  color: #23303A;
}

/* ✅ Fade-up Animation */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}