:root {
	--primary: #0057FF;
	--dark-bg: #001949;
	--light-bg: #F5FAFF;
	--white-bg: #ffffff;
	--titlecolor: #212121;
	--textcolor: #434343;
	--text-light: #8E8E8E;
}
.blog-archives h1{
	font-size: 40px;
	font-weight: 600;
	line-height: 52px;
	letter-spacing: 0em;
	color: var(--titlecolor);
	margin-bottom:14px ;
}
.blog-archives .hero-section{
	background-image: url(../images/grid5.svg);
	background-position: left top;
	background-repeat: repeat;
	background-size: 25px 25px;
}
.blog-archives .hero-section p{
	color: var(--titlecolor);
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px;
}
.blog-archives .hero-section img{
	max-height: 210px;
	width: auto;
	height: 100%;
}
.blog-archives .hero-section form.is-search-form {
	max-width: 490px;
	border-bottom: 1px solid var(--titlecolor);
}
.blog-archives form.is-search-form span.is-screen-reader-text {
	display: none;
}
.blog-archives form.is-search-form button.is-search-submit {
	background: transparent;
	border: none;
}
.blog-archives form.is-ajax-search label {
	position: relative;
	width: calc(100% - 38px);
	margin: 0;
}
.blog-archives form.is-search-form input.is-search-input {
	border: none;
	background: transparent;
	min-width: 100%;
	padding: 4px 8px;
	font-size: 14px;
	transition: all .2s ease-in-out;
}
.blog-archives form.is-search-form input.is-search-input:focus {
	border: none;
	outline: none;
	box-shadow: 0px 15px 12px 0px #21212138;
	transition: all .2s ease-in-out;
}
.blog-archives form.is-search-form .is-loader-image{
	right: 28px!important;
	z-index: 99!important;
}
.is-ajax-search-categories-details>div:hover, 
.is-ajax-search-result .is-ajax-search-post:hover,
.is-ajax-search-result .is-show-more-results:hover,
.is-ajax-search-tags-details>div:hover {
	background: #F5FAFF!important;
}
div.is-ajax-search-details, div.is-ajax-search-result{
	padding: 0!important;
	box-shadow: 0px 12px 48px 0px #EEF4FD;
	z-index: 99!important;
	border: 1px solid #cbdafa;
}
.is-ajax-search-details a, .is-ajax-search-result a{
	color: var(--primary)!important;
}
.blog-archives .hero-section p.breadcrumbs{
	color: #434343;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.blog-archives .hero-section p.breadcrumbs span > span{
	margin: 4px;
}
.blog-archives .hero-section p.breadcrumbs span > span:first-child{
	margin-left: 0;
}
.blog-archives .hero-section p.breadcrumbs span > span:last-child{
	margin-right: 0;
}
.blog-archives .hero-section p.breadcrumbs a{
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
transition: all .2s ease;
}
.blog-archives .hero-section p.breadcrumbs a:hover{
color: var(--primary);
text-decoration: none;
transition: all .2s ease;
}
.blog-archives .blog-sub-categories a.sub-cat{
	border-radius: 10px;
	padding: 15px 24px;
	transition: all .2s ease-in-out;
	filter: grayscale(1);
	color: var(--textcolor);

	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}
