@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');

:root{
  --blue:#0a5ea8;
  --blue2:#083f73;
  --orange:#f47b20;
  --bg:#f4f6fb;
  --text:#1f2b3a;
}

*{box-sizing:border-box}
body{
  font-family:'Droid Arabic Kufi', sans-serif;
  direction:rtl;
  background:var(--bg);
  color:var(--text);
}

.navbar{
  background:linear-gradient(90deg,var(--blue2),var(--blue));
}
.navbar .navbar-brand{font-weight:700}
.nav-link{color:#fff !important; opacity:.92}
.nav-link:hover{opacity:1}

.hero-card{
  border:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 35px rgba(0,0,0,.10);
}

.fold{
  position:relative;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.fold:before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:110px; height:110px;
  background:linear-gradient(135deg,#dfefff, #ffffff);
  clip-path:polygon(0 0, 100% 0, 0 100%);
  opacity:.9;
}

.section-title{
  font-weight:800;
  color:var(--blue2);
}
.badge-orange{
  background:var(--orange);
}

.icon-circle{
  width:54px; height:54px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(10,94,168,.12);
  color:var(--blue2);
  font-size:22px;
}

.card-soft{
  border:0;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}

.footer{
  background:#0b0f14;
  color:#fff;
  padding:18px 0;
  margin-top:40px;
}
.footer a{color:#fff; text-decoration:none}
.footer a:hover{text-decoration:underline}

.whatsapp-float{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:9999;
  width:56px;height:56px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  text-decoration:none;
  font-size:28px;
}
.whatsapp-float:hover{opacity:.95}

.product-img{
  height:190px;
  object-fit:cover;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
}
/* ====== Professional Footer ====== */
.footer-pro{
  background:linear-gradient(135deg,#0b0f14,#0f1720);
  color:#ffffff;
  border-top:3px solid #0a5ea8;
}

.footer-pro .footer-text{
  font-size:14px;
}

.footer-pro .footer-text strong{
  color:#ffffff;
}

.footer-pro .tarmiz-link{
  color:#4da3ff;
  font-weight:600;
  text-decoration:none;
}

.footer-pro .tarmiz-link:hover{
  text-decoration:underline;
  color:#7bbcff;
}
.footer-copy{
  color:#ffffff !important;
  font-size:14px;
  margin-top:4px;
  opacity:1;
}