.highlight-block-container { font-family: Inter, sans-serif; padding: 1.5rem; max-width: 1280px; margin-left: auto; margin-right: auto; }
.highlight-block-spacing { margin-bottom: 4rem; }
.highlight-block-card { background-color: rgb(229, 233, 240); border-radius: 1rem; padding: 2rem; display: flex; flex-direction: column; gap: 1.5rem; min-width: 300px; margin-left: auto; margin-right: auto; border: 1px solid rgba(136, 152, 175, 0.4); box-shadow: rgba(136, 152, 175, 0.1) 0px 10px 15px -3px, rgba(136, 152, 175, 0.05) 0px 4px 6px -2px; transition: transform 0.3s; max-width: 550px !important; }
.highlight-block-card:hover { transform: translateY(-3px); }
.highlight-block-content { display: flex; gap: 1.5rem; align-items: flex-start; }
.highlight-block-text h3 { font-size: 1.5rem; font-weight: 700; color: rgb(30, 41, 59); margin-bottom: 0.5rem; line-height: 1.2; }
.highlight-block-text p { color: rgb(71, 85, 105); margin-bottom: 0.5rem; line-height: 1.5; }
.highlight-block-image { width: 120px; height: 120px; min-width: 120px; display: flex; justify-content: center; align-items: center; border-radius: 0.75rem; overflow: hidden; background-color: rgb(207, 216, 230); flex-shrink: 0; }
.highlight-block-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border-radius: 0.75rem; }
.highlight-block-emphasis { font-style: italic; font-weight: 600; color: rgb(30, 41, 59); margin-top: 1rem; border-left: 3px solid rgb(59, 130, 246); padding-left: 0.75rem; }
.highlight-block-cta { margin-top: auto; }
.highlight-block-button { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; border-radius: 0.5rem; background-color: rgb(59, 130, 246); color: white; font-weight: 600; text-decoration: none; transition: background-color 0.3s; }
.highlight-block-button:hover { background-color: rgb(37, 99, 235); }
.highlight-block-button svg { margin-left: 0.5rem; width: 1.25rem; height: 1.25rem; color: white; stroke-width: 2.5; }
@media (max-width: 640px) {
  .highlight-block-card { max-width: 100%; min-width: auto; }
  .highlight-block-content { flex-direction: column; align-items: center; text-align: center; }
  .highlight-block-image { width: 150px; height: 150px; min-width: 150px; }
  .highlight-block-text h3 { font-size: 1.25rem; }
  .highlight-block-cta { text-align: center; }
}