.agency-representatives {
  padding: 56px 0 90px;
  z-index: 2;
}

.agency-section-heading {
  max-width: 720px;
  margin: 0 auto 46px;
  text-align: center;
}

.agency-section-heading .sup-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #dec87b;
  font-size: 14px;
  margin-bottom: 12px;
}

.agency-section-heading .sup-title::before,
.agency-section-heading .sup-title::after {
  content: "";
  width: 28px;
  height: 1px;
  background: rgba(222, 200, 123, 0.7);
}

.agency-section-heading .title {
  color: #fff;
  font-size: 42px;
  line-height: 1.3;
  font-weight: 800;
  margin: 0 0 14px;
}

.agency-section-heading .title .accent {
  color: #dec87b;
}

.agency-section-heading p {
  color: rgba(255, 255, 255, 0.48);
  font-size: 15px;
  line-height: 28px;
  margin: 0;
}

.agency-representatives-grid {
  row-gap: 24px;
}

.agency-representative-card {
  height: 100%;
  padding: 10px 10px 24px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.agency-representative-card:hover {
  transform: translateY(-7px);
  border-color: rgba(222, 200, 123, 0.35);
  background: rgba(255, 255, 255, 0.04);
}

.agency-representative-image {
  position: relative;
  height: 230px;
  overflow: hidden;
  border-radius: 16px;
  background:
    radial-gradient(circle at 30% 15%, rgba(222, 200, 123, 0.18), transparent 38%),
    rgba(255, 255, 255, 0.035);
}

.agency-representative-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.agency-representative-card:hover .agency-representative-image img {
  transform: scale(1.035);
}

.agency-representative-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(222, 200, 123, 0.55);
  font-size: 58px;
}

.agency-representative-city {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(18, 20, 26, 0.78);
  backdrop-filter: blur(12px);
  color: #fff;
  font-size: 12px;
}

.agency-representative-city i {
  color: #dec87b;
}

.agency-representative-content {
  padding: 20px 10px 0;
}

.agency-representative-content h3 {
  min-height: 29px;
  margin: 0 0 13px;
  color: #fff;
  font-size: 19px;
  line-height: 29px;
  font-weight: 700;
}

.agency-representative-content p {
  min-height: 52px;
  margin: 0 0 17px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  line-height: 24px;
}

.agency-representative-content p i {
  margin-top: 5px;
  color: rgba(222, 200, 123, 0.8);
}

.agency-representative-phone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px dashed rgba(255, 255, 255, 0.13);
  color: #dec87b;
  font-size: 14px;
}

.agency-representative-phone:hover {
  color: #fff;
}

.agency-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 160px;
  border: 1px dashed rgba(255, 255, 255, 0.16);
  border-radius: 24px;
  color: rgba(255, 255, 255, 0.55);
}

.agency-empty-state i {
  color: #dec87b;
  font-size: 22px;
}

.agency-request-section {
  padding: 40px 0 48px;
  z-index: 2;
}

.agency-request-wrapper {
  max-width: 960px;
  margin: 0 auto;
}

.agency-request-wrapper .contact-form-grid textarea.form-control {
  min-height: 110px;
}

.agency-request-wrapper select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%23DEC87B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 18px center;
  padding-left: 42px;
}

.agency-request-wrapper select.form-control option {
  color: #20222b;
  background: #fff;
}

/* جلوگیری از نمایش Select2 روی فرم نمایندگی */
.agency-request-wrapper .select2-container {
  display: none !important;
}

.agency-request-wrapper select.form-control.select2-hidden-accessible {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  clip: auto !important;
}

.salute-hp {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.salute-hp input {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.agency-form-feedback {
  display: none;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  line-height: 24px;
}

@media (max-width: 991px) {
  .agency-representatives {
    padding: 68px 0 58px;
  }

  .agency-section-heading .title {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .agency-section-heading {
    margin-bottom: 32px;
  }

  .agency-section-heading .title {
    font-size: 28px;
  }

  .agency-representative-image {
    height: 260px;
  }

  .agency-request-section {
    padding-bottom: 72px;
  }
}