.navbar-brand {
  display: flex;         /* Treats the link as a flex container */
  align-items: center;   /* Vertically aligns the logo and text in the middle */
  gap: 0.5rem;           /* Adds a nice space between the logo and the text (optional) */
}

/* Empty circle */
.nGY2Icon-circle-empty {
color: #21759b !important;
}

/* Checkmark */
.nGY2Icon-ok {
color: #21759b !important;
}

/* Vertically center flex items in a row */
.align-items-center {
  display: flex;
  align-items: center;
}

/* Vertically center sections */
.section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 20 !important; /* Adjust if needed */
    padding-bottom: 20 !important; /* Adjust if needed */
}

.row.m45 {
    margin-top: 0 !important; /* Adjust to your desired value */
    margin-bottom: 0 !important; /* Adjust if needed */
}

.section .row.m45 {
  display: flex;
  align-items: center;   /* vertical centering */
}

/* Reset the original template's absolute positioning for the about image */
.aboutimage {
    position: static; /* This puts the image back in the normal document flow */
    width: auto;      /* This lets the Bootstrap column handle the width */
}