/**
 * GK Results Pro - Core Premium Stylesheet
 */

:root {
	--theme-color: #00246b;
	--primary-blue: #00246b;
	--dark-bg: #0c1527;
	--light-gray: #f8f9fa;
	--border-color: #e2e8f0;
	--text-main: #333333;
	--text-muted: #64748b;
	--success-color: #128c7e;
	--telegram-color: #0088cc;
	--whatsapp-color: #25d366;
	--alert-red: #d62222;
	--pulse-color: #e53e3e;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Roboto', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--text-main);
	background-color: #f0f2f5;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--theme-color);
	text-decoration: none;
	transition: color 0.15s ease;
}

a:hover {
	color: #0040a8;
}

/* Site Layout Wrapper */
.gk-site-container {
	max-width: 1320px;
	margin: 0 auto;
	background: #ffffff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

/* ==========================================
   HEADER SECTION
   ========================================== */

/* Top bar details */
.gk-header-top-bar {
	background-color: var(--primary-blue);
	color: #ffffff;
	padding: 8px 20px;
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
}

.gk-top-bar-left {
	display: flex;
	align-items: center;
	gap: 15px;
}

.gk-top-bar-right {
	display: flex;
	gap: 12px;
	align-items: center;
}

.gk-top-bar-right a {
	color: #ffffff;
	font-size: 14px;
	opacity: 0.85;
	transition: opacity 0.15s ease;
}

.gk-top-bar-right a:hover {
	opacity: 1;
}

/* Branding Core Wrap */
.gk-header-branding-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background: #ffffff;
	border-bottom: 1px solid var(--border-color);
	flex-wrap: wrap;
	gap: 15px;
}

.gk-branding-logo-box {
	display: flex;
	align-items: center;
	gap: 15px;
}

.gk-logo-link img,
.gk-branding-logo-box img {
	max-height: 70px;
	width: auto;
}

.gk-mobile-only-logo {
	display: none;
}

.gk-text-logo-link {
	text-decoration: none;
}

.gk-branding-text-logo-wrap {
	display: flex;
	align-items: center;
	gap: 14px;
}

