.all-posts,.blog-post{width:100%}.all-posts .filter-cont{display:flex;flex-wrap:wrap;position:relative;align-items:center;justify-content:space-between;width:100%}.all-posts .filter-cont select#category-filter{font-size:14px;padding:15px 60px 15px 20px;border-radius:5px;background:rgb(70 104 124 / .1);border:none;-webkit-appearance:none;appearance:none;background-image:url(arrow.png);background-position:right center;background-repeat:no-repeat;background-color:#4f7489;color:#fff;font-weight:400;text-align:left}.all-posts .filter-cont select#category-filter option{font-family:Avenir Next, sans-serif;
}

.all-posts .filter-cont label {
	visibility: hidden
}

.all-posts .filter-cont h2 {
	color: #002745;
	font-size: 48px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "Chakra Petch", sans-serif !important;
}

.all-posts .blog-post-cont {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px
}

.blog-box{
	display: block;
	position: relative;
	border-radius: 10px;
	text-decoration: none;
	color: #000;
	background-color: #FBFBF7;
	transition: .2s ease-in-out;
	&::after {
		content: '';
		z-index: 0;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color:#f2f1e6;
		border-radius: 15px;
		top: 6px;
		left: 6px;
		box-shadow: 5px 5px 0 #002745;
		opacity: 0;
		transition: all 0.5s;
	}
	&:hover{
		&::after {
			opacity: 1;
		}
	}
}


.blog-post {
	display: block;
	position: relative;
	border-radius: 10px;
	text-decoration: none;
	color: #000;
	overflow: hidden;
	
	transition: .2s ease-in-out;
	z-index: 1;	
}

.blog-box:hover .text-cont{
	
}

.blog-post .featured-image {
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.blog-post>.text-cont {
	background-image: url(related_articles.svg);
	background-size: cover;
	background-repeat:repeat-y;
	padding: 40px 15px;
	gap: 10px;
	display: flex;
	flex-direction: column;	
}

.blog-post>div .post-date {
	font-weight: 700;
	font-style: italic;
	color: #4F7489;
	font-family: 'Avenir Next',sans-serif;margin-block-start:0;margin-block-end:0}.blog-post>div h3.post-title{display:block;font-weight:600;line-height:1.25em;margin-bottom:10px;font-size:24px !important;text-transform:uppercase;font-family:"Chakra Petch",sans-serif;margin-block-start:0;margin-block-end:0;color:#002745;font-size:20px;min-height:60px}.blog-post>div .post-excerpt{max-height:4.5em;overflow:hidden;margin:0;padding:0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;font-size:18px!important;line-height:1.25em;min-height:70px}.blog-post>div .post-excerpt p{margin:0;padding:0}.blog-post>div .read-more{height:15px!important;font-weight:700;color:#4F7489}.load-more{display:flex;align-items:center;justify-content:center;margin-top:20px;margin-bottom:60px;cursor:pointer}.load-more-button{color:#fff;font-weight:700;padding:15px 30px;background-color:#002745;color:#B7E0DE;border:none;font-size:16px;border-radius:10px;cursor:pointer;transition:all 0.5s;&:hover{background-color:#B7E0DE;color:#002745}}.pagination{width:100%;display:flex;position:realative;justify-content:center;align-items:center;margin-top:40px;margin-bottom:40px;gap:10px;a{text-decoration:none}}@media (max-width:1050px){.all-posts .blog-post-cont{grid-template-columns:1fr 1fr}}@media (max-width:750px){.all-posts .blog-post-cont{grid-template-columns:1fr}.blog-post>.text-cont{min-height:unset;padding:15px 20px}.blog-post>div .read-more{margin-top:unset}}@media (max-width:600px){.all-posts .filter-cont #category-filter,.all-posts .filter-cont h2{width:100%;text-align:center}.all-posts .filter-cont{margin-top:40px;margin-bottom:20px}.all-posts .filter-cont h2{margin:0;padding:0 0 10px}}