:root {
    --primary-color: #6C63FF;
    --secondary-color: #F8F9FA;
    --text-primary: #333333;
    --text-secondary: #666666;
    --body-bg: #f8f9fa;
    --header-bg: #ffffff;
    --header-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --event-date-bg: #e9ecef;
    --event-date-border: #6C63FF;
    --event-card-bg: #ffffff;
    --event-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --event-card-shadow-hover: 0 6px 12px rgba(0, 0, 0, 0.15);
    --badge-type-bg: #e7f5ff;
    --badge-type-text: #1c7ed6;
    --holiday-text-color: #003366;
    --holiday-btn-text: #ffffff;
    --holiday-btn-bg: #E3F2FD;
    --holiday-btn-border: #90CAF9;
    --holiday-btn-shadow-1: rgba(255, 255, 255, 0.25);
    --holiday-btn-shadow-2: #E3F2FD;
    --holiday-btn-shadow-3: #BBDEFB;
    --holiday-btn-shadow-4: rgba(0, 0, 0, 0.2);
    --holiday-btn-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    --modal-backdrop-bg: rgba(0, 0, 0, 0.5);
    --modal-close-bg: #f8f9fa;
    --modal-close-border: #6055cd;
    --modal-close-text: #6055cd;
    --modal-close-hover-bg: #6055cd;
    --modal-close-hover-text: #ffffff;

    /* Variables required by .premium-card (from newdetailpage.css) */
    --primary:        #4f46e5;
    --card-bg:        #ffffff;
    --border-color:   #e2e8f0;
    --radius-lg:      1rem;
    --shadow:         0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    --shadow-md:      0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    --transition:     all 0.3s ease;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--body-bg);
}

/* Sticky Header */
.header-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--header-bg);
    z-index: 1000;
    box-shadow: var(--header-shadow);
    padding: 0.75rem 1rem;
}

.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.brand-section {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.logo {
    height: 40px;
    width: auto;
}

.page-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary);
}

.holiday-row-text {
    color: var(--holiday-text-color) !important;
}

.event-date-title {
    color: #000;
}

.header-section {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    padding: 0.6rem 0;
    margin-bottom: 2rem;
    border-radius: 0 0 50% 50% / 20px;
}

.header-title {
    color: white;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.event-date {
    background-color: var(--event-date-bg);
    border-left: 4px solid var(--event-date-border);
    padding: 0.5rem 1rem;
    font-size: medium;
    margin-bottom: 1rem;
    border-radius: 0 5px 5px 0;
}

.event-card {
    background-color: var(--event-card-bg);
    border-radius: 10px;
    box-shadow: var(--event-card-shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.event-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--event-card-shadow-hover);
}

.badge_span {
    font-size: 0.8rem;
    padding: 0.3rem 0.6rem;
    border-radius: 20px;
}

.badge_span[data-role="type"] {
    background-color: var(--badge-type-bg);
    color: var(--badge-type-text);
}

.badge_span[data-role="status"] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}




