body {
  /* Flexbox for vertical and horizontal centering of the main content */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f8f9fa; /* Light background color for the page */
  font-family: "Inter", sans-serif; /* Using Inter font as per instructions */
}
.container {
  /* Max width for better readability on large screens */
  max-width: 960px;
}
.card {
  border-radius: 15px; /* Rounded corners for cards */
  overflow: hidden; /* Ensures content respects border-radius */
}
.card-header {
  background-color: #e9ecef; /* Light gray background for card header */
  padding: 1.5rem; /* Padding inside the header */
  border-bottom: none; /* Remove default border */
}
.card-icon {
  font-size: 3.5rem; /* Large icon size */
  color: #789b3e; /* Bootstrap primary blue color */
}
.btn {
  border-radius: 50rem; /* Pill-shaped buttons */
  padding: 0.75rem 2rem; /* Comfortable padding for buttons */
}
.display-4 {
  font-size: calc(1.525rem + 3.3vw); /* Responsive font size for logo */
}
.lead {
  font-size: 1.15rem; /* Slightly larger lead text */
}
/* Ensure all elements have rounded corners */
.rounded-corners {
  border-radius: 15px !important;
}
.btn-scgreen {
  background-color: #789b3e;
}

.sc-hr {
  border: none; /* Removes default border */
  height: 1px; /* Sets the thickness of the line */
  background-color: rgb(51, 51, 51); /* Sets the color of the line */
  margin: 20px 0; /* Adds vertical spacing around the line */
  width: 25%;
}

.scgreen {
  color: #789b3e;
}