.divider:after,
.divider:before {
  content: "";
  flex: 1;
  height: 1px;
  background: #eee;
}
.h-custom {
  height: calc(100% - 73px);
}
@media (max-width: 450px) {
  .h-custom {
    height: 100%;
  }
}

body{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
    height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

header {
    padding: 20px;
    text-align: center;
}

h2 {
    margin: 0;
    font-size: 2em;
    letter-spacing: 2px;
}

a.text-body {
  color: inherit; /* Keep the initial text color */
  text-decoration: none; /* Remove underline */
  transition: color 0.3s ease; /* Smooth transition for color change */
}

/* Hover effect */
a.text-body:hover {
  color: #24135f !important; /* Change to ff6ec4 on hover */
  text-decoration: underline;
  cursor: pointer; /* Change the cursor to pointer */
}

.container-fluid {
  width: 100%;
}

.input-group {
  display: flex;
  align-items: center; /* Center-align the input and button */
}

/* Ensure the button matches the input's height */
.input-group > input.form-control-md {
  width: auto !important;
  flex: 1 1 auto;
}

.input-group > button[type="button"] {
  padding-top: 0.60rem !important; 
  line-height: normal; /* Reset line-height */
  height: 100%; /* Match input height */
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center; /* Vertically center text */
  white-space: nowrap;
  min-width: 70px; /* Adjust based on the button text */
}

.input-group .form-control {
  border-top-right-radius: 0 !important;  /* Remove top-right border-radius */
  border-bottom-right-radius: 0 !important; /* Remove bottom-right border-radius */
}

/* Optional: Ensure the button has rounded corners to the right */
.input-group > button[type="button"] {
  border-top-left-radius: 0 !important;  /* Remove left border-radius for the button */
  border-bottom-left-radius: 0 !important; /* Remove left border-radius for the button */
}