.blog-archives .blog-sub-categories .sub-cat:hover,
.blog-archives .blog-sub-categories .sub-cat.active{
	color: var(--primary);
	text-decoration: none;
	transition: all .2s ease-in-out;
	filter: grayscale(0);
}
.blog-archives .blog-sub-categories .sub-cat.active{
	background: #F5FAFF;
}
.blog-archives .blog-sub-categories .sub-cat img{
	height:15px ;
	width: auto;
	margin-right: 10px;
}
.blog-archives .divider-bottom{
	border-bottom: 1px solid #d8d8d8;
}
.blog-archives .post-lists .card{
	border-radius: 12px;
	border: 1px solid #E8EFFF;
	background: var(--white, #FFF);
	min-height: 100%;

	transition: all .2s ease;
}
.blog-archives .post-lists .card:hover{
	box-shadow: 0px 12px 48px 0px #EEF4FD;
	transition: all .2s ease;
	border-color: transparent;
}
.blog-archives .post-lists .card-header.img-wrap {
	position: relative;
	padding: 0;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
	background-color: transparent;
	border: none;
}
.blog-archives .post-lists .card-header.img-wrap a{
	height: 100%;
	width: 100%;
	display: block;
	transition: all .2s ease;
}
.blog-archives .post-lists .card-header.img-wrap a img{
	height: auto;
	width: 100%;
	display: block;
	transition: all .2s ease;
}
.blog-archives .post-lists .card-header.img-wrap a:hover img, .blog-white-box:hover img{
	transition: all .2s ease;
	transform: scale(1.05);
}
.blog-archives .post-lists .card-body.post-meta {
	padding: 25px;
}
.blog-archives .post-lists .post-meta h2{
	margin: 0 0 12px 0;
	line-height: 25px;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
}
.blog-archives .post-lists .post-meta h2 a{
	color: var(--titlecolor);
	font-size: inherit;
	font-weight: inherit;
	transition: all .2s ease;
	line-height: inherit;
	text-decoration: none;
}
.blog-archives .post-lists .post-meta h2 a:hover{
	color: var(--primary);
	text-decoration: none;
	transition: all .2s ease;
}
.blog-archives .post-lists .date-n-author{
	color: var(--text-light);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; 
	margin-bottom: 12px;
}
.blog-archives .post-lists .date-n-author .sep{
	color: #C2C4CC;
}
.blog-archives .post-lists p.post-desc {
	color: var(--textcolor);
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	margin: 0;
}
.blog-archives .post-lists .card-footer.post-cats {
	background: transparent;
	padding: 0 25px 25px 25px;
	border: none;
}
.blog-archives .post-lists .post-cats a {
	color: var(--textcolor);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
	transition: all .2s ease;
	margin-right: 20px;
	display: inline-block;
}
.blog-archives .post-lists .post-cats a:last-child{
	margin-right: 0;
	z-index: 9 !important;
	position: relative;
}
.blog-archives .post-lists .post-cats a:hover{
	text-decoration: none;
	color: var(--primary);
	transition: all .2s ease;
}
.blog-archives .pagination nav.navigation,
.blog-archives .pagination .nav-links{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.blog-archives .pagination .nav-links>a,
.blog-archives .pagination .nav-links>span{
	height: 33px;
	width: 33px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 12px;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	border-radius: 50%;
	transition: all .2s ease;
}
.blog-archives .pagination .nav-links a {
	color: var(--primary);
	background: #F5FAFF;
}
.blog-archives .pagination span.page-numbers.current,
.blog-archives .pagination .nav-links a:hover{
	background-color: var(--primary);
	color: #fff;
	transition: all .2s ease;
	text-decoration: none;
}
.blog-archives .pagination a.prev.page-numbers,
.blog-archives .pagination a.next.page-numbers{
	position: relative;
	transition: all .2s ease;
	background-color: var(--primary);
	color: transparent;

}
.blog-archives .pagination a.prev.page-numbers:hover,
.blog-archives .pagination a.next.page-numbers:hover{
	opacity: .8;
	transition: all .2s ease;
	    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.blog-archives .pagination a.prev.page-numbers:after,
.blog-archives .pagination a.next.page-numbers:after{
	content: '';
	position: absolute;
	height: 10px;
    width: 10px;
	background-image: url(../images/left-arrow-light.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.blog-archives .pagination a.next.page-numbers:after{
	transform: rotate(180deg);
}
.blog-card-main-url{
	left: 0;
	top: 0;
}



@media(max-width: 768px){
	.blog-archives .blog-sub-categories a.sub-cat{
		font-size: 12px;
	}
}