/* =========================================================
   DIGBANG — BLOG CATEGORY SECTION
========================================================= */


.db-blog-category {

	width:100%;

	margin-top:88px;

	direction:rtl;

}



.db-blog-category__inner {

	width:calc(100% - 120px);

	max-width:1320px;

	margin:0 auto;

}





/* =========================================================
   HEADER
========================================================= */


.db-blog-category__header {

	display:flex;

	align-items:center;

	justify-content:flex-start;

}



.db-blog-category__title {

	margin:0;

	color:#8E7D71;

	font-family:"Vazirmatn",sans-serif;

	font-size:32px;

	font-weight:700;

	line-height:1.5;

}



.db-blog-category__all-link {

	margin-right:32px;

	color:#CC5200;

	font-family:"Vazirmatn",sans-serif;

	font-size:16px;

	font-weight:600;

	text-decoration:none;

}






/* =========================================================
   GRID
========================================================= */


.db-blog-category__grid {

	display:grid;

	grid-template-columns:repeat(3, 424px);

	gap:24px;

	margin-top:40px;

}






/* =========================================================
   CARD
========================================================= */


.db-blog-card {

	width:424px;

	height:409px;

	background:#FFFFFF;

	border:1px solid #FFE0CC;

	border-radius:12px;

	overflow:hidden;

	box-sizing:border-box;

	transition:

		transform .25s ease,

		box-shadow .25s ease,

		border-color .25s ease;

}



.db-blog-card:hover {


	border-color:#FFD2B5;


	transform:translateY(-3px);


	box-shadow:

		0 10px 30px rgba(255,102,0,.10),

		0 4px 12px rgba(246,237,222,.45);


}






/* =========================================================
   IMAGE
========================================================= */


.db-blog-card__image-link {

	display:block;

	width:100%;

	height:165px;

}



.db-blog-card__image-wrap {

	position:relative;

	width:100%;

	height:165px;

	overflow:hidden;

}



.db-blog-card__image {


	display:block;


	width:100%;


	height:100%;


	object-fit:cover;


}






/* =========================================================
   BADGE
========================================================= */


.db-blog-card__badge {


	position:absolute;


	right:10px;


	bottom:10px;


	height:26px;


	padding:0 14px;


	display:flex;


	align-items:center;


	justify-content:center;


	background:rgba(255,255,255,.75);


	backdrop-filter:blur(8px);


	border-radius:34px;


	color:#000000;


	font-family:"Vazirmatn",sans-serif;


	font-size:12px;


	font-weight:300;


}






/* =========================================================
   CONTENT
========================================================= */


.db-blog-card__content {


	padding:24px 16px 16px;


	display:flex;


	flex-direction:column;


	height:244px;


	box-sizing:border-box;


}






/* =========================================================
   TITLE
========================================================= */


.db-blog-card__title {


	margin:0;


}



.db-blog-card__title a {


	color:#000000;


	font-family:"Vazirmatn",sans-serif;


	font-size:20px;


	font-weight:700;


	line-height:1.6;


	text-decoration:none;


}






/* =========================================================
   META
========================================================= */


.db-blog-card__meta {


	margin-top:12px;


	color:#8E7D71;


	font-family:"Vazirmatn",sans-serif;


	font-size:12px;


	font-weight:300;


	line-height:1.5;


}






/* =========================================================
   EXCERPT
========================================================= */


.db-blog-card__excerpt {

	width:100%;

	height:78px;

	margin:24px 0 0;

	overflow:hidden;

	color:#000000;

	font-family:"Vazirmatn",sans-serif;

	font-size:14px;

	font-weight:400;

	line-height:1.8;

}






/* =========================================================
   FOOTER
========================================================= */


.db-blog-card__footer {


	display:flex;


	align-items:center;


	justify-content:space-between;


	margin-top:auto;


}



.db-blog-card__button {


	width:102px;


	height:26px;


	display:flex;


	align-items:center;


	justify-content:center;


	gap:4px;


	background:#FFFFFF;


	border:1px solid #CC5200;


	border-radius:5.23px;


	color:#CC5200;


	font-family:"Vazirmatn",sans-serif;


	font-size:10.45px;


	font-weight:600;


	text-decoration:none;


	transition:.25s ease;


}



.db-blog-card__button:hover {


	background:#CC5200;


	color:#FFFFFF;


}






.db-blog-card__read-time {


	color:#8E7D71;


	font-family:"Vazirmatn",sans-serif;


	font-size:12px;


	font-weight:300;


}






/* =========================================================
   TABLET
========================================================= */


@media(max-width:1399px){

	.db-blog-category__grid {

		grid-template-columns:repeat(2, minmax(0,1fr));

	}


	.db-blog-card {

		width:100%;

	}

}




/* =========================================================
   MOBILE
========================================================= */


@media(max-width:767px){


	.db-blog-category__inner {


		width:calc(100% - 32px);


	}



	.db-blog-category__grid {


		grid-template-columns:1fr;


	}



	.db-blog-card {


		width:100%;


		max-width:312px;


		margin:auto;


	}



}