/* Dark theme when ?isDarkMode=true (see routes/index.js) */
body.ipoji-dark-mode {
    color-scheme: dark;

    --dark-color-primary: #B7AEFF;
    --dark-color-on-primary: #231A74;
    --dark-color-secondary: #FFCF66;
    --dark-color-on-secondary: #2B1E00;
    --dark-color-background: #0D0E11;
    --dark-color-surface: #121316;
    --dark-color-card: #181A1F;
    --dark-color-chip-bg: #23262D;
    --dark-text-primary: #E7E1E8;
    --dark-text-secondary: #BFC2CC;
    --dark-color-success: #7DDC81;
    --dark-color-warning: #FFCF66;
    --dark-color-info: #82B1FF;
    --dark-color-error: #FFB4AB;
    --dark-color-on-error: #690005;
    --dark-color-divider: rgba(255, 255, 255, 0.2);
    --dark-color-overlay-scrim: rgba(0, 0, 0, 0.25);
    --dark-tab-active: #B7AEFF;
    --dark-tab-inactive: #BFC2CC;
    --dark-tab-indicator: #FFCF66;
    --dark-input-bg: #181A1F;
    --dark-input-border: rgba(255, 255, 255, 0.12);
    --dark-input-focus-border: #181A1F;
    --dark-icon-primary: #E7E1E8;

    --primary-color: var(--dark-color-primary);
    --secondary-color: var(--dark-color-surface);
    --light-blue: color-mix(in srgb, var(--dark-color-primary) 22%, var(--dark-color-card));
    --body-bg: var(--dark-color-background);
    --card-bg: var(--dark-color-card);
    --text-primary: var(--dark-text-primary);
    --text-secondary: var(--dark-text-secondary);
    --text-muted: var(--dark-text-secondary);
    --border-color: var(--dark-input-border);
    --light: var(--dark-color-surface);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.45), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
    --header-bg: var(--dark-color-card);
    --header-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    --event-date-bg: var(--dark-color-chip-bg);
    --event-date-border: var(--dark-color-primary);
    --event-card-bg: var(--dark-color-card);
    --event-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.35);
    --event-card-shadow-hover: 0 6px 12px rgba(0, 0, 0, 0.45);
    --holiday-text-color: var(--dark-color-info);
    --holiday-btn-text: var(--dark-text-primary);
    --holiday-btn-bg: linear-gradient(180deg, color-mix(in srgb, var(--dark-color-info) 35%, var(--dark-color-card)) 0%, var(--dark-color-surface) 100%);
    --holiday-btn-border: var(--dark-input-focus-border);
    --holiday-btn-shadow-1: rgba(255, 255, 255, 0.08);
    --holiday-btn-shadow-2: color-mix(in srgb, var(--dark-color-card) 85%, black);
    --holiday-btn-shadow-3: rgba(0, 0, 0, 0.4);
    --holiday-btn-shadow-4: rgba(0, 0, 0, 0.4);
    --holiday-btn-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    --modal-close-bg: var(--dark-color-chip-bg);
    --modal-close-border: var(--dark-color-primary);
    --modal-close-text: var(--dark-text-primary);
    --modal-close-hover-bg: var(--dark-color-primary);
    --modal-close-hover-text: var(--dark-color-on-primary);

    --primary: var(--dark-color-primary);
    --card-bg: var(--dark-color-card);
    --border-color: var(--dark-input-border);

    background-color: var(--dark-color-background) !important;
    color: var(--text-primary);
}

body.ipoji-dark-mode .navbar {
    --fg: var(--dark-text-primary);
    --muted-fg: var(--dark-text-secondary);
    --card: var(--dark-color-card);
    --border-color: var(--dark-input-border);
    background: color-mix(in srgb, var(--dark-color-surface) 92%, transparent);
    border-bottom-color: var(--dark-input-border);
}

body.ipoji-dark-mode .navbar .nav-link:hover {
    color: var(--dark-text-primary);
}

body.ipoji-dark-mode main {
    background-color: transparent;
}

body.ipoji-dark-mode .header-nav {
    background: var(--header-bg);
    box-shadow: var(--header-shadow);
}

body.ipoji-dark-mode .page-title {
    color: var(--text-primary);
}

body.ipoji-dark-mode .event-date-title {
    color: var(--text-primary);
}

body.ipoji-dark-mode .event-date {
    background-color: var(--event-date-bg);
    border-left-color: var(--event-date-border);
    color: var(--text-primary);
}

body.ipoji-dark-mode .event-card,
body.ipoji-dark-mode .list-group-item {
    background-color: var(--dark-color-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--dark-input-border) !important;
}

body.ipoji-dark-mode .text-black,
body.ipoji-dark-mode .event-name {
    color: var(--text-primary) !important;
}

body.ipoji-dark-mode .button {
    background: var(--holiday-btn-bg);
    border-color: var(--holiday-btn-border);
    color: var(--holiday-btn-text) !important;
    text-shadow: var(--holiday-btn-text-shadow);
    box-shadow:
        inset 1px 1px 0 var(--holiday-btn-shadow-1),
        inset 0 0 8px var(--holiday-btn-shadow-2),
        1px 1px 3px var(--holiday-btn-shadow-3);
}

body.ipoji-dark-mode .button .row {
    color: var(--dark-color-info) !important;
}

body.ipoji-dark-mode .modal-content {
    background-color: var(--dark-color-card);
    color: var(--text-primary);
    border-color: var(--dark-input-border);
}

body.ipoji-dark-mode .modal-header {
    border-bottom-color: var(--dark-input-border);
}

