/**
 * Global CSS for Sona Pulp theme
 * This file contains styles specific to the global section of the Sona Pulp WordPress theme.
 * It ensures a cohesive design and responsive layout for the global elements across all devices.
 */
	html {
		margin-top: 0 !important;
	}

	/* Apply Poppins to everything */
	*,
	body,
	button,
	input,
	select,
	textarea {
		font-family: "Inter", sans-serif;
	}

	/* Ensure headings specifically use it */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "Manrope", sans-serif;
	}

	.manrope_imp {
		font-family: "Manrope", sans-serif !important;
	}

	body {
		margin: 0;
		overflow-x: hidden;
		margin-bottom: 0 !important;
	}

	::selection {
		color: #fff;
		background: #176b4d;
	}

	html {
		overflow-x: hidden !important;
	}

	#scroll-progress {
		position: fixed;
		top: 0;
		left: 0;
		width: 0%;
		height: 4px;
		background: #176b4d;
		z-index: 999999;
		transition: width 0.05s linear;
		pointer-events: none;
	}

	/* ////////////////////// PAGE>PHP ????????????*/
	/* --- RESET & WRAPPER --- */
	.kps_juuzbot_page_php_default {
		line-height: 1.5;
		color: #333;
		overflow-x: hidden;
	}

	/* --- SECTION 1: HERO & BREADCRUMB --- */
	.kps_juuzbot_page_php_default .kps-hero-section {
		position: relative;
		width: 100%;
	}

	.kps_juuzbot_page_php_default .kps-hero-bg {
		height: 50vh;
		/* Adjust height as needed */
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* The Whitish Blur Filter Card */
	.kps_juuzbot_page_php_default .kps-glass-card {
		background: rgba(255, 255, 255, 0.4);
		/* Whitish tint */
		backdrop-filter: blur(12px);
		/* Blur effect */
		-webkit-backdrop-filter: blur(12px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 30px;
		/* Border radius requested */
		padding: 50px 80px;
		max-width: 800px;
		width: 90%;
		text-align: center;
		box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	}

	.kps_juuzbot_page_php_default .kps-breadcrumb {
		font-size: 0.9rem;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom: 15px;
		color: #444;
	}

	.kps_juuzbot_page_php_default .kps-breadcrumb a {
		text-decoration: none;
		color: #000;
		font-weight: 600;
	}

	.kps_juuzbot_page_php_default .entry-title {
		font-size: 3rem;
		margin: 0;
		color: #000;
		font-weight: 800;
	}

	/* --- SECTION 2: CONTENT --- */
	.kps_juuzbot_page_php_default .kps-content-section {
		max-width: 1100px;
		margin: 0 auto;
	}

	.kps_juuzbot_page_php_default .kps-section-header {
		text-align: center;
		margin: 25px 0;
	}

	.kps_juuzbot_page_php_default .kps-centered-title {
		font-size: 2.5rem;
		font-weight: 700;
		color: #002a54;
		margin-bottom: 10px;
	}

	.kps_juuzbot_page_php_default .kps-divider {
		width: 100px;
		height: 4px;
		background: #000;
		/* Primary theme color */
		margin: 0 auto;
		border-radius: 2px;
	}

	.kps_juuzbot_page_php_default .entry-content {
		font-size: 15px;
		color: #555;
	}

	/* --- SECTION 3: SWIPER LATEST POSTS --- */
	.kps_juuzbot_page_php_default .kps-swiper-section {
		padding: 30px 20px;
	}

	.kps_juuzbot_page_php_default .kps-post-card {
		background: #fff;
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		transition: transform 0.3s ease;
		height: 100%;
	}

	.kps_juuzbot_page_php_default .kps-post-card:hover {
		transform: translateY(-10px);
	}

	.kps_juuzbot_page_php_default .kps-card-img img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

	.kps_juuzbot_page_php_default .kps-card-body {
		padding: 25px;
	}

	.kps_juuzbot_page_php_default .kps-card-body h3 {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.kps_juuzbot_page_php_default .kps-read-more {
		color: #575757;
		font-weight: 600;
	}

	/* Responsive adjustments */
	@media (max-width: 768px) {
		.kps_juuzbot_page_php_default .kps-glass-card {
			padding: 30px 20px;
		}

		.kps_juuzbot_page_php_default .entry-title {
			font-size: 2rem;
		}

		.kps_juuzbot_page_php_default .kps-hero-bg {
			height: 400px;
		}
	}

	/* ///////////////////////////////// BLOG PAGE CSS ///////////////////////////////////////////////////////// */
	/* ============================================================
   SONA PULP BLOG
============================================================ */
	.sona-pulp-blog {
		position: relative;
		overflow: hidden;
		background: #f4f6f1;
		color: #142018;
		padding: 150px 0 100px;
	}

	/* ============================================================
   BACKGROUND
============================================================ */
	.sona-pulp-blog_bg {
		position: absolute;
		inset: 0;
		pointer-events: none;
		z-index: 0;
	}

	.sona-pulp-blog_grid {
		position: absolute;
		inset: 0;
		background-image:
			linear-gradient(rgba(20, 32, 24, 0.035) 1px,
				transparent 1px),
			linear-gradient(90deg,
				rgba(20, 32, 24, 0.035) 1px,
				transparent 1px);
		background-size: 70px 70px;
	}

	.sona-pulp-blog_glow {
		    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(12px);
    opacity: 0.4;
	}

	.sona-pulp-blog_glow--one {
		top: 5%;
		right: -250px;
		background: #8ca878;
	}

	.sona-pulp-blog_glow--two {
		top: 50%;
		left: -250px;
		background: #b7c69b;
	}

	/* ============================================================
   CONTAINER
============================================================ */
	.sona-pulp-blog_container {
		position: relative;
		z-index: 2;
		padding-left: 5%;
		padding-right: 5%;
	}

	/* ============================================================
   HERO
============================================================ */
	.sona-pulp-blog_hero {
		padding-bottom: 90px;
	}

	.sona-pulp-blog_eyebrow {
		display: flex;
		align-items: center;
		gap: 12px;
		font-size: 16px;
		letter-spacing: 3px;
		font-weight: 600;
		margin-bottom: 25px;
	}

	.sona-pulp-blog_eyebrow_dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #526c45;
		box-shadow:
			0 0 0 5px rgba(82, 108, 69, 0.12);
	}

	.sona-pulp-blog_title {
		max-width: 850px;
		font-size: clamp(60px,
				8vw,
				125px);
		line-height: 0.88;
		letter-spacing: -5px;
		font-weight: 400;
		margin: 0;
	}

	.sona-pulp-blog_title span {
		display: block;
		font-style: italic;
		color: #73c26b;
	}

	.sona-pulp-blog_intro {
		max-width: 550px;
		margin-top: 40px;
		font-size: 17px;
		line-height: 1.7;
		color: #617064;
	}

	.sona-pulp-blog_hero_meta {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
		padding-bottom: 15px;
		font-size: 10px;
		letter-spacing: 3px;
	}

	.sona-pulp-blog_hero_line {
		width: 100%;
		height: 1px;
		background: rgba(20, 32, 24, 0.15);
		margin-bottom: 20px;
	}

	.sona-pulp-blog_hero_meta strong {
		font-size: 80px;
		line-height: 1;
		font-weight: 300;
		letter-spacing: -5px;
		margin-top: 10px;
	}

	/* ============================================================
   FEATURED
============================================================ */
	.sona-pulp-blog_featured {
		margin-bottom: 100px;
	}

	.sona-pulp-blog_featured_link {
		display: grid;
		grid-template-columns:
			minmax(0, 1.7fr) minmax(350px, 0.8fr);
		text-decoration: none;
		color: inherit;
		background: #174d37;
		overflow: hidden;
	}

	.sona-pulp-blog_featured_image {
		position: relative;
		min-height: 600px;
		overflow: hidden;
	}

	.sona-pulp-blog_featured_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition:
			transform 1s cubic-bezier(0.16,
				1,
				0.3,
				1);
	}

	.sona-pulp-blog_featured_link:hover .sona-pulp-blog_featured_image img {
		transform: scale(1.06);
	}

	.sona-pulp-blog_featured_overlay {
		position: absolute;
		inset: 0;
		background:
			linear-gradient(180deg,
				rgba(0, 0, 0, 0.05),
				rgba(0, 0, 0, 0.5));
	}

	.sona-pulp-blog_featured_number {
		position: absolute;
		left: 30px;
		bottom: 25px;
		color: #fff;
		font-size: 70px;
		font-weight: 300;
		line-height: 1;
		letter-spacing: -4px;
	}

	.sona-pulp-blog_featured_arrow {
		position: absolute;
		top: 25px;
		right: 25px;
		width: 55px;
		height: 55px;
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 22px;
		transition: 0.4s;
	}

	.sona-pulp-blog_featured_link:hover .sona-pulp-blog_featured_arrow {
		background: #fff;
		color: #174d37;
		transform: rotate(45deg);
	}

	.sona-pulp-blog_featured_content {
		padding: 60px 50px;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.sona-pulp-blog_post_meta {
		display: flex;
		justify-content: space-between;
		font-size: 16px;
		letter-spacing: 2px;
		color: rgba(255, 255, 255, 0.55);
		margin-bottom: 35px;
	}

	.sona-pulp-blog_featured_content h2 {
		font-size: clamp(35px,
				4vw,
				65px);
		line-height: 0.98;
		font-weight: 400;
		letter-spacing: -2px;
		margin: 0 0 25px;
	}

	.sona-pulp-blog_featured_content p {
		font-size: 15px;
		line-height: 1.7;
		color: rgba(255, 255, 255, 0.65);
		margin-bottom: 40px;
	}

	.sona-pulp-blog_read {
		display: flex;
		align-items: center;
		gap: 20px;
		font-size: 10px;
		letter-spacing: 2px;
	}

	.sona-pulp-blog_read i {
		width: 40px;
		height: 40px;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-style: normal;
		transition: 0.3s;
	}

	.sona-pulp-blog_featured_link:hover .sona-pulp-blog_read i {
		transform: translateX(8px);
	}

	/* ============================================================
   CATEGORY
============================================================ */
	.sona-pulp-blog_categories {
		display: flex;
		align-items: center;
		gap: 40px;
		border-top: 1px solid rgba(20, 32, 24, 0.15);
		border-bottom: 1px solid rgba(20, 32, 24, 0.15);
		padding: 25px 0;
		margin-bottom: 100px;
	}

	.sona-pulp-blog_categories_label {
		font-size: 10px;
		letter-spacing: 3px;
		color: #788379;
	}

	.sona-pulp-blog_categories_list {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.sona-pulp-blog_category {
		padding: 10px 17px;
		border: 1px solid rgba(20, 32, 24, 0.15);
		border-radius: 100px;
		color: #526057;
		text-decoration: none;
		font-size: 16px;
		letter-spacing: 1.5px;
		transition: 0.3s;
	}

	.sona-pulp-blog_category:hover,
	.sona-pulp-blog_category.is-active {
		background: #174d37;
		border-color: #174d37;
		color: #fff;
	}

	/* ============================================================
   GRID HEADER
============================================================ */
	.sona-pulp-blog_grid_header {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 50px;
	}

	.sona-pulp-blog_grid_header>div:first-child>span {
	    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 700;
    color: #76c26b;
	}

	.sona-pulp-blog_grid_header h2 {
		font-size: clamp(40px,
				5vw,
				70px);
		line-height: 1;
		font-weight: 400;
		letter-spacing: -3px;
		margin: 12px 0 0;
	}

	.sona-pulp-blog_grid_count {
		font-size: 10px;
		letter-spacing: 2px;
		color: #76c26b;
	}

	/* ============================================================
   CARDS
============================================================ */
	.sona-pulp-blog_posts {
		row-gap: 70px;
	}

	.sona-pulp-blog_card {
		height: 100%;
	}

	.sona-pulp-blog_card_link {
		display: block;
		height: 100%;
		text-decoration: none;
		color: inherit;
	}

	.sona-pulp-blog_card_image {
		position: relative;
		height: 390px;
		overflow: hidden;
		background: #dce2d8;
	}

	.sona-pulp-blog_card_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition:
			transform 0.9s cubic-bezier(0.16,
				1,
				0.3,
				1);
	}

	.sona-pulp-blog_card_link:hover .sona-pulp-blog_card_image img {
		transform: scale(1.07);
	}

	.sona-pulp-blog_card_overlay {
		position: absolute;
		inset: 0;
		background:
			linear-gradient(180deg,
				transparent 55%,
				rgba(0, 0, 0, 0.45));
	}

	.sona-pulp-blog_card_number {
		position: absolute;
		left: 20px;
		bottom: 18px;
		color: #fff;
		font-size: 45px;
		font-weight: 300;
		letter-spacing: -2px;
	}

	.sona-pulp-blog_card_arrow {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 45px;
		height: 45px;
		border: 1px solid rgba(255, 255, 255, 0.7);
		color: #fff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.4s;
	}

	.sona-pulp-blog_card_link:hover .sona-pulp-blog_card_arrow {
		background: #fff;
		color: #174d37;
		transform: rotate(45deg);
	}

	.sona-pulp-blog_card_content {
		padding-top: 25px;
	}

	.sona-pulp-blog_card_meta {
		display: flex;
		justify-content: space-between;
		gap: 15px;
		font-size: 16px;
		letter-spacing: 1.8px;
		color: #788379;
		margin-bottom: 18px;
	}

	.sona-pulp-blog_card_content h3 {
		font-size: 30px;
		line-height: 1.08;
		font-weight: 400;
		letter-spacing: -1px;
		margin: 0 0 15px;
		transition: color 0.3s;
	}

	.sona-pulp-blog_card_link:hover .sona-pulp-blog_card_content h3 {
		color: #73c26b;
	}

	.sona-pulp-blog_card_content p {
		font-size: 14px;
		line-height: 1.7;
		color: #69746b;
		margin: 0 0 25px;
	}

	.sona-pulp-blog_card_read {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1px solid rgba(20, 32, 24, 0.12);
		padding-top: 15px;
		font-size: 16px;
		letter-spacing: 2px;
	}

	.sona-pulp-blog_card_read span {
		font-size: 18px;
		transition: 0.3s;
	}

	.sona-pulp-blog_card_link:hover .sona-pulp-blog_card_read span {
		transform: translateX(8px);
	}

	/* ============================================================
   PREMIUM PAGINATION
============================================================ */
	.sona-pulp-blog_pagination {
		position: relative;
		display: grid;
		grid-template-columns:
			1fr auto 1fr;
		align-items: center;
		gap: 30px;
		margin-top: 120px;
		padding-top: 35px;
		border-top: 1px solid rgba(20, 32, 24, 0.2);
	}

	.sona-pulp-blog_pagination_side {
		display: flex;
		justify-content: flex-start;
	}

	.sona-pulp-blog_pagination_side--right {
		justify-content: flex-end;
	}

	.sona-pulp-blog_page_prev,
	.sona-pulp-blog_page_next {
		display: flex;
		align-items: center;
		gap: 15px;
		text-decoration: none;
		color: #174d37;
		font-size: 16px;
		letter-spacing: 2px;
		transition: 0.3s;
	}

	.sona-pulp-blog_page_prev span,
	.sona-pulp-blog_page_next span {
		width: 42px;
		height: 42px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(20, 32, 24, 0.25);
		border-radius: 50%;
		font-size: 17px;
		transition: 0.35s;
	}

	.sona-pulp-blog_page_prev:hover span {
		transform: translateX(-5px);
		background: #174d37;
		color: #fff;
	}

	.sona-pulp-blog_page_next:hover span {
		transform: translateX(5px);
		background: #174d37;
		color: #fff;
	}

	/* ============================================================
   PAGE NUMBERS
============================================================ */
	.sona-pulp-blog_pages {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
	}

	.sona-pulp-blog_page_number {
		width: 45px;
		height: 45px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		border: 1px solid transparent;
		border-radius: 50%;
		text-decoration: none;
		color: #536057;
		font-size: 11px;
		transition: 0.35s;
	}

	.sona-pulp-blog_page_number:hover {
		border-color: rgba(20, 32, 24, 0.25);
		color: #174d37;
	}

	.sona-pulp-blog_page_number.is-current {
		background: #174d37;
		color: #fff;
		border-color: #174d37;
	}

	/* ============================================================
   PAGINATION PROGRESS
============================================================ */
	.sona-pulp-blog_pagination_progress {
		position: absolute;
		left: 50%;
		bottom: -55px;
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		gap: 15px;
		width: 180px;
	}

	.sona-pulp-blog_pagination_progress_track {
		height: 1px;
		flex: 1;
		background: rgba(20, 32, 24, 0.15);
		overflow: hidden;
	}

	.sona-pulp-blog_pagination_progress_track span {
		display: block;
		height: 100%;
		background: #174d37;
		transition: width 0.6s ease;
	}

	.sona-pulp-blog_pagination_progress_text {
		display: flex;
		gap: 5px;
		font-size: 16px;
		letter-spacing: 1px;
	}

	.sona-pulp-blog_pagination_progress_text i {
		font-style: normal;
		opacity: 0.4;
	}

	/* ============================================================
   EMPTY
============================================================ */
	.sona-pulp-blog_empty {
		padding: 100px 0;
		text-align: center;
		font-size: 30px;
	}

	/* ============================================================
   PLACEHOLDER
============================================================ */
	.sona-pulp-blog_image_placeholder {
		width: 100%;
		height: 100%;
		background:
			linear-gradient(135deg,
				#174d37,
				#174d37,);
	}

	/* ============================================================
   TABLET
============================================================ */
	@media (max-width: 991px) {
		.sona-pulp-blog {
			padding-top: 110px;
		}

		.sona-pulp-blog_title {
			letter-spacing: -3px;
		}

		.sona-pulp-blog_featured_link {
			grid-template-columns: 1fr;
		}

		.sona-pulp-blog_featured_image {
			min-height: 500px;
		}

		.sona-pulp-blog_featured_content {
			padding: 50px 35px;
		}

		.sona-pulp-blog_categories {
			align-items: flex-start;
			flex-direction: column;
			gap: 20px;
		}

		.sona-pulp-blog_card_image {
			height: 330px;
		}
	}

	/* ============================================================
   MOBILE
============================================================ */
	@media (max-width: 767px) {
		.sona-pulp-blog {
			padding: 90px 0 70px;
		}

		.sona-pulp-blog_container {
			padding-left: 20px;
			padding-right: 20px;
		}

		.sona-pulp-blog_hero {
			padding-bottom: 60px;
		}

		.sona-pulp-blog_title {
			font-size: 58px;
			letter-spacing: -3px;
		}

		.sona-pulp-blog_intro {
			font-size: 15px;
			margin-top: 30px;
		}

		.sona-pulp-blog_hero_meta {
			display: none;
		}

		.sona-pulp-blog_featured {
			margin-bottom: 70px;
		}

		.sona-pulp-blog_featured_image {
			min-height: 360px;
		}

		.sona-pulp-blog_featured_content {
			padding: 35px 25px;
		}

		.sona-pulp-blog_featured_content h2 {
			font-size: 38px;
			letter-spacing: -1.5px;
		}

		.sona-pulp-blog_categories {
			margin-bottom: 70px;
		}

		.sona-pulp-blog_categories_list {
			overflow-x: auto;
			flex-wrap: nowrap;
			width: 100%;
			padding-bottom: 5px;
			scrollbar-width: none;
		}

		.sona-pulp-blog_categories_list::-webkit-scrollbar {
			display: none;
		}

		.sona-pulp-blog_category {
			flex-shrink: 0;
		}

		.sona-pulp-blog_grid_header {
			align-items: flex-start;
			flex-direction: column;
			gap: 20px;
			margin-bottom: 40px;
		}

		.sona-pulp-blog_grid_header h2 {
			font-size: 46px;
		}

		.sona-pulp-blog_posts {
			row-gap: 55px;
		}

		.sona-pulp-blog_card_image {
			height: 300px;
		}

		.sona-pulp-blog_card_content h3 {
			font-size: 27px;
		}

		/* ========================================================
       MOBILE PAGINATION
    ======================================================== */
		.sona-pulp-blog_pagination {
			grid-template-columns: 1fr 1fr;
			margin-top: 90px;
			gap: 25px;
		}

		.sona-pulp-blog_pages {
			grid-column: 1 / -1;
			grid-row: 1;
			order: 1;
		}

		.sona-pulp-blog_pagination_side {
			grid-row: 2;
			order: 2;
		}

		.sona-pulp-blog_pagination_side--right {
			order: 3;
		}

		.sona-pulp-blog_page_number {
			width: 40px;
			height: 40px;
		}

		.sona-pulp-blog_pages {
			gap: 3px;
		}

		.sona-pulp-blog_page_prev,
		.sona-pulp-blog_page_next {
			font-size: 8px;
		}

		.sona-pulp-blog_pagination_progress {
			bottom: -45px;
			width: 150px;
		}
	}

	/* ///////////////////////////////// BLOG PAGE CSS ///////////////////////////////////////////////////////// */