.elementor-990419 .elementor-element.elementor-element-724be4e1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-990419 .elementor-element.elementor-element-4043a152{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--border-radius:24px 24px 0px 0px;--padding-top:7vh;--padding-bottom:7vh;--padding-left:40px;--padding-right:40px;}.elementor-990419 .elementor-element.elementor-element-4043a152:not(.elementor-motion-effects-element-type-background), .elementor-990419 .elementor-element.elementor-element-4043a152 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-vamtam_accent_3 ) 0%, var( --e-global-color-vamtam_accent_5 ) 50vh);}.elementor-990419 .elementor-element.elementor-element-4816bfec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-990419 .elementor-element.elementor-element-2e706d48{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-990419 .elementor-element.elementor-element-2ee6d128 .elementor-button{background-color:#00000000;font-family:var( --e-global-typography-8f4394f-font-family ), system-ui, Sans-serif;font-size:var( --e-global-typography-8f4394f-font-size );font-weight:var( --e-global-typography-8f4394f-font-weight );font-style:var( --e-global-typography-8f4394f-font-style );text-decoration:var( --e-global-typography-8f4394f-text-decoration );line-height:var( --e-global-typography-8f4394f-line-height );letter-spacing:var( --e-global-typography-8f4394f-letter-spacing );fill:var( --e-global-color-vamtam_accent_1 );color:var( --e-global-color-vamtam_accent_1 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-vamtam_accent_2 );border-radius:99px 99px 99px 99px;padding:5px 14px 5px 14px;}.elementor-990419 .elementor-element.elementor-element-2ee6d128 .elementor-button:hover, .elementor-990419 .elementor-element.elementor-element-2ee6d128 .elementor-button:focus{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-990419 .elementor-element.elementor-element-2ee6d128 .elementor-button-content-wrapper{flex-direction:row;}.elementor-990419 .elementor-element.elementor-element-14daf35d{width:auto;max-width:auto;}.elementor-990419 .elementor-element.elementor-element-14daf35d > .elementor-widget-container{padding:5px 16px 5px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-vamtam_accent_2 );border-radius:16px 16px 16px 16px;}.elementor-990419 .elementor-element.elementor-element-14daf35d.elementor-element{--align-self:flex-start;}.elementor-990419 .elementor-element.elementor-element-14daf35d .elementor-heading-title{font-family:var( --e-global-typography-8f4394f-font-family ), system-ui, Sans-serif;font-size:var( --e-global-typography-8f4394f-font-size );font-weight:var( --e-global-typography-8f4394f-font-weight );font-style:var( --e-global-typography-8f4394f-font-style );text-decoration:var( --e-global-typography-8f4394f-text-decoration );line-height:var( --e-global-typography-8f4394f-line-height );letter-spacing:var( --e-global-typography-8f4394f-letter-spacing );color:var( --e-global-color-vamtam_accent_1 );}.elementor-990419 .elementor-element.elementor-element-67189084.elementor-element{--align-self:center;}.elementor-990419 .elementor-element.elementor-element-67189084{text-align:center;}.elementor-990419 .elementor-element.elementor-element-67189084 .elementor-heading-title{font-family:var( --e-global-typography-vamtam_h2-font-family ), system-ui, Sans-serif;font-size:var( --e-global-typography-vamtam_h2-font-size );font-weight:var( --e-global-typography-vamtam_h2-font-weight );text-transform:var( --e-global-typography-vamtam_h2-text-transform );font-style:var( --e-global-typography-vamtam_h2-font-style );text-decoration:var( --e-global-typography-vamtam_h2-text-decoration );line-height:var( --e-global-typography-vamtam_h2-line-height );letter-spacing:var( --e-global-typography-vamtam_h2-letter-spacing );color:var( --e-global-color-vamtam_accent_1 );}.elementor-990419 .elementor-element.elementor-element-61f023b9{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:start;color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-c2177bc-font-family ), system-ui, Sans-serif;font-size:var( --e-global-typography-c2177bc-font-size );text-transform:var( --e-global-typography-c2177bc-text-transform );font-style:var( --e-global-typography-c2177bc-font-style );text-decoration:var( --e-global-typography-c2177bc-text-decoration );line-height:var( --e-global-typography-c2177bc-line-height );letter-spacing:var( --e-global-typography-c2177bc-letter-spacing );}@media(max-width:1024px){.elementor-990419 .elementor-element.elementor-element-4043a152{--padding-top:7vh;--padding-bottom:7vh;--padding-left:30px;--padding-right:30px;}.elementor-990419 .elementor-element.elementor-element-4816bfec{--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-990419 .elementor-element.elementor-element-2ee6d128 .elementor-button{font-size:var( --e-global-typography-8f4394f-font-size );line-height:var( --e-global-typography-8f4394f-line-height );letter-spacing:var( --e-global-typography-8f4394f-letter-spacing );}.elementor-990419 .elementor-element.elementor-element-14daf35d .elementor-heading-title{font-size:var( --e-global-typography-8f4394f-font-size );line-height:var( --e-global-typography-8f4394f-line-height );letter-spacing:var( --e-global-typography-8f4394f-letter-spacing );}.elementor-990419 .elementor-element.elementor-element-67189084 .elementor-heading-title{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );letter-spacing:var( --e-global-typography-vamtam_h2-letter-spacing );}.elementor-990419 .elementor-element.elementor-element-61f023b9{font-size:var( --e-global-typography-c2177bc-font-size );line-height:var( --e-global-typography-c2177bc-line-height );letter-spacing:var( --e-global-typography-c2177bc-letter-spacing );}}@media(max-width:767px){.elementor-990419 .elementor-element.elementor-element-724be4e1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-990419 .elementor-element.elementor-element-4043a152{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-990419 .elementor-element.elementor-element-4816bfec{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-990419 .elementor-element.elementor-element-2e706d48{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:12px 6px;--row-gap:12px;--column-gap:6px;--flex-wrap:wrap;}.elementor-990419 .elementor-element.elementor-element-2ee6d128{width:100%;max-width:100%;}.elementor-990419 .elementor-element.elementor-element-2ee6d128 .elementor-button{font-size:var( --e-global-typography-8f4394f-font-size );line-height:var( --e-global-typography-8f4394f-line-height );letter-spacing:var( --e-global-typography-8f4394f-letter-spacing );}.elementor-990419 .elementor-element.elementor-element-14daf35d .elementor-heading-title{font-size:var( --e-global-typography-8f4394f-font-size );line-height:var( --e-global-typography-8f4394f-line-height );letter-spacing:var( --e-global-typography-8f4394f-letter-spacing );}.elementor-990419 .elementor-element.elementor-element-67189084.elementor-element{--align-self:flex-start;}.elementor-990419 .elementor-element.elementor-element-67189084{text-align:start;}.elementor-990419 .elementor-element.elementor-element-67189084 .elementor-heading-title{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );letter-spacing:var( --e-global-typography-vamtam_h2-letter-spacing );}.elementor-990419 .elementor-element.elementor-element-61f023b9{font-size:var( --e-global-typography-c2177bc-font-size );line-height:var( --e-global-typography-c2177bc-line-height );letter-spacing:var( --e-global-typography-c2177bc-letter-spacing );}}@media(min-width:768px){.elementor-990419 .elementor-element.elementor-element-4043a152{--content-width:960px;}}/* Start custom CSS *//*.hki-submit-btn {*/
/*    background: var(--e-global-color-vamtam_accent_1) !important;*/
/*    color: white !important;*/
/*}*/

/*.hki-submit-card .acf-button {*/
/*        background: var(--e-global-color-vamtam_accent_1) !important;*/
/*}*/

/* ============================================================
   HKI Sponsor System — Stylesheet
   Covers three templates:
   - Sponsor Application Form
   - Sponsor Portal Dashboard
   - Sponsor Submit Article
   ============================================================ */

/* ----------------------------------------------------------
   1. SHARED PAGE WRAPPER & TYPOGRAPHY
   ---------------------------------------------------------- */

.hki-wrap {
    background: #f4f7fb;
    padding: 3rem 1rem;
    min-height: 60vh;
}

.hki-container {
    max-width: 760px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.hki-container--narrow {
    max-width: 560px;
}

.hki-heading {
    text-align: center;
    margin-bottom: 2.5rem;
}

.hki-heading h1 {
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 12px;
    color: #1a4d8f;
    line-height: 1.2;
}

.hki-heading p {
    font-size: 15px;
    color: #5a6577;
    margin: 0 auto;
    max-width: 540px;
    line-height: 1.6;
}

/* ----------------------------------------------------------
   2. SHARED CARD COMPONENT
   ---------------------------------------------------------- */

.hki-card {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 14px;
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.25rem;
}

.hki-card:last-child {
    margin-bottom: 0;
}

.hki-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1a4d8f;
    margin: 0 0 14px;
}

.hki-card p {
    font-size: 14px;
    color: #5a6577;
    line-height: 1.7;
    margin: 0 0 12px;
}

.hki-card ul {
    font-size: 14px;
    color: #5a6577;
    line-height: 1.8;
    padding-left: 20px;
    margin: 0 0 12px;
}

.hki-card p:last-child,
.hki-card ul:last-child {
    margin-bottom: 0;
}

.hki-card a {
    color: #1a4d8f;
    text-decoration: none;
}

.hki-card a:hover {
    text-decoration: underline;
}

.hki-card-divider {
    height: 1px;
    background: #e3e8ef;
    margin: 1.25rem 0;
}

/* ----------------------------------------------------------
   3. INFO BAR (used on submit page)
   ---------------------------------------------------------- */

.hki-info-bar {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-left: 3px solid #1a4d8f;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 1.25rem;
    font-size: 13px;
    color: #5a6577;
    line-height: 1.7;
}

.hki-info-bar strong {
    color: #1a4d8f;
}

.hki-info-bar.warning {
    border-left-color: #C9851F;
    background: #FAEEDA;
    color: #6b4112;
}

.hki-info-bar.warning strong {
    color: #5a3608;
}

/* ----------------------------------------------------------
   4. TIER BADGES (used on application + dashboard)
   ---------------------------------------------------------- */

.hki-tier-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    text-align: center;
    min-width: 64px;
}

.hki-tier-badge.gold   { background: #FAEEDA; color: #854F0B; }
.hki-tier-badge.silver { background: #F1EFE8; color: #5F5E5A; }
.hki-tier-badge.bronze { background: #FAECE7; color: #993C1D; }
.hki-tier-badge.custom { background: #EEEDFE; color: #3C3489; }

/* ----------------------------------------------------------
   5. APPLICATION FORM — TIER INFO GRID
   ---------------------------------------------------------- */

.hki-tier-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.hki-tier-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    background: #fafbfc;
}

.hki-tier-desc {
    font-size: 13px;
    color: #5a6577;
    line-height: 1.55;
    flex: 1;
}

.hki-tier-desc strong {
    color: #1a4d8f;
}

/* ----------------------------------------------------------
   6. ACF FORM STYLING (applies to application + submit)
   ---------------------------------------------------------- */

.hki-form-card {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 14px;
    padding: 2rem 1.75rem;
}

.hki-form-card .acf-fields {
    display: block;
}

.hki-form-card .acf-fields > .acf-field {
    padding: 14px 0 18px !important;
    border-top: 1px solid #f0f3f7 !important;
    width: 100% !important;
    min-height: 0 !important;
    float: none !important;
    clear: both !important;
}

.hki-form-card .acf-fields > .acf-field:first-of-type {
    border-top: 0 !important;
    padding-top: 0 !important;
}

.hki-form-card .acf-label {
    margin-bottom: 8px;
}

.hki-form-card .acf-label label {
    font-size: 14px;
    font-weight: 600;
    color: #1a4d8f;
}

.hki-form-card .acf-label .acf-required {
    color: #d9534f;
}

.hki-form-card .acf-input {
    display: block;
}

.hki-form-card input[type="text"],
.hki-form-card input[type="email"],
.hki-form-card input[type="url"],
.hki-form-card select,
.hki-form-card textarea,
.hki-form-card .select2-selection {
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    border: 1px solid #d4dae4 !important;
    border-radius: 8px !important;
    background: #fafbfc !important;
    box-shadow: none !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
}

.hki-form-card input[type="text"]:focus,
.hki-form-card input[type="email"]:focus,
.hki-form-card input[type="url"]:focus,
.hki-form-card select:focus,
.hki-form-card textarea:focus {
    border-color: #1a4d8f !important;
    background: #fff !important;
    outline: 0 !important;
}

.hki-form-card .select2-selection {
    padding: 6px 8px !important;
}

.hki-form-card .select2-selection__rendered {
    padding: 0 6px !important;
    line-height: 28px !important;
}

.hki-form-card .acf-form-submit {
    margin-top: 1.5rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid #e3e8ef !important;
    text-align: left;
}

.hki-form-card .acf-button {
    background: #1a4d8f !important;
    color: #fff !important;
    padding: 14px 36px !important;
    border-radius: 8px !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background 0.15s;
}

.hki-form-card .acf-button:hover {
    background: #143a6b !important;
}

.hki-form-card .mce-btn-group button {
    background: var(--e-global-color-vamtam_accent_3) !important;
}

.wp-editor-tools {
    display: none;
}

/* ----------------------------------------------------------
   7. CONSENT ROW (application form)
   ---------------------------------------------------------- */

.hki-consent-row {
    padding: 14px 0;
    border-top: 1px solid #f0f3f7;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.hki-consent-row input[type="checkbox"] {
    margin-top: 3px;
    cursor: pointer;
}

.hki-consent-row label {
    font-size: 13px;
    color: #5a6577;
    line-height: 1.6;
    cursor: pointer;
}

/* ----------------------------------------------------------
   8. HONEYPOT
   ---------------------------------------------------------- */

.hki-honeypot {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
    height: 0;
    width: 0;
    overflow: hidden;
}

/* ----------------------------------------------------------
   9. SUCCESS STATE (post-submission)
   ---------------------------------------------------------- */

.hki-success-card {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 14px;
    padding: 3rem 2rem;
    text-align: center;
}

.hki-success-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 1.5rem;
    background: #EAF3DE;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3B6D11;
    font-size: 36px;
    line-height: 1;
}

.hki-success-card h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 16px;
    color: #1a4d8f;
}

.hki-success-card p {
    font-size: 15px;
    color: #5a6577;
    line-height: 1.7;
    margin: 0 0 14px;
}

.hki-success-card p:last-of-type {
    margin-bottom: 0;
}

.hki-success-card .small {
    margin-top: 1.75rem;
    font-size: 13px;
    color: #8a95a8;
    padding-top: 1.25rem;
    border-top: 1px solid #f0f3f7;
}

/* ----------------------------------------------------------
   10. DASHBOARD — HEADER CARD
   ---------------------------------------------------------- */

.hki-portal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.hki-portal-eyebrow {
    font-size: 12px;
    color: #8a95a8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 4px;
    font-weight: 600;
}

.hki-portal-company {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 4px;
    color: #1a4d8f;
}

.hki-portal-contact {
    font-size: 13px;
    color: #5a6577;
    margin: 0;
}

/* ----------------------------------------------------------
   11. DASHBOARD — STATS GRID
   ---------------------------------------------------------- */

.hki-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 1.25rem;
}

.hki-stat {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    padding: 1rem 1.25rem;
}

.hki-stat-label {
    font-size: 12px;
    color: #8a95a8;
    margin: 0 0 6px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}

.hki-stat-value {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    color: #1a4d8f;
}

.hki-stat-value--small {
    font-size: 16px;
}

.hki-stat-value--success {
    color: #3B6D11;
    font-size: 16px;
}

.hki-stat-sub {
    font-size: 12px;
    color: #8a95a8;
    margin: 4px 0 0;
}

.hki-stat-fraction {
    font-size: 14px;
    color: #8a95a8;
    font-weight: 400;
}

/* ----------------------------------------------------------
   12. DASHBOARD — ARTICLE LIST
   ---------------------------------------------------------- */

.hki-articles-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    gap: 12px;
    flex-wrap: wrap;
}

