/*
  ================================================
  ABOUT PAGE - HERO BUTTON STYLES
  - "Get a quote" is solid blue, subtle hover.
  - "Learn more" is ghost, solid blue on hover.
  ================================================
*/

/* --- Primary Button ("Get a quote") Styling --- */
/* NOTE: Replace '9f62814' with the actual data-id of the button's container */
.elementor-element-9f62814 a.elementor-button {
  transition: all 0.3s ease !important;
  background-color: #1B5AA7 !important; /* Your primary blue */
  border: 2px solid #1B5AA7 !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
}

.elementor-element-9f62814 a.elementor-button:hover {
  background-color: transparent !important;
  border-color: #1B5AA7 !important;
  color: #1B5AA7  !important;  
}


/* --- Secondary/Ghost Button ("Learn more") Styling --- */
/* NOTE: Replace 'e7eef87' with the actual data-id of the button's container */
.elementor-element-e7eef87 a.elementor-button {
  transition: all 0.3s ease !important;
  background-color: #1B5AA7 !important;
  border: 2px solid #1B5AA7 !important; /* Black border to match text */
  color: #FFFFFF  !important;             /* Black text */
  border-radius: 4px !important;
}

.elementor-element-e7eef87 a.elementor-button:hover {
  background-color: transparent !important;
  border-color: #1B5AA7 !important;
  color: #1B5AA7 !important;             /* White text on hover */
}