body.ipoji-dark-mode .modal-title {
    color: var(--text-primary);
}

body.ipoji-dark-mode .modal .text-muted {
    color: var(--text-secondary) !important;
}

body.ipoji-dark-mode .modal .btn-close {
    filter: invert(1);
    background-color: var(--dark-color-chip-bg);
    border-color: var(--dark-color-primary);
}

body.ipoji-dark-mode .modal .list-group-item {
    background-color: var(--dark-color-chip-bg) !important;
}

body.ipoji-dark-mode .premium-card .card-body p,
body.ipoji-dark-mode .premium-card .card-body {
    color: var(--text-primary);
}

body.ipoji-dark-mode .premium-card .card-body a {
    color: var(--dark-color-primary);
}

body.ipoji-dark-mode .premium-card .card-body a:hover {
    color: color-mix(in srgb, var(--dark-color-primary) 75%, white);
}

body.ipoji-dark-mode h2[role="heading"] {
    background-color: var(--dark-color-chip-bg) !important;
    color: var(--dark-color-primary) !important;
}

/* ── Badge overrides (dark mode) ───────────────────────────────── */

/* Board type: BSE SME */
body.ipoji-dark-mode .badge_span[data-ipotype="BSE SME"],
body.ipoji-dark-mode .badge_span[data-role="status"][data-ipotype="BSE SME"] {
    background-color: color-mix(in srgb, var(--dark-color-info) 18%, var(--dark-color-card)) !important;
    color: var(--dark-color-info) !important;
}

/* Board type: Mainboard — lavender inline */
body.ipoji-dark-mode .badge_span[data-role="status"][style*="E6E6FA"] {
    background-color: color-mix(in srgb, var(--dark-color-primary) 16%, var(--dark-color-card)) !important;
    color: var(--dark-color-primary) !important;
}

/* Board type: other (orange/coral) */
body.ipoji-dark-mode .badge_span[data-role="status"][style*="FFE5D4"] {
    background-color: color-mix(in srgb, var(--dark-color-warning) 14%, var(--dark-color-card)) !important;
    color: var(--dark-color-warning) !important;
}

/* Status: CLOSE */
body.ipoji-dark-mode .badge_span[data-role="status"][style*="ffb4b4"] {
    background-color: color-mix(in srgb, var(--dark-color-error) 22%, var(--dark-color-card)) !important;
    color: var(--dark-color-error) !important;
}

/* Status: ALLOTMENT */
body.ipoji-dark-mode .badge_span[data-role="status"][style*="C1EFD4"] {
    background-color: color-mix(in srgb, var(--dark-color-success) 18%, var(--dark-color-card)) !important;
    color: var(--dark-color-success) !important;
}

/* Status: LISTING */
body.ipoji-dark-mode .badge_span[data-role="status"][style*="fff3cd"] {
    background-color: color-mix(in srgb, var(--dark-color-warning) 16%, var(--dark-color-card)) !important;
    color: var(--dark-color-warning) !important;
}

/* Status: OPEN */
body.ipoji-dark-mode .badge_span[data-role="status"][style*="cce5ff"] {
    background-color: color-mix(in srgb, var(--dark-color-info) 18%, var(--dark-color-card)) !important;
    color: var(--dark-color-info) !important;
}

/* Status: default (grey) */
body.ipoji-dark-mode .badge_span[data-role="status"][style*="f8f9fa"] {
    background-color: var(--dark-color-chip-bg) !important;
    color: var(--dark-text-secondary) !important;
}

body.ipoji-dark-mode footer.footer {
    --footer-bg: var(--dark-color-background);
    --footer-surface: var(--dark-color-card);
    --footer-foreground: var(--dark-text-primary);
    --footer-muted: var(--dark-text-secondary);
    --footer-accent: var(--dark-color-primary);
    --footer-accent-secondary: var(--dark-tab-indicator);
    --footer-border: var(--dark-input-border);
    --footer-hover: var(--dark-color-chip-bg);
}

