@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap");

html, body {
    font-family: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

:root {
    --hn-green: #2f4f46;
}

h1, h2, h3, h4 {
    font-family: "Playfair Display", ui-serif, Georgia, "Times New Roman", Times, serif !important;
}

input, textarea, select, button, label, p, span, li, a {
    font-family: inherit !important;
}

.hero-bg {
    background-image:
            linear-gradient(rgba(15, 23, 42, 0.65), rgba(15, 23, 42, 0.65)),
            url('../images/ladies_that_business.webp');
    background-size: cover;
    background-position: center;
}

     /* Make select2 full width */
 .select2-container { width: 100% !important; }

/* Match your input look */
.select2-container--default .select2-selection--single{
    height: 48px;
    border: 1px solid rgb(226 232 240) !important; /* slate-200 */
    border-radius: 0.75rem !important; /* rounded-xl */
    background: #fff;
    display:flex;
    align-items:center;
    padding: 0 0.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06); /* subtle like shadow-sm */
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left: 0 !important;
    color: rgb(15 23 42); /* slate-900 */
    font-size: 0.875rem; /* text-sm */
    line-height: 1.25rem;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: rgb(148 163 184); /* slate-400 */
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 46px !important;
    right: 10px !important;
}

/* Focus ring to match your inputs */
.select2-container--default.select2-container--focus .select2-selection--single{
    border-color: rgb(99 102 241) !important; /* indigo-500 */
    box-shadow: 0 0 0 4px rgb(224 231 255) !important; /* indigo-100 */
}

/* Dropdown */
.select2-dropdown{
    border: 1px solid rgb(226 232 240) !important;
    border-radius: 0.75rem !important;
    overflow: hidden;
}

/* Search field inside dropdown */
.select2-search--dropdown .select2-search__field {
    border: 1px solid rgb(226 232 240) !important;
    border-radius: 0.75rem !important;
    padding: 0.6rem 0.75rem !important;
    outline: none !important;
}

.select2-container { width: 100% !important; }

.select2-container--default .select2-selection--single{
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 0.75rem !important;
    border: 1px solid rgb(226 232 240) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
}

/* The text area inside */
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 48px !important;   /* key */
    padding: 0 !important;
    margin: 0 !important;
}

/* Arrow area */
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 48px !important;        /* key */
    top: 0 !important;
}

/* If you allowClear, the X button also needs height */
.select2-container--default .select2-selection--single .select2-selection__clear{
    height: 48px !important;
    line-height: 48px !important;
}
.hn-fonts {
    font-family: "Playfair Display", ui-serif, Georgia, "Times New Roman", Times, serif;
}

.hn-btn {
    background-color: var(--hn-green);
    color: #fff;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    padding: 0.55rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(47, 79, 70, 0.18);
    transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease;
}

.hn-btn:hover {
    background-color: #274238;
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(47, 79, 70, 0.22);
}

.hn-btn:active {
    transform: translateY(0);
}

.hn-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}