.hki-articles-title {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    color: #1a4d8f;
}

.hki-submit-btn {
    display: inline-block;
    background: #1a4d8f;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 18px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background 0.15s;
}

.hki-submit-btn:hover {
    background: #143a6b;
    color: #fff !important;
}

.hki-article-row-link {
    display: block;
    text-decoration: none !important;
    color: inherit !important;
    transition: background 0.15s;
    padding: 0 10px;
    margin: 0 -10px;
    border-radius: 8px;
}

.hki-article-row-link:hover {
    background: #f4f7fb;
    color: inherit !important;
    text-decoration: none !important;
}

.hki-article-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-top: 1px solid #f0f3f7;
    gap: 12px;
}

.hki-article-row-link:first-child .hki-article-row {
    border-top: 0;
}

.hki-article-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 2px;
    color: #1a4d8f;
}

.hki-article-meta {
    font-size: 12px;
    color: #8a95a8;
    margin: 0;
}

.hki-article-status {
    font-size: 11px;
    padding: 5px 12px;
    border-radius: 6px;
    white-space: nowrap;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.hki-status-published { background: #EAF3DE; color: #3B6D11; }
.hki-status-pending   { background: #FAEEDA; color: #854F0B; }
.hki-status-expired   { background: #f1efe8; color: #5F5E5A; }

.hki-portal-footer {
    text-align: center;
    font-size: 12px;
    color: #8a95a8;
    margin-top: 1.5rem;
}

.hki-empty {
    color: #8a95a8;
    font-size: 14px;
    padding: 1.5rem 0;
    text-align: center;
}

/* ----------------------------------------------------------
   13. SUBMIT PAGE — HEADER
   ---------------------------------------------------------- */

.hki-submit-header {
    margin-bottom: 1.5rem;
}

.hki-submit-back {
    font-size: 13px;
    color: #5a6577 !important;
    text-decoration: none !important;
    display: inline-block;
    margin-bottom: 14px;
    font-weight: 500;
}

.hki-submit-back:hover {
    color: #1a4d8f !important;
}

.hki-submit-title {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 4px;
    color: #1a4d8f;
}

.hki-submit-sub {
    font-size: 14px;
    color: #5a6577;
    margin: 0;
}

/* ----------------------------------------------------------
   14. ERROR PAGE
   ---------------------------------------------------------- */

.hki-error-card {
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 14px;
    padding: 2.5rem 2rem;
    text-align: center;
}

.hki-error-card h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 12px;
    color: #1a4d8f;
}

.hki-error-card p {
    color: #5a6577;
    line-height: 1.7;
    margin: 0;
}

/* ----------------------------------------------------------
   15. RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 600px) {
    .hki-wrap {
        padding: 2rem 0.75rem;
    }
    .hki-heading h1 {
        font-size: 26px;
    }
    .hki-card,
    .hki-form-card {
        padding: 1.25rem 1.1rem;
    }
    .hki-stats {
        grid-template-columns: 1fr;
    }
    .hki-tier-item {
        flex-direction: column;
        gap: 8px;
    }
    .hki-articles-header {
        flex-direction: column;
        align-items: stretch;
    }
    .hki-submit-btn {
        text-align: center;
    }
}

.hki-form-card input::placeholder,
.hki-form-card textarea::placeholder {
    color: #a8b1c0 !important;
    opacity: 1 !important;
}

.hki-form-card input::-webkit-input-placeholder,
.hki-form-card textarea::-webkit-input-placeholder {
    color: #a8b1c0 !important;
}

.hki-form-card input::-moz-placeholder,
.hki-form-card textarea::-moz-placeholder {
    color: #a8b1c0 !important;
    opacity: 1 !important;
}/* End custom CSS */