/*
==========================================
Current Affairs Details
Part-1 : Hero Section
GovtJobPreparation.com
==========================================
*/


/*=========================================
Main Section
=========================================*/

.gjp-ca-details{

	padding:50px 0 70px;

	background:#f8fafc;

}


/*=========================================
Article Container
=========================================*/

.gjp-ca-details .container{

	max-width:900px;

}


/*=========================================
Breadcrumb
=========================================*/

.gjp-breadcrumb{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:10px;

	margin-bottom:28px;

	font-size:14px;

}

.gjp-breadcrumb a{

	color:#2563eb;

	text-decoration:none;

	font-weight:500;

}

.gjp-breadcrumb a:hover{

	text-decoration:underline;

}

.gjp-breadcrumb span{

	color:#64748b;

}


/*=========================================
Article Header
=========================================*/

.gjp-article-header{

	background:#ffffff;

	padding:40px;

	border-radius:18px;

	border:1px solid #e5e7eb;

	box-shadow:0 8px 25px rgba(15,23,42,.05);

	margin-bottom:28px;

}


/*=========================================
Category Badge
=========================================*/

.gjp-category-badge{

	display:inline-block;

	padding:8px 18px;

	border-radius:50px;

	background:#dbeafe;

	color:#2563eb;

	font-size:13px;

	font-weight:700;

	text-transform:uppercase;

	margin-bottom:18px;

}


/*=========================================
Title
=========================================*/

.gjp-article-title{

	font-size:42px;

	font-weight:700;

	line-height:1.3;

	color:#0f172a;

	margin-bottom:18px;

}


/*=========================================
Excerpt
=========================================*/

.gjp-article-excerpt{

	font-size:18px;

	line-height:1.9;

	color:#64748b;

	margin-bottom:28px;

}


/*=========================================
Meta
=========================================*/

.gjp-article-meta{

	display:flex;

	justify-content:space-between;

	align-items:center;

	flex-wrap:wrap;

	gap:18px;

	padding-top:22px;

	border-top:1px solid #e5e7eb;

}

.gjp-meta-left{

	display:flex;

	flex-wrap:wrap;

	gap:20px;

	font-size:14px;

	color:#64748b;

}

.gjp-meta-right{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:14px;

}

.gjp-share-label{

	font-weight:700;

	color:#0f172a;

}

.gjp-meta-right a{

	color:#2563eb;

	text-decoration:none;

	font-size:14px;

	font-weight:600;

	transition:.25s;

}

.gjp-meta-right a:hover{

	text-decoration:underline;

}

.gjp-bookmark{

	padding:8px 16px;

	border:1px solid #dbe4ef;

	border-radius:10px;

	background:#ffffff;

}


/*=========================================
Featured Image
=========================================*/

.gjp-featured-image{

	margin-bottom:40px;

	border-radius:18px;

	overflow:hidden;

	box-shadow:0 10px 30px rgba(15,23,42,.08);

}

.gjp-featured-image img{

	width:100%;

	display:block;

	height:auto;

}
/*
==========================================
Current Affairs Details
Part-2 : Article Content
==========================================
*/


/*=========================================
Article Body
=========================================*/

.gjp-article-body{

	background:#ffffff;

	padding:45px;

	border:1px solid #e5e7eb;

	border-radius:18px;

	box-shadow:0 8px 25px rgba(15,23,42,.05);

	margin-bottom:40px;

}


/*=========================================
Paragraphs
=========================================*/

.gjp-article-body p{

	font-size:18px;

	line-height:2;

	color:#334155;

	margin-bottom:24px;

}


/*=========================================
Bold Text
=========================================*/

.gjp-article-body strong,

.gjp-article-body b{

	color:#0f172a;

	font-weight:700;

}


/*=========================================
Links
=========================================*/

.gjp-article-body a{

	color:#2563eb;

	text-decoration:none;

	font-weight:600;

}

.gjp-article-body a:hover{

	text-decoration:underline;

}


/*=========================================
Images
=========================================*/

.gjp-article-body img{

	width:100%;

	height:auto;

	border-radius:14px;

	margin:30px 0;

	box-shadow:0 8px 25px rgba(15,23,42,.08);

}


