/* blogs-detail-sec Css Starts Here  */
section.blogs-detail-sec {
	padding: 70px 0px;
}

.blogs-detail-sec .details-background {
	background-color: #ebebeb21;
	padding: 50px 0px;
}

.detail-img {
	width: 100% !important;
}

.detail-img figure img {
	width: 100% !important;
}

.blogs-detail-sec h2 {
	text-align: center;
	padding-bottom: 40px;
}

.blogs-detail-sec .detail-date {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 50px;
}

.blogs-detail-sec .detail-date .date-span {
	background-color: var(--btn-hover);
	padding: 10px 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.blogs-detail-sec .detail-date .date-span span {
	font-size: 14px;
	font-family: var(--visby-semibold);
	color: var(--heading-font);
}

.blogs-detail-sec .detail-date h3 {
	font-family: var(--visby-bold);
}

.blogs-detail-sec .details-background .admin-text {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-top: 10px;
}

.blogs-detail-sec .details-background .admin-text span {
	font-size: 12px;
	font-family: var(--visby-semibold);
	color: var(--heading-font);
}

.blogs-detail-sec .details-background p {
	padding-top: 25px;
	color: var(--blogs-para);
}

.blogs-detail-sec .details-background .dark-para {
	background-color: var(--btn-hover);
	padding: 25px 40px;
	border-radius: 8px;
}

.blogs-detail-sec .details-background .dark-para p {
	font-size: 22px;
	font-family: var(--visby-semibold);
	color: var(--btn-color);
	text-align: center;
	padding-bottom: 0px;
}

.blogs-detail-sec .details-background .detail-bottom {
	padding-top: 45px;
}

.blogs-detail-sec .details-background .detail-bottom .detailbottom-text p {
	padding-top: 0;
}

.blogs-detail-sec .details-background .dark-para p span.span-dark {
	font-size: 46px;
	font-family: var(--visby-bold);
	line-height: 0;
}

.upper-text {
	top: -17px;
	position: relative;
	left: -9px;
}

.blogs-detail-sec .details-background .tags-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.blogs-detail-sec .details-background .tags-main .tags-sub {
	display: flex;
	align-items: center;
	gap: 20px;
}

.blogs-detail-sec .details-background .tags-main .tags-sub h5 {
	font-size: 22px;
	font-family: var(--visby-semibold);
	color: var(--heading-font);
	margin-bottom: 0px;
}

.blogs-detail-sec .details-background .tags-main .tags-sub span {
	font-size: 14px;
	font-family: var(--visby-semibold);
	color: var(--heading-font);
	opacity: 0.67;
	/* margin-top: 0; */
}

.tags-main .icons-wraper a {
	margin: 0px 15px;
	position: relative;
}

.tags-main .icons-wraper a::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 22px;
	display: block;
	background: var(--btn-color);
	top: 0;
	left: -18px;
	opacity: 0.28;
}

.tags-main .icons-wraper a:first-child:before {
	width: 0px;
}

/* blogs-detail-sec Css Ends Here  */

/* Mobile Responsive  */
@media (max-width: 575px) {
	.blogs-detail-sec .detail-date {
		display: block;
	}

	.blogs-detail-sec .details-background .dark-para p {
		font-size: 16px;
	}

	.blogs-detail-sec .details-background .tags-main {
		display: block;
	}

	.blogs-detail-sec .details-background .tags-main .tags-sub {
		margin-bottom: 10px;
	}

	.tags-main .icons-wraper a::before {
		top: -4px;
	}
}

/* Mobile Responsive  */