.gk-emblem-box {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid var(--primary-blue, #00246b);
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f5f9;
	color: var(--primary-blue, #00246b);
	font-size: 24px;
	font-weight: 800;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	flex-shrink: 0;
}

.gk-branding-text {
	display: flex;
	flex-direction: column;
}

.gk-branding-text h1, 
.gk-branding-text .site-title {
	font-size: 26px;
	font-weight: 800;
	color: var(--alert-red, #d62222);
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.gk-branding-text .site-domain {
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-blue, #00246b);
	text-transform: lowercase;
	display: block;
	margin-top: 2px;
}

.gk-branding-text p.site-tagline {
	font-size: 11px;
	color: var(--text-muted);
	font-weight: 500;
	margin-top: 2px;
	margin-bottom: 0;
}

/* Header Buttons Group */
.gk-header-action-buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.gk-action-btn-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 18px;
	border-radius: 6px;
	color: #ffffff;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	min-width: 220px;
}

.gk-action-btn-link:hover {
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.gk-action-btn-link.whatsapp {
	background-color: var(--success-color);
}

.gk-action-btn-link.telegram {
	background-color: var(--telegram-color);
}

/* Search Box Box */
.gk-header-search-box {
	position: relative;
	width: 280px;
}

.gk-header-search-box input[type="search"] {
	width: 100%;
	padding: 12px 45px 12px 15px;
	border: 2px solid var(--primary-blue);
	border-radius: 6px;
	font-size: 14px;
	outline: none;
	font-weight: 500;
}

.gk-header-search-box button {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--primary-blue);
	color: #ffffff;
	border: none;
	padding: 8px 12px;
	border-radius: 4px;
	cursor: pointer;
}

/* Search Dropdown suggest list */
.gk-live-search-results {
	position: absolute;
	left: 0;
	right: 0;
	top: 105%;
	background: #ffffff;
	border: 1px solid var(--border-color);
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
	border-radius: 6px;
	z-index: 1000;
	max-height: 400px;
	overflow-y: auto;
}

.gk-search-suggestion-item {
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid var(--border-color);
	transition: background 0.1s ease;
}

.gk-search-suggestion-item:last-child {
	border-bottom: none;
}

.gk-search-suggestion-item:hover {
	background-color: #f1f5f9;
}

.gk-suggest-meta {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.gk-suggest-cat {
	color: var(--theme-color);
}

.gk-search-badge.urgent {
	background: var(--alert-red);
	color: #ffffff;
	padding: 1px 4px;
	border-radius: 3px;
}

.gk-suggest-title {
	font-size: 13px;
	font-weight: 600;
	color: #222;
}

.gk-search-no-result {
	padding: 15px;
	color: var(--text-muted);
	font-size: 13px;
	text-align: center;
}

/* ==========================================
   PRIMARY NAVIGATION MENU
   ========================================== */
.gk-primary-navbar {
	background-color: var(--primary-blue);
	border-top: 1px solid rgba(255,255,255,0.1);
}

.gk-desktop-nav-wrap {
	display: block;
}

.gk-mobile-nav-wrap {
	display: none;
}

.gk-primary-navbar ul.menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.gk-primary-navbar ul.menu li {
	position: relative;
}

.gk-primary-navbar ul.menu li a {
	display: block;
	padding: 14px 20px;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	border-right: 1px solid rgba(255,255,255,0.08);
	transition: background-color 0.15s ease;
}

.gk-primary-navbar ul.menu li a:hover {
	background-color: rgba(255,255,255,0.12);
}

/* Home Icon styling */
.gk-primary-navbar ul.menu li.home-menu-icon a {
	background-color: var(--alert-red);
}

.gk-primary-navbar ul.menu li.home-menu-icon a:hover {
	background-color: #b71c1c;
}

/* ==========================================
   STRIPS & ANNOUNCEMENT BAR
   ========================================== */

/* News Scrolling Marquee */
.gk-news-marquee-strip {
	display: flex;
	background: #ffffff;
	border-bottom: 2px solid var(--border-color);
	align-items: stretch;
	overflow: hidden;
}

.gk-marquee-title-badge {
	background-color: var(--alert-red);
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	z-index: 10;
	white-space: nowrap;
	box-shadow: 5px 0 10px rgba(0,0,0,0.1);
}

.gk-marquee-scroll-container {
	flex: 1;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.gk-marquee-scroll {
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%;
	animation: gk-marquee-slide 35s linear infinite;
	font-weight: 600;
	font-size: 14px;
	color: #222;
}

.gk-marquee-scroll a {
	color: #222;
	margin-right: 40px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.gk-marquee-scroll a:hover {
	color: var(--theme-color);
}

@keyframes gk-marquee-slide {
	0% { transform: translate3d(0, 0, 0); }
	100% { transform: translate3d(-100%, 0, 0); }
}

/* Blinking New Badge */
.gk-badge-new-blink {
	background-color: var(--alert-red);
	color: #ffffff;
	font-size: 9px;
	padding: 2px 5px;
	border-radius: 3px;
	font-weight: 800;
	animation: gk-blink 1s ease infinite;
	text-transform: uppercase;
}

@keyframes gk-blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}

/* Announcement strip display block */
.gk-live-badge-strip {
	background: #ffe359;
	color: #000;
	font-size: 14px;
	padding: 10px 20px;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid var(--border-color);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.gk-live-badge-tag {
	background-color: var(--alert-red);
	color: #ffffff;
	font-size: 11px;
	padding: 3px 8px;
	border-radius: 3px;
	animation: gk-blink 1.2s infinite;
}

.gk-live-badge-strip a {
	color: #000;
	text-decoration: underline;
}

/* ==========================================
   SHORTCUTS BUTTONS GRID
   ========================================== */
.gk-shortcuts-grid-wrap {
	padding: 20px;
	background: #ffffff;
}

.gk-shortcuts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 12px;
}

.gk-shortcut-box-card {
	padding: 15px;
	border-radius: 6px;
	color: #ffffff;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	position: relative;
	overflow: hidden;
}

.gk-shortcut-box-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
	color: #ffffff;
}

.gk-shortcut-box-card i {
	font-size: 22px;
	margin-bottom: 8px;
	opacity: 0.9;
}

.gk-shortcut-card-title {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.gk-shortcut-card-count {
	font-size: 11px;
	opacity: 0.85;
	margin-top: 4px;
	font-weight: 500;
}

/* ==========================================
   HOMEPAGE JOB COLUMNS GRIDS
   ========================================== */
.gk-homepage-jobs-section {
	padding: 0 20px 20px 20px;
	background: #ffffff;
}

.gk-jobs-columns-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.gk-jobs-column-card {
	border: 1px solid var(--border-color);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.02);
	background: #ffffff;
	display: flex;
	flex-direction: column;
}

.gk-jobs-column-card.latest-jobs-col { --col-color: var(--alert-red); }
.gk-jobs-column-card.results-col { --col-color: var(--primary-blue); }
.gk-jobs-column-card.admit-card-col { --col-color: #2a9d8f; }
.gk-jobs-column-card.answer-key-col { --col-color: #6a0dad; }
.gk-jobs-column-card.upcoming-col { --col-color: #006400; }
.gk-jobs-column-card.last-date-col { --col-color: #d94819; }

.gk-column-header-box {
	background-color: var(--col-color, var(--primary-blue));
	color: #ffffff;
	padding: 12px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.gk-column-header-box h2 {
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0;
}

.gk-column-header-box a.view-all-link {
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	text-decoration: underline;
	opacity: 0.9;
}

.gk-column-header-box a.view-all-link:hover {
	opacity: 1;
}

/* List Item links inside column boxes */
.gk-column-list-feed {
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
}

.gk-column-list-feed li {
	border-bottom: 1px solid var(--border-color);
	font-size: 13.5px;
}

.gk-column-list-feed li:last-child {
	border-bottom: none;
}

.gk-column-list-feed li a {
	display: flex;
	padding: 12px 15px;
	color: #333333;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
	transition: background 0.1s ease;
}

.gk-column-list-feed li a:hover {
	background-color: #f8fafc;
	color: var(--theme-color);
}

.gk-job-title-text-wrap {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.gk-job-link-title-inner {
	font-weight: 600;
	line-height: 1.3;
}

.gk-job-post-date {
	font-size: 11px;
	color: var(--text-muted);
	font-weight: 500;
	white-space: nowrap;
}

/* Special styling for calendar updates grid (Upcoming Jobs) */
.gk-upcoming-date-badge {
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	padding: 2px 8px;
	text-align: center;
	min-width: 60px;
}

.gk-upcoming-date-badge span.day {
	display: block;
	font-size: 13px;
	font-weight: 800;
	color: #0f172a;
	line-height: 1.1;
}

.gk-upcoming-date-badge span.month {
	display: block;
	font-size: 9px;
	font-weight: 700;
	color: var(--text-muted);
	text-transform: uppercase;
}

/* Special styling for countdown alerts (Last Date Near) */
.gk-days-left-badge-tag {
	background: #ffe2e2;
	color: var(--alert-red);
	border: 1px solid #ffa4a4;
	font-size: 11px;
	font-weight: 800;
	padding: 3px 6px;
	border-radius: 4px;
	white-space: nowrap;
}

/* ==========================================
   ICONS CATEGORY ROW
   ========================================== */
.gk-categories-icon-section {
	padding: 10px 20px;
	background: #ffffff;
}

.gk-categories-icon-row-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	gap: 10px;
	border: 1px solid var(--border-color);
	padding: 15px;
	border-radius: 6px;
	background: var(--light-gray);
}

.gk-category-icon-btn-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
	background: #ffffff;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	text-align: center;
	transition: all 0.15s ease;
}

.gk-category-icon-btn-card:hover {
	transform: translateY(-1px);
	border-color: var(--theme-color);
	box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.gk-category-icon-btn-card i {
	font-size: 20px;
	color: var(--theme-color);
	margin-bottom: 6px;
}

.gk-category-icon-btn-card span {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
}

/* ==========================================
   EXAMS BUTTONS GRID
   ========================================== */
.gk-exams-grid-section {
	padding: 20px;
	background: #ffffff;
}

.gk-exams-grid-section h3.section-header-title {
	background-color: var(--alert-red);
	color: #ffffff;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 15px;
}

.gk-exams-buttons-grid-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	gap: 8px;
}

.gk-exam-btn-link-card {
	display: block;
	text-align: center;
	padding: 8px;
	background: #ffffff;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	color: #333333;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.gk-exam-btn-link-card:hover {
	background-color: var(--primary-blue);
	color: #ffffff;
	border-color: var(--primary-blue);
}

.gk-exam-btn-link-card.view-all {
	background-color: var(--light-gray);
}

.gk-exam-btn-link-card.view-all:hover {
	background-color: #eaeaea;
	color: #333;
	border-color: #cbd5e1;
}

/* ==========================================
   INFO BADGES STRIP (Authentic, Fast Update)
   ========================================== */
.gk-info-badges-row-section {
	padding: 10px 20px 25px 20px;
	background: #ffffff;
}

.gk-info-badges-grid-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.gk-info-badge-item-card {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	background: var(--light-gray);
}

.gk-badge-icon-wrap {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #ffe3e3;
	color: var(--alert-red);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.gk-info-badge-item-card:nth-child(2) .gk-badge-icon-wrap { background: #e3f9e5; color: #2e7d32; }
.gk-info-badge-item-card:nth-child(3) .gk-badge-icon-wrap { background: #e3f2fd; color: #1565c0; }
.gk-info-badge-item-card:nth-child(4) .gk-badge-icon-wrap { background: #fff8e1; color: #ff8f00; }

.gk-badge-text-box h4 {
	font-size: 13.5px;
	font-weight: 700;
	color: #111;
}

.gk-badge-text-box p {
	font-size: 11px;
	color: var(--text-muted);
	margin-top: 2px;
}

/* ==========================================
   HOMEPAGE DESCRIPTION & ACCORDION FAQS
   ========================================== */
.gk-homepage-desc-section {
	padding: 25px 20px;
	background: var(--light-gray);
	border-top: 1px solid var(--border-color);
}

.gk-home-desc-editor-content {
	background: #ffffff !important;
	border: 1px solid var(--border-color, #e2e8f0) !important;
	border-radius: 8px !important;
	padding: 28px 32px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
	margin-bottom: 25px !important;
	font-size: 14.5px !important;
	color: #334155 !important;
	line-height: 1.85 !important;
}

.gk-home-desc-editor-content h2 {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	border-left: 5px solid var(--alert-red, #d62222) !important;
	border-bottom: none !important;
	padding-left: 14px !important;
	margin: 0 0 22px 0 !important;
	line-height: 1.35 !important;
	text-transform: capitalize !important;
}

.gk-home-desc-editor-content h3 {
	font-size: 16.5px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	border-left: 4px solid #1e40af !important;
	border-bottom: none !important;
	border-top: none !important;
	border-right: none !important;
	background: #f8fafc !important;
	padding: 10px 14px !important;
	border-radius: 0 6px 6px 0 !important;
	margin: 28px 0 16px 0 !important;
	line-height: 1.4 !important;
}

.gk-home-desc-editor-content p {
	font-size: 14.5px !important;
	line-height: 1.85 !important;
	color: #334155 !important;
	margin-bottom: 18px !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.gk-home-desc-editor-content p:last-child {
	margin-bottom: 0 !important;
}

.gk-home-desc-editor-content ul, 
.gk-home-desc-editor-content ol {
	margin: 15px 0 22px 24px !important;
	padding: 0 !important;
}

.gk-home-desc-editor-content li {
	font-size: 14px !important;
	line-height: 1.85 !important;
	color: #334155 !important;
	margin-bottom: 10px !important;
}

.gk-home-desc-editor-content li strong {
	color: #0f172a !important;
}

.gk-home-desc-editor-content hr {
	display: none !important;
}

/* FAQs accordions blocks */
.gk-faqs-container {
	margin-top: 0;
	padding: 20px;
	border-top: 1px solid var(--border-color, #e2e8f0);
}

/* When rendered inline inside gk-info-main-table (compiled content) — flush, no extra padding */
.gk-info-main-table .gk-faqs-container {
	margin-top: 0;
	padding: 0;
	border-top: none;
}

.gk-faq-section-title {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 12px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: linear-gradient(135deg, var(--highlight-color, #1e40af) 0%, #1e3a8a 100%);
	padding: 12px 16px;
	border-radius: 4px 4px 0 0;
	text-align: center;
}

.gk-faq-accordion-item {
	border: 1px solid var(--border-color);
	border-radius: 6px;
	margin-bottom: 10px;
	background: #ffffff;
	overflow: hidden;
}

.gk-faq-acc-title {
	width: 100%;
	text-align: left;
	padding: 15px 20px;
	background: #ffffff;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background 0.15s ease;
}

.gk-faq-acc-title:hover {
	background-color: #f8fafc;
}

.gk-faq-acc-title.active {
	background-color: #f1f5f9;
	border-bottom: 1px solid var(--border-color);
}

.gk-faq-acc-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background: #ffffff;
}

.gk-faq-acc-panel p {
	font-size: 14.5px !important;
	color: #475569 !important;
	line-height: 1.7 !important;
	margin: 0 !important;
	padding: 15px 20px !important;
}

/* ==========================================
   BREADCRUMBS NAVIGATION
   ========================================== */
.gk-breadcrumbs-nav {
	padding: 12px 20px;
	background: var(--light-gray);
	border-bottom: 1px solid var(--border-color);
	font-size: 12.5px;
	font-weight: 500;
	color: var(--text-muted);
}

.gk-breadcrumbs-nav a {
	color: var(--text-muted);
}

.gk-breadcrumbs-nav a:hover {
	color: var(--theme-color);
}

.gk-breadcrumbs-nav i.separator {
	font-size: 10px;
	margin: 0 6px;
	opacity: 0.6;
}

.gk-breadcrumbs-nav span.active-item {
	color: #0f172a;
	font-weight: 600;
}

/* ==========================================
   SINGLE JOB PAGE COMPILED TABLE
   ========================================== */
.gk-single-page-content-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.gk-job-article-box {
	background: #ffffff;
	border: 3px solid var(--highlight-color, #0056b3);
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	margin-top: 0 !important;
	margin-bottom: 25px;
	padding: 0;
}

.gk-job-compiled-html-table-content {
	padding: 0;
	margin-top: 0 !important;
}

/* Eliminate blank white space above top header inside the job article box */
.gk-job-article-box > *:first-child,
.gk-job-compiled-html-table-content > *:first-child,
.gk-seo-extra-content > *:first-child,
.content-section-card:first-child {
	margin-top: 0 !important;
}

.gk-job-details-container {
	padding: 0 !important;
	background: transparent !important;
	margin-top: 0 !important;
}

.gk-job-table-wrapper {
	width: 100%;
	overflow-x: auto;
	margin-bottom: 0 !important;
}

.gk-info-main-table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: none !important;
	margin: 0 !important;
	font-size: 14px;
}

.gk-info-main-table th, 
.gk-info-main-table td {
	border: 1px solid var(--highlight-color, #0056b3);
	padding: 12px;
	text-align: left;
}

/* Remove outer borders on cells to merge flush with the card outline */
.gk-info-main-table > tr > td,
.gk-info-main-table > tbody > tr > td,
.gk-info-main-table > thead > tr > th {
	border-left: none !important;
	border-right: none !important;
}

.gk-info-main-table > tr:first-child > td,
.gk-info-main-table > tbody > tr:first-child > td,
.gk-info-main-table > thead > tr:first-child > th {
	border-top: none !important;
}

.gk-info-main-table > tr:last-child > td,
.gk-info-main-table > tbody > tr:last-child > td {
	border-bottom: none !important;
}

/* Typography & List spacing polish for job post contents */
.gk-job-compiled-html-table-content ul,
.gk-seo-extra-content ul {
	list-style-type: disc !important;
	padding-left: 25px !important;
	margin: 12px 0 !important;
}

.gk-job-compiled-html-table-content ol,
.gk-seo-extra-content ol {
	list-style-type: decimal !important;
	padding-left: 25px !important;
	margin: 12px 0 !important;
}

.gk-job-compiled-html-table-content li,
.gk-seo-extra-content li {
	margin-bottom: 8px !important;
	line-height: 1.6 !important;
	font-size: 14.5px !important;
	color: #334155 !important;
}

.gk-job-compiled-html-table-content li:last-child,
.gk-seo-extra-content li:last-child {
	margin-bottom: 0 !important;
}

/* Spacing and line heights for paragraphs */
.gk-job-compiled-html-table-content p,
.gk-seo-extra-content p {
	margin: 0 0 1.5em 0 !important;
	line-height: 1.8 !important;
	font-size: 16px !important;
	color: #334155 !important;
}

.gk-job-compiled-html-table-content p:last-child,
.gk-seo-extra-content p:last-child {
	margin-bottom: 0 !important;
}

.gk-table-header-main {
	background-color: var(--highlight-color, var(--primary-blue));
	color: #ffffff;
	font-size: 20px;
	font-weight: 800;
	text-align: center !important;
	text-transform: uppercase;
	line-height: 1.3;
}

.gk-table-advt {
	background-color: #f1f5f9;
	font-size: 13px;
	text-align: center !important;
	font-weight: 600;
}

.gk-header-sub {
	background-color: var(--highlight-color, var(--primary-blue)) !important;
	color: #ffffff !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 13.5px;
	text-align: center !important;
	padding: 10px 15px !important;
}

.gk-split-td {
	width: 50%;
	vertical-align: top;
	padding: 0 !important;
}

.gk-inner-split-table {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border: none;
}

.gk-inner-split-table td {
	border: none;
	border-bottom: 1px solid #e2e8f0;
	padding: 10px 12px;
}

.gk-inner-split-table tr:last-child td {
	border-bottom: none;
}

.gk-small-td-text {
	font-size: 12.5px;
	color: var(--text-muted);
}

.gk-full-width-td {
	padding: 0 !important;
}

.gk-vacancy-banner-td {
	background-color: #f1f5f9;
	font-size: 16px;
	font-weight: 800;
	text-align: center !important;
}

.gk-highlight-text {
	color: var(--alert-red);
}

/* Vacancy Post Grid Subtable */
.gk-vacancy-grid-table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.gk-vacancy-grid-table th {
	background-color: var(--highlight-color, var(--primary-blue));
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	border: none;
	border-bottom: 2px solid var(--highlight-color, var(--primary-blue));
	padding: 10px 12px;
}

.gk-vacancy-grid-table td {
	border: none;
	border-bottom: 1px solid #e2e8f0;
	padding: 10px 12px;
	vertical-align: top;
}

.gk-badge-count {
	background-color: var(--primary-blue);
	color: #ffffff;
	padding: 2px 8px;
	border-radius: 4px;
	font-weight: 700;
	font-size: 12px;
}

.gk-notes-td {
	background-color: #fef8ec;
}

.gk-notes-container {
	margin-top: 6px;
	font-size: 13px;
	color: #664d03;
}

/* Action useful links buttons */
.gk-action-links-td {
	padding: 0 !important;
}

.gk-action-links-table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.gk-action-links-table td {
	border: none;
	border-bottom: 1px solid #e2e8f0;
	padding: 12px 15px;
}

.gk-action-links-table tr:last-child td {
	border-bottom: none;
}

.gk-action-link-btn {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 4px;
	color: #ffffff;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	transition: background 0.15s;
}

.gk-action-link-btn:hover {
	color: #ffffff;
	opacity: 0.9;
}

.gk-action-link-btn.green { background-color: var(--success-color); }
.gk-action-link-btn.blue { background-color: #1e88e5; }
.gk-action-link-btn.purple { background-color: #8e24aa; }
.gk-action-link-btn.red { background-color: var(--alert-red); }
.gk-action-link-btn.orange { background-color: #fb8c00; }
.gk-action-link-btn.gray { background-color: #708090; }

/* Styling for tables scraped/written inside the job content editor */
.gk-job-compiled-html-table-content table:not(.gk-info-main-table):not(.gk-inner-split-table):not(.gk-vacancy-grid-table):not(.gk-action-links-table),
.gk-seo-extra-content table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 25px 0 !important;
	font-size: 14px !important;
	border: 2px solid var(--highlight-color, var(--primary-blue)) !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
	background-color: #ffffff !important;
}

/* Cells inside the first row (Main Table Header) */
.gk-table-cell-header {
	background: linear-gradient(135deg, var(--highlight-color, var(--primary-blue)) 0%, #001a4e 100%) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	padding: 12px 15px !important;
}

/* Cells inside the second row (Sub-headers / column names) */
.gk-table-cell-subheader {
	background-color: #f1f5f9 !important;
	color: var(--highlight-color, var(--primary-blue)) !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	padding: 12px 15px !important;
}

/* Cells inside data rows */
.gk-table-cell-data {
	padding: 12px 15px !important;
	border: 1px solid #cbd5e1 !important;
	text-align: left !important;
	color: #334155 !important;
}

/* Alternating rows background */
.gk-table-data-row-even td,
.gk-table-data-row-even th {
	background-color: #ffffff !important;
}

.gk-table-data-row-odd td,
.gk-table-data-row-odd th {
	background-color: #f8fafc !important;
}

.gk-job-compiled-html-table-content table tr:hover td,
.gk-seo-extra-content table tr:hover td {
	background-color: #f1f5f9 !important;
}

/* Unified Content Section Card & FAQ Container */
.content-section-card,
.gk-faqs-container {
	border: 1px solid #1e293b !important; /* Clean thin border */
	border-radius: 4px !important;
	overflow: hidden !important;
	margin: 25px 0 !important;
	background-color: #ffffff !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
	clear: both !important;
}

/* Card Header & FAQ Section Title */
.content-section-header,
.gk-faq-section-title {
	background: var(--highlight-color, var(--primary-blue)) !important; /* Solid blue */
	color: #ffffff !important;
	font-weight: 700 !important;
	text-transform: none !important;
	font-size: 15.5px !important;
	text-align: center !important;
	padding: 10px 15px !important;
	margin: 0 !important;
	border-bottom: 1px solid #1e293b !important; /* Matching divider line */
}

/* Card Description */
.content-section-description {
	padding: 15px 20px !important;
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	color: #1e293b !important;
	background-color: #ffffff !important;
	border-bottom: 1px solid #1e293b !important; /* Matching divider line */
	text-align: center !important; /* Centered description */
}

.content-section-description p {
	margin: 0 0 10px 0 !important;
}

.content-section-description p:last-child {
	margin-bottom: 0 !important;
}

/* Card Body */
.content-section-body {
	padding: 15px 20px !important;
	background-color: #ffffff !important;
	text-align: left !important;
}

/* Flush padding when body contains a table */
.content-section-body.has-table {
	padding: 0 !important;
}

/* Format tables nested inside card bodies to merge with card container */
.content-section-body.has-table table {
	width: 100% !important;
	margin: 0 !important;
	border: none !important;
	border-collapse: collapse !important;
}

/* Format table cells nested inside cards */
.content-section-body.has-table table td,
.content-section-body.has-table table th {
	border: 1px solid #1e293b !important;
	padding: 12px 15px !important;
}

/* Accent lavender header row for nested tables inside cards */
/* Table Header Row (EVENT | DATE) - Matching Blue Theme Accent */
.content-section-body.has-table table thead tr:first-child th,
.content-section-body.has-table table thead tr:first-child td,
.content-section-body.has-table table > tr:first-child th,
.content-section-body.has-table table > tr:first-child td,
.content-section-body.has-table .gk-table-header-row th,
.content-section-body.has-table .gk-table-header-row td,
.content-section-body.has-table .gk-table-cell-header {
	background: #1d4ed8 !important; /* Premium Royal Blue Accent - matching main blue heading */
	color: #ffffff !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	border: 1px solid #1e293b !important;
	border-bottom: 2px solid #1e3a8a !important;
}

/* Subheadings inside Card Body (e.g. H4) */
.gk-job-compiled-html-table-content h4,
.gk-seo-extra-content h4 {
	color: var(--highlight-color, var(--primary-blue)) !important;
	border-left: 4px solid var(--highlight-color, var(--primary-blue)) !important;
	padding-left: 10px !important;
	font-weight: 700 !important;
	font-size: 14.5px !important;
	margin-top: 15px !important;
	margin-bottom: 10px !important;
	text-transform: uppercase !important;
	clear: both !important;
}

/* Hide duplicate post title in scraped seo content block */
.gk-seo-extra-content h1 {
	display: none !important;
}

/* ==========================================
   FOOTER SECTION
   ========================================== */
.gk-footer-core-wrap {
	background-color: var(--dark-bg);
	color: #cbd5e1;
	padding: 40px 20px 20px 20px;
	font-size: 13.5px;
	border-top: 3px solid var(--alert-red);
}

.gk-footer-columns-grid {
	display: grid;
	grid-template-columns: 2fr repeat(3, 1.2fr) 1.5fr;
	gap: 30px;
	margin-bottom: 35px;
}

.gk-footer-widget-box h3 {
	color: #ffffff;
	font-size: 14.5px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 18px;
	border-left: 3px solid var(--alert-red);
	padding-left: 10px;
}

.gk-footer-widget-box p {
	line-height: 1.7;
	color: #94a3b8;
}

.gk-footer-widget-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.gk-footer-widget-box ul li {
	margin-bottom: 10px;
}

.gk-footer-widget-box ul li a {
	color: #94a3b8;
	display: block;
	transition: color 0.15s, padding-left 0.15s;
}

.gk-footer-widget-box ul li a:hover {
	color: #ffffff;
	padding-left: 4px;
}

.gk-footer-contact-details {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.gk-contact-row-item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.gk-contact-row-item i {
	color: var(--alert-red);
	font-size: 14px;
	margin-top: 3px;
}

/* Social icons bottom group */
.gk-footer-social-links-box {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.gk-footer-social-links-box a {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #1e293b;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	transition: background 0.15s;
}

.gk-footer-social-links-box a:hover {
	background-color: var(--alert-red);
}

/* Copyright banner bottom */
.gk-footer-copyright-banner {
	border-top: 1px solid #1e293b;
	padding-top: 20px;
	text-align: center;
	font-size: 12px;
	color: #64748b;
}

/* ==========================================
   MOBILE FLOATING & STICKY NAVIGATION
   ========================================== */
.gk-mobile-sticky-bottom-nav {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffff;
	box-shadow: 0 -3px 15px rgba(0,0,0,0.1);
	z-index: 9999;
	grid-template-columns: repeat(5, 1fr);
	height: 60px;
}

.gk-mobile-nav-tab-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--text-muted);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.gk-mobile-nav-tab-item i {
	font-size: 20px;
	margin-bottom: 3px;
}

.gk-mobile-nav-tab-item.active,
.gk-mobile-nav-tab-item:hover {
	color: var(--theme-color);
}

.gk-mobile-nav-tab-item.apply-float-btn {
	background-color: var(--success-color);
	color: #ffffff;
}

/* Floating contact links */
.gk-floating-action-buttons-wrap {
	display: flex;
	flex-direction: column;
	position: fixed;
	bottom: 80px;
	right: 20px;
	gap: 10px;
	z-index: 999;
}

.gk-float-circle-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.25);
	transition: transform 0.15s;
}

.gk-float-circle-btn:hover {
	transform: scale(1.05);
	color: #ffffff;
}

.gk-float-circle-btn.wa { background-color: var(--whatsapp-color); }
.gk-float-circle-btn.tg { background-color: var(--telegram-color); }

/* ==========================================
   IMPORTANT EXAM INFORMATION CARD
   ========================================== */
.gk-important-exam-info-card {
	margin-top: 20px;
	border: 2px dashed #00246b;
	border-radius: 8px;
	background: #f8fafc;
	box-shadow: 0 4px 12px rgba(0, 36, 107, 0.05);
	overflow: hidden;
	transition: all 0.3s ease;
}

.gk-important-exam-info-card:hover {
	box-shadow: 0 8px 20px rgba(0, 36, 107, 0.08);
	border-color: #d62222;
	background: #f1f5f9;
}

.gk-important-exam-info-header {
	background: linear-gradient(135deg, #00246b 0%, #001a4e 100%);
	color: #ffffff;
	padding: 12px 20px;
	font-weight: 700;
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.gk-important-exam-info-header i {
	font-size: 18px;
	color: #ffd700; /* Gold warning/info icon */
}

.gk-important-exam-info-content {
	padding: 20px;
	color: #334155;
	font-size: 14px;
	line-height: 1.7;
}

.gk-important-exam-info-content ul {
	margin: 0;
	padding-left: 24px;
	list-style-type: none;
}

.gk-important-exam-info-content li {
	margin-bottom: 10px;
	position: relative;
}

.gk-important-exam-info-content li::before {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: -18px;
	color: #d62222;
}

.gk-important-exam-info-content li:last-child {
	margin-bottom: 0;
}

.gk-important-exam-info-content a {
	color: #d62222;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
}

.gk-important-exam-info-content a:hover {
	color: #00246b;
	text-decoration: underline;
}

.gk-flash-icon {
	animation: gk-pulse-scale 1.5s infinite ease-in-out;
}

@keyframes gk-pulse-scale {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
}

/* ==========================================
   RESPONSIVENESS MEDIA TARGETS
   ========================================== */

@media (max-width: 1024px) {
	.gk-jobs-columns-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.gk-footer-columns-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	/* 1. Header Layout on Mobile */
	.gk-header-top-bar {
		display: none !important;
	}

	.gk-header-branding-wrap {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		padding: 10px 12px !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
		border-bottom: 1px solid #e2e8f0 !important;
		gap: 8px !important;
	}

	.gk-mobile-only-logo {
		display: inline-block !important;
	}

	.gk-desktop-only-logo {
		display: none !important;
	}

	.gk-branding-logo-box {
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}

	.gk-branding-logo-box img {
		max-height: 38px !important;
		width: auto !important;
	}

	/* Ultra minimal single line logo on mobile */
	.gk-branding-text-logo-wrap {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
	}

	.gk-emblem-box {
		width: 30px !important;
		height: 30px !important;
		font-size: 15px !important;
		border-width: 1.5px !important;
		box-shadow: none !important;
	}

	.gk-branding-text {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 6px !important;
	}

	.gk-branding-text h1,
	.gk-branding-text .site-title {
		font-size: 18px !important;
		line-height: 1 !important;
		margin: 0 !important;
		white-space: nowrap !important;
	}

	.gk-branding-text .site-domain {
		font-size: 14px !important;
		display: inline !important;
		margin-top: 0 !important;
		white-space: nowrap !important;
	}

	.gk-branding-text p.site-tagline {
		display: none !important;
	}

	.gk-header-search-box {
		width: 100% !important;
	}

	.gk-header-action-buttons {
		display: flex !important;
		flex-direction: row !important;
		width: 100% !important;
		gap: 8px !important;
	}

	.gk-action-btn-link {
		min-width: unset !important;
		flex: 1 !important;
		padding: 8px 10px !important;
		font-size: 11px !important;
		justify-content: center !important;
	}

	.gk-desktop-nav-wrap {
		display: none !important;
	}

	.gk-mobile-nav-wrap {
		display: block !important;
		width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		background-color: var(--primary-blue, #00246b) !important;
	}

	.gk-mobile-menu-ul {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: space-between !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		white-space: nowrap !important;
	}

	.gk-mobile-menu-ul li {
		flex: 1 0 auto !important;
		text-align: center !important;
	}

	.gk-mobile-menu-ul li a {
		padding: 11px 10px !important;
		font-size: 12.5px !important;
		font-weight: 800 !important;
		color: #ffffff !important;
		text-transform: uppercase !important;
		letter-spacing: 0.3px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
		text-decoration: none !important;
	}

	.gk-mobile-menu-ul li:last-child a {
		border-right: none !important;
	}

	.gk-mobile-menu-ul li.home-menu-icon a,
	.gk-mobile-menu-ul li:first-child a {
		background-color: var(--alert-red, #d62222) !important;
		color: #ffffff !important;
	}

	.gk-jobs-columns-grid {
		grid-template-columns: 1fr !important;
	}

	.gk-info-badges-grid-wrap {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.gk-footer-columns-grid {
		grid-template-columns: 1fr !important;
	}

	/* Show Mobile sticky navigation */
	.gk-mobile-sticky-bottom-nav {
		display: grid !important;
	}

	/* Adjust body padding for sticky nav height */
	body {
		padding-bottom: 60px !important;
	}

	.gk-floating-action-buttons-wrap {
		bottom: 75px !important;
		right: 15px !important;
	}

	/* 2. SINGLE JOB POST MOBILE RESPONSIVENESS FIX */
	.gk-single-blog-wrapper {
		margin: 10px auto !important;
		padding: 0 10px !important;
		width: 100% !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	.gk-single-main-content,
	.gk-single-page-content-wrapper,
	.gk-job-article-box,
	.gk-job-compiled-html-table-content {
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.gk-single-blog-card {
		padding: 14px 10px !important;
		border-radius: 6px !important;
		box-sizing: border-box !important;
	}

	/* Force table elements to stack on mobile */
	.gk-info-main-table,
	.gk-info-main-table > tbody,
	.gk-info-main-table > tbody > tr {
		display: block !important;
		width: 100% !important;
		table-layout: auto !important;
		box-sizing: border-box !important;
	}

	.gk-info-main-table > tbody > tr > td.gk-split-td,
	.gk-info-main-table > tbody > tr > td.gk-full-width-td,
	.gk-info-main-table > tbody > tr > td.gk-vacancy-banner-td,
	.gk-info-main-table > tbody > tr > td.gk-notes-td,
	.gk-info-main-table > tbody > tr > td.gk-action-links-td {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		border-right: none !important;
		border-bottom: 2px solid #cbd5e1 !important;
		padding: 0 !important;
	}

	.gk-info-main-table > tbody > tr > td.gk-split-td:last-child {
		border-bottom: none !important;
	}

	.gk-inner-split-table,
	.gk-vacancy-grid-table,
	.gk-action-links-table {
		display: table !important;
		width: 100% !important;
		table-layout: auto !important;
		box-sizing: border-box !important;
	}

	.gk-inner-split-table td,
	.gk-vacancy-grid-table td,
	.gk-action-links-table td {
		word-wrap: break-word !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		box-sizing: border-box !important;
		padding: 10px 8px !important;
	}

	.gk-table-header-main {
		font-size: 16px !important;
		padding: 12px 10px !important;
		line-height: 1.35 !important;
		word-wrap: break-word !important;
		word-break: break-word !important;
	}

	.gk-header-sub {
		font-size: 13px !important;
		padding: 10px 8px !important;
		line-height: 1.35 !important;
	}
}

/* ==========================================
   FRONTEND TYPOGRAPHY AUTO-STYLING
   ========================================== */
.gk-single-page-content-wrapper p,
.gk-seo-extra-content p {
	margin-bottom: 18px !important;
	line-height: 1.9 !important;
	font-size: 17px !important;
	max-width: 100% !important;
	color: #334155 !important;
}

.gk-info-main-table p,
.gk-info-main-table td p {
	margin-bottom: 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.gk-single-page-content-wrapper h2,
.gk-seo-extra-content h2 {
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin-top: 32px !important;
	margin-bottom: 16px !important;
	padding-bottom: 8px !important;
	border-bottom: 2px solid #e2e8f0 !important;
}

.gk-single-page-content-wrapper h3:not(.gk-faq-section-title):not(.content-section-header),
.gk-seo-extra-content h3:not(.gk-faq-section-title):not(.content-section-header) {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin-top: 28px !important;
	margin-bottom: 12px !important;
	padding-left: 12px !important;
	border-left: 4px solid #3b82f6 !important;
}

.gk-single-page-content-wrapper ul,
.gk-seo-extra-content ul {
	list-style-type: disc !important;
	margin-left: 24px !important;
	margin-bottom: 18px !important;
	line-height: 1.8 !important;
	font-size: 16px !important;
	color: #334155 !important;
}

.gk-single-page-content-wrapper ol,
.gk-seo-extra-content ol {
	list-style-type: decimal !important;
	margin-left: 24px !important;
	margin-bottom: 18px !important;
	line-height: 1.8 !important;
	font-size: 16px !important;
	color: #334155 !important;
}

.gk-single-page-content-wrapper li,
.gk-seo-extra-content li {
	margin-bottom: 8px !important;
}

/* Make FAQ and Content Section Cards completely flush when placed inside the details main table */
.gk-info-main-table .gk-faqs-container,
.gk-info-main-table .content-section-card {
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	width: 100% !important;
}

/* Ensure card headers inside main table have no extra border and align flush */
.gk-info-main-table .gk-faq-section-title,
.gk-info-main-table .content-section-header {
	border-left: none !important;
	border-right: none !important;
	border-top: 1px solid var(--border-color, #ccd0d4) !important;
	border-bottom: 1px solid var(--border-color, #ccd0d4) !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

/* Specific styling for nested content section card body when inside main table */
.gk-info-main-table .content-section-body {
	border: none !important;
	border-radius: 0 !important;
	padding: 15px 20px !important;
}

/* Specific styling for nested content section description when inside main table */
.gk-info-main-table .content-section-description {
	border: none !important;
	border-radius: 0 !important;
	padding: 15px 20px !important;
	background: #f8fafc !important;
	border-bottom: 1px solid var(--border-color, #ccd0d4) !important;
}

/* Premium details table design overrides */
.gk-job-table-wrapper {
	border: none !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	background: #ffffff !important;
	box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 25px !important;
}

.gk-info-main-table {
	border: none !important;
	border-collapse: collapse !important;
}

.gk-info-main-table th, 
.gk-info-main-table td {
	border: 1px solid #cbd5e1 !important;
}

/* Premium color gradients for headers */
.gk-table-header-main {
	background: linear-gradient(135deg, var(--highlight-color, var(--primary-blue)) 0%, #1e3a8a 100%) !important;
	font-size: 19px !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
	letter-spacing: 0.5px !important;
	padding: 16px !important;
}

.gk-header-sub {
	background: linear-gradient(135deg, var(--highlight-color, var(--primary-blue)) 0%, #1e40af 100%) !important;
	font-size: 14px !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
	letter-spacing: 0.5px !important;
	padding: 12px 15px !important;
}

/* Vertical grid line divider between Dates and Fees */
.gk-split-td:first-child {
	border-right: 1px solid #cbd5e1 !important;
}

/* Alternating zebra row backgrounds for sub-tables */
.gk-inner-split-table tbody tr:nth-child(even) {
	background-color: #f8fafc !important;
}

.gk-inner-split-table tbody tr:hover {
	background-color: #f1f5f9 !important;
	transition: background-color 0.15s ease;
}

.gk-inner-split-table td {
	color: #334155 !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	padding: 12px 14px !important;
}

/* Styling key metadata labels inside details */
.gk-inner-split-table td strong {
	color: #1e3a8a !important;
	font-weight: 700 !important;
	margin-right: 6px !important;
}

/* Styling for custom pasted vacancy tables to match theme style */
.gk-vacancy-custom-table-wrapper table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: none !important;
	margin: 0 !important;
}

.gk-vacancy-custom-table-wrapper th {
	background: linear-gradient(135deg, var(--highlight-color, var(--primary-blue)) 0%, #1e40af 100%) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	font-size: 13.5px !important;
	text-align: center !important;
	padding: 12px 15px !important;
	border: 1px solid #cbd5e1 !important;
}

.gk-vacancy-custom-table-wrapper td {
	border: 1px solid #cbd5e1 !important;
	padding: 12px 14px !important;
	font-size: 13.5px !important;
	color: #334155 !important;
	line-height: 1.6 !important;
}

.gk-vacancy-custom-table-wrapper tr:nth-child(even) {
	background-color: #f8fafc !important;
}

.gk-vacancy-custom-table-wrapper tr:hover {
	background-color: #f1f5f9 !important;
	transition: background-color 0.15s ease;
}

/* ==========================================
   SINGLE BLOG POST READING EXPERIENCE (ULTRA READABLE)
   ========================================== */
.gk-single-blog-wrapper {
	max-width: 1320px;
	margin: 25px auto;
	padding: 0 20px;
	display: flex;
	gap: 25px;
	align-items: flex-start;
}

.gk-single-main-content {
	flex: 1;
	min-width: 0; /* Prevents flex overflow */
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.gk-single-blog-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
	padding: 42px 48px;
	overflow: hidden;
	margin-top: 0 !important;
}

/* Sidebar Container & Widget Cards */
.gk-single-sidebar {
	width: 320px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 22px;
	position: sticky;
	top: 20px;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.gk-sidebar-widget-card:first-child {
	margin-top: 0 !important;
}

.gk-sidebar-widget-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

.gk-sidebar-widget-header {
	background: linear-gradient(135deg, #00246b 0%, #001a4e 100%);
	color: #ffffff;
	padding: 12px 18px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.gk-sidebar-widget-header.news-header {
	background: linear-gradient(135deg, #d62222 0%, #990000 100%);
}

.gk-sidebar-widget-header h3 {
	font-size: 14px !important;
	font-weight: 750 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	color: #ffffff !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.gk-sidebar-widget-header i {
	font-size: 16px;
	color: #ffd700;
}

.gk-sidebar-widget-body {
	padding: 12px 15px;
}

.gk-sidebar-post-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gk-sidebar-post-item {
	border-bottom: 1px solid #f1f5f9;
	padding: 10px 0;
	margin: 0 !important;
}

.gk-sidebar-post-item:last-child {
	border-bottom: none;
}

.gk-sidebar-post-link {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #1e293b;
	text-decoration: none;
	transition: color 0.15s ease;
}

.gk-sidebar-post-link:hover {
	color: #00246b;
}

.gk-sidebar-post-link:hover .gk-sidebar-post-title {
	color: #00246b;
	text-decoration: underline;
}

.gk-sidebar-arrow {
	font-size: 11px;
	color: #00246b;
	margin-top: 4px;
	flex-shrink: 0;
}

.gk-sidebar-arrow.news-icon {
	color: #d62222;
}

.gk-sidebar-post-details {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.gk-sidebar-post-title {
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.4;
	color: #1e293b;
}

.gk-sidebar-post-meta {
	font-size: 11.5px;
	color: #64748b;
	display: flex;
	align-items: center;
	gap: 5px;
}

.gk-sidebar-view-all-btn {
	display: block;
	text-align: center;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	color: #d62222;
	font-weight: 700;
	font-size: 12px;
	padding: 8px 12px;
	border-radius: 6px;
	margin-top: 10px;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

.gk-sidebar-view-all-btn:hover {
	background: #d62222;
	color: #ffffff;
}

@media (max-width: 992px) {
	.gk-single-blog-wrapper {
		flex-direction: column;
		margin: 15px auto;
		padding: 0 12px;
	}
	.gk-single-sidebar {
		width: 100%;
		position: static;
	}
	.gk-single-blog-card {
		padding: 24px 18px;
		border-radius: 8px;
	}
}

/* Category Pills Header */
.gk-blog-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.gk-blog-cat-pill {
	display: inline-block;
	background: #eff6ff;
	color: #1d4ed8;
	font-weight: 700;
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	padding: 5px 14px;
	border-radius: 20px;
	border: 1px solid #dbeafe;
	text-decoration: none;
	transition: all 0.2s ease;
}

.gk-blog-cat-pill:hover {
	background: #1d4ed8;
	color: #ffffff;
}

/* Title */
.gk-blog-title {
	font-size: 32px;
	font-weight: 800;
	color: #0f172a;
	line-height: 1.3;
	margin: 0 0 16px 0;
	letter-spacing: -0.02em;
}

@media (max-width: 768px) {
	.gk-blog-title {
		font-size: 24px;
		line-height: 1.35;
	}
}

/* Meta Bar */
.gk-blog-meta-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #f1f5f9;
	font-size: 13.5px;
	color: #64748b;
}

.gk-blog-meta-item {
	display: flex;
	align-items: center;
	gap: 6px;
}

.gk-blog-meta-item i {
	color: #2563eb;
}

/* Featured Image */
.gk-blog-featured-image {
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.gk-blog-featured-image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* Table of Contents Box */
.gk-toc-container {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-left: 4px solid #2563eb;
	border-radius: 8px;
	padding: 16px 20px;
	margin: 25px 0 35px 0;
	transition: all 0.2s ease;
}

.gk-toc-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	user-select: none;
}

.gk-toc-title {
	font-weight: 750;
	font-size: 15px;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.gk-toc-title i {
	color: #2563eb;
}

.gk-toc-toggle i {
	color: #64748b;
	transition: transform 0.2s ease;
}

.gk-toc-container.closed .gk-toc-toggle i {
	transform: rotate(180deg);
}

.gk-toc-container.closed .gk-toc-list {
	display: none;
}

.gk-toc-list {
	margin: 14px 0 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 8px;
}

.gk-toc-list li a {
	color: #334155;
	font-size: 14.5px;
	font-weight: 500;
	text-decoration: none;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	transition: color 0.15s ease;
}

.gk-toc-list li a:hover {
	color: #2563eb;
	text-decoration: underline;
}

.gk-toc-num {
	color: #2563eb;
	font-weight: 700;
}

/* Article Reading Body (Typography Masterclass) */
.gk-article-reading-body {
	font-size: 16.5px;
	line-height: 1.85;
	color: #334155;
	letter-spacing: -0.003em;
}

.gk-article-reading-body p {
	margin: 0 0 1.6em 0 !important;
	line-height: 1.85 !important;
	font-size: 16.5px !important;
	color: #334155 !important;
}

/* First lead paragraph boost */
.gk-article-reading-body > p:first-of-type {
	font-size: 18px !important;
	line-height: 1.8 !important;
	color: #1e293b !important;
	font-weight: 450 !important;
}

/* Headings */
.gk-article-reading-body h2,
.gk-blog-h2 {
	font-size: 22px !important;
	font-weight: 750 !important;
	color: #0f172a !important;
	margin: 2.2em 0 0.8em 0 !important;
	padding-left: 14px !important;
	border-left: 4px solid var(--highlight-color, #2563eb) !important;
	line-height: 1.4 !important;
	scroll-margin-top: 80px;
}

.gk-article-reading-body h3 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin: 1.8em 0 0.6em 0 !important;
	line-height: 1.45 !important;
	scroll-margin-top: 80px;
}

.gk-article-reading-body h4 {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #334155 !important;
	margin: 1.5em 0 0.5em 0 !important;
}

/* Lists */
.gk-article-reading-body ul,
.gk-article-reading-body .wp-block-list {
	list-style: none !important;
	padding-left: 0 !important;
	margin: 1.5em 0 !important;
}

.gk-article-reading-body ul li,
.gk-article-reading-body .wp-block-list li {
	position: relative !important;
	padding-left: 28px !important;
	margin-bottom: 12px !important;
	font-size: 16.5px !important;
	line-height: 1.75 !important;
	color: #334155 !important;
}

.gk-article-reading-body ul li::before,
.gk-article-reading-body .wp-block-list li::before {
	content: "✓" !important;
	color: #2563eb !important;
	font-weight: 800 !important;
	position: absolute !important;
	left: 6px !important;
	top: 0 !important;
	font-size: 15px !important;
}

.gk-article-reading-body ol {
	padding-left: 20px !important;
	margin: 1.5em 0 !important;
}

.gk-article-reading-body ol li {
	margin-bottom: 12px !important;
	font-size: 16.5px !important;
	line-height: 1.75 !important;
	color: #334155 !important;
	padding-left: 6px !important;
}

.gk-article-reading-body ol li::marker {
	color: #2563eb;
	font-weight: 700;
}

/* Blockquotes */
.gk-article-reading-body blockquote {
	background: #f8fafc;
	border-left: 4px solid #2563eb;
	padding: 18px 24px;
	border-radius: 0 8px 8px 0;
	margin: 1.8em 0;
	font-style: italic;
	font-size: 17px;
	color: #1e293b;
}

/* Bold & Highlights */
.gk-article-reading-body strong,
.gk-article-reading-body b {
	color: #0f172a;
	font-weight: 700;
}

/* Images inside post body */
.gk-article-reading-body img,
.gk-article-reading-body figure img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
	margin: 2em 0;
	display: block;
}

/* Post Footer & Share Strip */
.gk-blog-share-bar {
	margin-top: 40px;
	padding-top: 25px;
	border-top: 1px solid #e2e8f0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.gk-share-label {
	font-weight: 700;
	font-size: 14px;
	color: #0f172a;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.gk-share-buttons {
	display: flex;
	gap: 10px;
}

.gk-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.gk-share-btn:hover {
	transform: translateY(-2px);
	opacity: 0.9;
}

.gk-share-btn.whatsapp { background: #25d366; }
.gk-share-btn.telegram { background: #0088cc; }
.gk-share-btn.facebook { background: #1877f2; }
.gk-share-btn.twitter { background: #1da1f2; }
.gk-share-btn.copy { background: #64748b; cursor: pointer; border: none; }

/* Related Articles Block */
.gk-blog-related-section {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 2px solid #f1f5f9;
}

.gk-blog-related-title {
	font-size: 18px;
	font-weight: 800;
	color: #0f172a;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.gk-blog-related-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 18px;
}

.gk-blog-related-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 16px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gk-blog-related-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.06);
	border-color: #cbd5e1;
}

.gk-blog-related-card a {
	font-weight: 700;
	font-size: 14.5px;
	color: #0f172a;
	text-decoration: none;
	line-height: 1.4;
	display: block;
}

.gk-blog-related-card a:hover {
	color: #2563eb;
}

.gk-blog-related-date {
	font-size: 12px;
	color: #64748b;
	margin-top: 8px;
}

