/* ===== Featured Agent Strip - Beige Background + White Bubble ===== */
.mod-featured-agent-strip-wrapper {
  background-color: #FFF8E7; /* light cream/beige for full width */
  padding: 30px 16px; /* equal top/bottom padding */
  margin-bottom: 0; /* no gap before footer */
}

.mod-featured-agent-strip-wrapper .grid-child {
  margin-bottom: 0; /* remove module default spacing */
}

.container-footer {
  margin-top: 0; /* footer connects directly */
}

/* Layout for agent section */
.agent-container {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

.agent-photo img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}

/* White bubble box */
.agent-bio {
  background: #ffffff; /* white bubble */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* drop shadow */
}

.agent-bio .intro {
  font-size: 0.9em;
  color: #666;
  margin-bottom: 5px;
}

.agent-bio h3 {
  margin: 5px 0;
  font-size: 1.4em;
}

.quote-btn {
  display: inline-block;
  margin-top: 10px;
  background: #0077cc;
  color: white;
  padding: 10px 18px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
}

.quote-btn:hover {
  background: #005fa3;
}

/* Responsive layout */
@media (max-width: 768px) {
  .agent-container {
    flex-direction: column;
    text-align: center;
  }
  .agent-bio {
    text-align: center;
  }
}