.bg-gray {
	background: #f5f8f9;
}

.section {
	padding: 100px 0;
}


.tags a {
	background: #f5f8f9;
	display: inline-block;
	padding: 8px 23px;
	border-radius: 38px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	font-size: 14px;
	text-transform: capitalize;
}

.btn-main:hover,
.btn-transparent:hover,
.btn-small:hover {
	background: #dd0b0b !important;
	color: #fff !important;
}

.btn-main,
.btn-transparent,
.btn-small {
	background: #f75757 !important;
	color: #fff !important;
	transition: all 0.2s ease !important;
}

.btn-round-full {
	border-radius: 50px !important;
}

.btn-small {
	padding: 10px 25px !important;
	font-size: 12px !important;
	text-transform: uppercase;
}

.blog-item-content h3 a .bc {
	transition: all .4s ease 0s;
}

.bc {
	color: #242424 !important;
	text-decoration: none !important;
	font-size: 18px !important;
}

h3 {
	font-size: 1.5rem !important;
}

.hseries {
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	color: #242424 !important;
}

.blog-item-content h3 a:hover {
	color: #f75757 !important;
}

p {
	line-height: 30px;
}

.span.current,
a.prev {
	color: #242424;

}

.span.current {
	font-size: 20px;
	font-weight: 500;
	color: #c9c9c9;
	margin: 0 10px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	box-shadow: none;
}

.fnt {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color: #242424;
}

.prev1 {
	color: #242424;
}

.pagination .nav-links a,
.pagination .nav-links span.current {
	font-size: 20px;
	font-weight: 500;
	color: #c9c9c9;
	margin: 0 10px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}

.pagination .nav-links span.current,
.pagination .nav-links a.next,
.pagination .nav-links a.prev {
	color: #242424;
}

.nav1 {
	box-shadow: none;
}

.fs {

	font-size: 17px;
	color: rgba(0, 0, 0, 0.65);
}
@media (min-width: 1024px) {
.blog-img{
	height: 170px !important; /* Set the desired fixed height */
	width: 100% !important; /* Ensure the width is responsive */
	object-fit: cover !important; /* Ensures the image scales and crops to fit the container */
	border-radius: 8px !important; /* Optional: To keep the rounded corners */
  }
}

.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination a,
.pagination .current-page {
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    color: #007bff;
    border: 1px solid #ddd;
}

.pagination a:hover {
    background-color: #f1f1f1;
}

.pagination .current-page {
    font-weight: bold;
    color: #333;
    background-color: #ddd;
}

/* Tooltip styles */
.tooltip-inner {
    background-color: white !important; /* White background */
    color: black !important; /* Black text */
    border: 1px solid #ccc !important; /* Optional: Add a light border */
    padding: 5px 10px !important; /* Optional: Add padding for better spacing */
}

.tooltip.bs-tooltip-top .tooltip-arrow {
    border-top-color: white !important; /* Make sure the arrow matches the tooltip background */
}

.tooltip.bs-tooltip-right .tooltip-arrow {
    border-right-color: white !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow {
    border-bottom-color: white !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow {
    border-left-color: white !important;
}
/* Ensure the parent container has enough height and no overflow issues */
.sidebar-wrap {
    position: relative;
    /* Make sure there's enough height for the sticky element to work */
    height: 100%; /* Or any appropriate height based on your design */
}

/* Target the second section only to make it sticky */
.sidebar-widget.latest-post {
    position: -webkit-sticky; /* Add for better browser support */
    position: sticky;
    top: 20px; /* Adjust to your needs */
    z-index: 10; /* Ensure it's on top of other content */
}