/* ===================================================================
   استایل مشترک سایت
   =================================================================== */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Tahoma, Arial, sans-serif;
  background: #0d0d0d;
  color: #eee;
  direction: rtl;
}

/* ---------- صفحه اول (کارت ویزیت) ---------- */

.card-wrapper {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}

.card-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

/* لایه‌های شفاف قابل کلیک روی عکس صفحه اول
   موقعیت هرکدام با درصد (top/left/width/height) تعیین شده
   تا با هر سایز صفحه (موبایل/دسکتاپ) هماهنگ بماند. */
.hotspot {
  position: absolute;
  cursor: pointer;
  /* برای دیدن محدوده هنگام تنظیم، خط پایین را از حالت کامنت خارج کنید */
  /* background: rgba(255,0,0,0.25); */
}

.hotspot-company {
  top: 24%;
  right: 0%;
  width: 100%;
  height: 9%;
}

.hotspot-manager {
  top: 88.5%;
  right: 0%;
  width: 53%;
  height: 10.5%;
}

/* ---------- صفحات دوم و سوم ---------- */

.page {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 20px 60px;
}

.back-link {
  display: inline-block;
  margin-bottom: 20px;
  color: #f5c518;
  text-decoration: none;
  font-size: 15px;
}

.back-link:hover {
  text-decoration: underline;
}

.page h1 {
  text-align: center;
  font-size: 26px;
  margin-bottom: 25px;
  color: #fff;
}

.page img.content-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 30px;
  border-radius: 6px;
}

.page p {
  line-height: 2;
  font-size: 17px;
  text-align: justify;
  color: #ddd;
  margin-bottom: 18px;
}