body {
    font-family: 'Inter', sans-serif;
}

.hero-gradient {
    background: radial-gradient(circle at top, rgba(243, 244, 246, 1) 0%, rgba(255, 255, 255, 1) 50%);
}

.cta-gradient {
    background: linear-gradient(90deg, #363a73 0%, #7b75b7 100%);
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.bg-slate-900 {
    background-color: #22233f !important;
}

.text-blue-700 {
    color: #7b75b7 !important;
}

.text-slate-900,
.text-slate-600 {
    color: #22233f !important;
}

.bg-blue-600,
.bg-slate-800 {
    background-color: #7b75b7 !important;
}

.bg-blue-700 {
    background-color: #363a73 !important;
}

.bg-blue-100 {
    background-color: #7b75b7 !important;
}

.text-w {
    color: #fff !important;
}

.text-blue-200 {
    color: #fff !important;
}

.text-blue-600 {
    color: #888bbf !important;
}

.linkcolor-w {
    text-decoration: underline;
}

.Purelinxlogo {
    width: 150px;
}

input:focus,
textarea:focus {
    outline: none;
}

input:focus,
textarea:focus {
    outline: none;
}

.flatpickr-current-month input.cur-year {
    border: none !important;
    background: transparent !important;
}

/* Gray out the month dropdown to look disabled */
.flatpickr-current-month .flatpickr-monthDropdown-months {
    background-color: #f9f9f9;
    color: #666;
    cursor: not-allowed;
}

/* Gray out the year input to look readonly */
.flatpickr-current-month input.cur-year {
    background-color: #f9f9f9;
    color: #666;
    cursor: not-allowed;
}

    /* Remove spinner arrows from year input */
    .flatpickr-current-month input.cur-year::-webkit-inner-spin-button,
    .flatpickr-current-month input.cur-year::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.arrowUp,
.arrowDown {
    display: none !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: #7b75b7 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #7b75b7 !important;
}
@media (max-width: 640px) {
    /* Make entire flatpickr calendar smaller */
    .flatpickr-calendar {
        font-size: 12px !important; /* reduce text size */
        max-width: 250px !important; /* smaller width */
    }

    /* Smaller month & year header */
    .flatpickr-current-month {
        font-size: 14px !important;
        padding: 2px 0 !important;
    }

    /* Smaller weekday names (Sun, Mon, ...) */
    .flatpickr-weekday {
        font-size: 11px !important;
        padding: 2px !important;
    }

    /* Smaller day cells */
    .flatpickr-day {
        width: 26px !important;
        height: 26px !important;
        line-height: 26px !important;
        margin: 1px !important;
        font-size: 11px !important;
        border-radius: 4px !important;
    }

    /* Smaller arrows (prev / next) */
    .flatpickr-prev-month, .flatpickr-next-month {
        font-size: 16px !important;
        padding: 0 4px !important;
    }

    /* If you have week numbers enabled, reduce their size */
    .flatpickr-weekwrapper {
        font-size: 10px !important;
    }
    .flatpickr-next-month {
        margin-top: 10px;
    }
    .flatpickr-prev-month {
        margin-top: 10px;
    }
    .flatpickr-current-month {
        margin-top: 10px;
    }
    .flatpickr-calendar.animate.inline  {
        margin:0 auto;
    }
}