/*=========================================
Lists
=========================================*/

.gjp-article-body ul,

.gjp-article-body ol{

	margin:20px 0 25px 25px;

}

.gjp-article-body li{

	font-size:17px;

	line-height:1.9;

	color:#334155;

	margin-bottom:12px;

}


/*=========================================
Blockquote
=========================================*/

.gjp-article-quote{

	margin:35px 0;

	padding:25px 30px;

	background:#f8fbff;

	border-left:5px solid #2563eb;

	border-radius:12px;

	font-size:20px;

	font-style:italic;

	line-height:1.8;

	color:#1e293b;

}


/*=========================================
Tables
=========================================*/

.gjp-article-body table{

	width:100%;

	border-collapse:collapse;

	margin:35px 0;

	background:#ffffff;

}

.gjp-article-body th{

	background:#2563eb;

	color:#ffffff;

	padding:14px;

	text-align:left;

	font-size:15px;

}

.gjp-article-body td{

	padding:14px;

	border:1px solid #e5e7eb;

	font-size:15px;

	color:#334155;

}

.gjp-article-body tr:nth-child(even){

	background:#f8fafc;

}


/*=========================================
Horizontal Line
=========================================*/

.gjp-article-body hr{

	border:none;

	height:1px;

	background:#e5e7eb;

	margin:40px 0;

}


/*=========================================
Code Block (Optional)
=========================================*/

.gjp-article-body pre{

	background:#0f172a;

	color:#f8fafc;

	padding:20px;

	border-radius:12px;

	overflow-x:auto;

	margin:30px 0;

}

.gjp-article-body code{

	font-family:Consolas, monospace;

	font-size:15px;

}
/*
==========================================
Current Affairs Details
Part-3 : Tags & Related Articles
==========================================
*/


/*=========================================
Topic Tags
=========================================*/

.gjp-article-tags{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:12px;

	margin-bottom:45px;

}

.gjp-article-tags h3{

	font-size:18px;

	font-weight:700;

	color:#0f172a;

	margin-right:10px;

}

.gjp-article-tags a{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:8px 16px;

	background:#f8fafc;

	border:1px solid #dbe4ef;

	border-radius:50px;

	text-decoration:none;

	font-size:14px;

	font-weight:600;

	color:#475569;

	transition:all .30s ease;

}

.gjp-article-tags a:hover{

	background:#2563eb;

	border-color:#2563eb;

	color:#ffffff;

}


/*=========================================
Previous / Next Navigation
=========================================*/

.gjp-article-navigation{

	display:grid;

	grid-template-columns:repeat(2,1fr);

	gap:24px;

	margin-bottom:60px;

}

.gjp-prev-article,

.gjp-next-article{

	padding:24px;

	background:#ffffff;

	border:1px solid #e5e7eb;

	border-radius:16px;

	transition:all .30s ease;

}

.gjp-prev-article:hover,

.gjp-next-article:hover{

	transform:translateY(-4px);

	border-color:#2563eb;

	box-shadow:0 12px 30px rgba(37,99,235,.10);

}

.gjp-prev-article span,

.gjp-next-article span{

	display:block;

	font-size:13px;

	font-weight:700;

	text-transform:uppercase;

	color:#2563eb;

	margin-bottom:10px;

}

.gjp-prev-article a,

.gjp-next-article a{

	display:block;

	font-size:19px;

	font-weight:700;

	line-height:1.5;

	color:#0f172a;

	text-decoration:none;

	margin-bottom:8px;

	transition:.30s;

}

.gjp-prev-article a:hover,

.gjp-next-article a:hover{

	color:#2563eb;

}

.gjp-prev-article small,

.gjp-next-article small{

	font-size:13px;

	color:#64748b;

}


/*=========================================
Related Section
=========================================*/

.gjp-related-current-affairs{

	margin-top:20px;

}

.gjp-related-current-affairs h2{

	font-size:32px;

	font-weight:700;

	color:#0f172a;

	margin-bottom:28px;

}


/*=========================================
Related Grid
=========================================*/

