.gradient-text-border {
    position: relative;
    display: inline-block;
    padding: 0.5rem 3.5rem;
    font-weight: 540;
    /* background: linear-gradient(213deg, #6C47B7 -27.59%, #341F60 105.15%); */
    background: #452B7A;
    background-clip: text;
    -webkit-background-clip: text;
    border-radius: 0.75rem;
}

.gradient-text-border::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1.8px; /*Adjust thickness*/
    border-radius: inherit;
    /* background: linear-gradient(213deg, #6C47B7 -27.59%, #341F60 105.15%); */
    background: #452B7A;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

/* Increase font size in the custom DatePicker input */
.custom-datepicker-input {
    border: 1px solid rgba(69, 43, 122, 0.1);
    border-radius: 0.5rem;
    width: 100%;
    padding: 0.75rem;
    margin: 0.25rem 0;
    background: white;
    outline: none;
    font-size: 14.5; /* Adjust size */
    color: #000000;
    caret-color: #452B7A;
  }
  
  /* Increase font size in the selected date text */
  .react-datepicker__input-container input {
    font-size: 14.5; /* Adjust size */
    color: #000000;
  }
  
  /* Optional: Focus state */
  .custom-datepicker-input:focus {
    border-color: #452B7A;
    font-size: 14.5; /* Ensures size stays on focus */
  }