/* Mobile Optimizations */
@media (max-width: 768px) {

    .badge_span {
        font-size: 0.7rem;
        padding: 0.2rem 0.5rem;
    }

    .event-date {
        background-color: #e9ecef;
        border-left: 2px solid #6C63FF;
        color: #6C63FF;
        padding: 0.6rem 0.5rem;
        margin-bottom: 0.5rem;
        height: 50px;
        border-radius: 0 5px 5px 0;
    }

    body.ipoji-dark-mode .event-date {
        background-color: var(--dark-color-chip-bg);
        border-left: 2px solid var(--dark-color-primary);
        color: var(--text-primary);
    }
}
.button {

display: inline-block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
  box-sizing:border-box;
min-width:100px;
/* padding: 22px 33px; */
/* font-family: 'Lobster', cursive; */
font-size: 14px;
/* line-height: 12px; */
text-decoration: none;
color: var(--holiday-btn-text);
/* Even lighter sky/sea theme */
text-shadow: var(--holiday-btn-text-shadow);
background: var(--holiday-btn-bg); /* very light sky blue */
outline: none;
border-radius: 15px;
border: 1px solid var(--holiday-btn-border); /* light sea blue */
box-shadow:
inset 1px 1px 0px var(--holiday-btn-shadow-1), /* highlight */
inset 0 0 8px var(--holiday-btn-shadow-2), /* softer sky glow */
inset 0 80px 80px -40px var(--holiday-btn-shadow-3), /* lighter gradient */
1px 1px 3px var(--holiday-btn-shadow-4); /* soft shadow */

position: relative;
overflow: visible; /* IE9 & 10 */
-webkit-transition: 500ms linear;
-moz-transition: 500ms linear;
-o-transition: 500ms linear;
          transition: 500ms linear;
}

.button::before {
content: '';
display: block;
position: absolute;
top: -7px;
left: -3px;
right: 0;
height: 23px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0,
url(data:image/png;base64,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) no-repeat 50% 0,
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;

}

.button:focus {
outline: none; /*FF*/
}



.snow-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}

.button{
/* width: 100% ; */
height: auto;
}

/* Responsive show/hide for holiday labels */
@media (max-width: 767px) {
.fordesktop { display: none !important; }
.formobile { display: block !important;
font-size: small;
}
}
@media (min-width: 768px) {
.formobile { display: none !important; }
.fordesktop { display: block !important; }
}

/* Styling and animation for the empty state icon container */
.No-IPO-events-scheduled {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/* padding: 2rem 0; */
}
.No-IPO-events-scheduled img {
/* width: 150px; */
height: auto;
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}

/* Modal Overlay (Backdrop) - Full Viewport */
.modal-backdrop {
 position: fixed !important;
 top: 0 !important;
 left: 0 !important;
 width: 100vw !important;
 height: 100vh !important;
 z-index: 1040 !important;
 background-color: var(--modal-backdrop-bg);
}

/* Modal - Higher z-index than backdrop */
.modal {
 z-index: 1050 !important;
}
.modal .btn-close{
 background-color: var(--modal-close-bg); border-color: var(--modal-close-border); color: var(--modal-close-text); transition: all 0.3s ease;
}                                           
.modal .btn-close:hover{
background-color: var(--modal-close-hover-bg); color: var(--modal-close-hover-text) !important;
}

.modal-dialog {
 z-index: 1051 !important;
}

.modal-content {
 z-index: 1052 !important;
}

/* ── Premium Card (migrated from newdetailpage.css) ──────────────── */
.premium-card {
background-color: var(--card-bg);
border-radius: var(--radius-lg);
box-shadow: var(--shadow);
margin-bottom: 1.5rem;
transition: var(--transition);
border: 1px solid var(--border-color);
overflow: hidden;
}
.premium-card:hover {
box-shadow: var(--shadow-md);
transform: translateY(-3px);
}
.premium-card .card-header {
background-color: transparent;
border-bottom: 1px solid var(--border-color);
padding: 1.25rem 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.premium-card .card-header h5,
.premium-card .card-header h2,
.premium-card .card-header h3 {
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 600;
color: var(--text-primary);
display: flex;
align-items: center;
}
.premium-card .card-header h5 i,
.premium-card .card-header h2 i,
.premium-card .card-header h3 i {
color: var(--primary);
}
.premium-card .card-body {
padding: 1.5rem;
}
.premium-card .card-body a {
color: var(--primary);
text-decoration: none;
font-weight: 500;
}
.premium-card .card-body a:hover {
text-decoration: underline;
}