.gjp-related-grid{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:24px;

}


/*=========================================
Related Card
=========================================*/

.gjp-related-card{

	background:#ffffff;

	border:1px solid #e5e7eb;

	border-radius:18px;

	overflow:hidden;

	box-shadow:0 6px 20px rgba(15,23,42,.05);

	transition:all .30s ease;

}

.gjp-related-card:hover{

	transform:translateY(-6px);

	border-color:#2563eb;

	box-shadow:0 18px 35px rgba(37,99,235,.12);

}

.gjp-related-card a{

	display:block;

	text-decoration:none;

	color:inherit;

}

.gjp-related-card img{

	width:100%;

	height:180px;

	object-fit:cover;

}

.gjp-related-category{

	display:inline-block;

	margin:18px 18px 10px;

	padding:6px 12px;

	border-radius:30px;

	background:#dbeafe;

	color:#2563eb;

	font-size:12px;

	font-weight:700;

	text-transform:uppercase;

}

.gjp-related-card h3{

	font-size:18px;

	line-height:1.5;

	color:#0f172a;

	padding:0 18px;

	margin-bottom:12px;

	transition:.30s;

}

.gjp-related-card:hover h3{

	color:#2563eb;

}

.gjp-related-card p{

	padding:0 18px 20px;

	font-size:14px;

	color:#64748b;

}
/*
==========================================
Current Affairs Details
Part-4 : Responsive
==========================================
*/


/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

	.gjp-ca-details .container{

		max-width:860px;

	}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:992px){

	.gjp-article-header{

		padding:32px;

	}

	.gjp-article-title{

		font-size:36px;

	}

	.gjp-article-body{

		padding:35px;

	}

	.gjp-article-navigation{

		grid-template-columns:1fr;

	}

	.gjp-related-grid{

		grid-template-columns:repeat(2,1fr);

		gap:20px;

	}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:768px){

	.gjp-ca-details{

		padding:35px 0 50px;

	}

	.gjp-breadcrumb{

		font-size:13px;

		gap:8px;

	}

	.gjp-article-header{

		padding:25px;

	}

	.gjp-category-badge{

		font-size:12px;

		padding:7px 14px;

	}

	.gjp-article-title{

		font-size:30px;

		line-height:1.4;

	}

	.gjp-article-excerpt{

		font-size:16px;

		line-height:1.8;

	}

	.gjp-article-meta{

		flex-direction:column;

		align-items:flex-start;

		gap:16px;

	}

	.gjp-meta-left,

	.gjp-meta-right{

		width:100%;

		flex-wrap:wrap;

	}

	.gjp-featured-image{

		margin-bottom:30px;

	}

	.gjp-article-body{

		padding:28px;

	}

	.gjp-article-body p{

		font-size:17px;

		line-height:1.9;

	}

	.gjp-article-quote{

		padding:20px;

		font-size:18px;

	}

	.gjp-article-tags{

		gap:10px;

	}

	.gjp-related-current-affairs h2{

		font-size:28px;

	}

	.gjp-related-grid{

		grid-template-columns:1fr;

	}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

	.gjp-article-header{

		padding:20px;

		border-radius:14px;

	}

	.gjp-article-title{

		font-size:26px;

	}

	.gjp-article-excerpt{

		font-size:15px;

	}

	.gjp-article-body{

		padding:22px;

		border-radius:14px;

	}

	.gjp-article-body p{

		font-size:16px;

		margin-bottom:20px;

	}

	.gjp-article-body img{

		margin:20px 0;

		border-radius:10px;

	}

	.gjp-article-tags h3{

		width:100%;

		margin-bottom:8px;

	}

	.gjp-article-tags a{

		font-size:13px;

		padding:7px 12px;

	}

	.gjp-prev-article,

	.gjp-next-article{

		padding:20px;

	}

	.gjp-prev-article a,

	.gjp-next-article a{

		font-size:17px;

	}

	.gjp-related-current-affairs h2{

		font-size:24px;

	}

	.gjp-related-card img{

		height:170px;

	}

	.gjp-related-card h3{

		font-size:17px;

	}

}