/* ============================================
   НИЙТ САЙТЫН ӨНГӨ / ФОНТ / ЗАЙ САЙЖРУУЛАЛТ
   Зөвхөн тодорхой class/section-уудад scope хийсэн.
   Ерөнхий class нэр (.active, .hidden гэх мэт) огт хөндөөгүй.
   ============================================ */

/* ---------- Ерөнхий дэвсгэр өнгө ---------- */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

body {
  background-color: #def4ea;
}

/* ---------- Гарчгуудын нэгдсэн загвар ---------- */
.rankmain > h3,
.testimonial-section > h2 {
  font-family: "Source Sans Pro", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  letter-spacing: -0.01em;
  position: relative;
  margin-bottom: 28px;
}

/* Гарчгийн доор жижиг өнгөт зурвас */
.rankmain > h3::after,
.testimonial-section > h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  border-radius: 4px;
  background: var(--green, #79c314);
  margin: 12px auto 0 auto;
}

/* ---------- Хэсэг хоорондын зай (rhythm) ---------- */
.rankmain {
  margin-top: 56px;
  margin-bottom: 56px;
  padding: 32px 20px;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.testimonial-section {
  margin-bottom: 24px;
}

.div3 {
  margin-bottom: 20px;
}

.div3 .grid-container {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Footer сайжруулалт ---------- */
.developer {
  font-size: 13px;
  letter-spacing: 0.3px;
  opacity: 0.85;
}

/* ---------- Responsive spacing ---------- */
@media (max-width: 768px) {
  .rankmain {
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 24px 14px;
    border-radius: 16px;
  }
  .rankmain > h3,
  .testimonial-section > h2 {
    font-size: 22px;
  }
}