.ati-posts-slider-widget{
	--ati-ps-blue:#082c57;
	--ati-ps-gold:#c99a5b;
	width:100%;
	direction:rtl;
	font-family:inherit;
}

.ati-posts-slider-widget *{
	box-sizing:border-box;
}

.ati-posts-slider-widget a{
	text-decoration:none;
}

.ati-ps-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-bottom:12px;
}

.ati-ps-heading{
	margin:0;
	display:flex;
	align-items:center;
	gap:8px;
	color:var(--ati-ps-blue);
	font-size:18px;
	font-weight:800;
	line-height:1.6;
}

.ati-ps-heading:before{
	content:"";
	width:7px;
	height:7px;
	border-radius:50%;
	background:var(--ati-ps-gold);
	flex:0 0 auto;
}

.ati-ps-nav{
	display:flex;
	gap:7px;
	direction:ltr;
}

.ati-ps-nav button{
	width:28px;
	height:28px;
	border:0;
	border-radius:50%;
	background:var(--ati-ps-gold);
	color:#fff;
	display:grid;
	place-items:center;
	cursor:pointer;
	font-size:18px;
	line-height:1;
	transition:.2s ease;
	padding:0;
}

.ati-ps-nav button:hover{
	background:var(--ati-ps-blue);
}

.ati-ps-nav button.is-disabled{
	opacity:.35;
	cursor:default;
}

.ati-ps-viewport{
	overflow:hidden;
	width:100%;
}

.ati-ps-track{
	display:flex;
	width:100%;
	direction:ltr;
	transition:transform .45s cubic-bezier(.2,.8,.2,1);
	will-change:transform;
}

.ati-ps-page{
	flex:0 0 100%;
	width:100%;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
	direction:rtl;
	align-content:start;
}

.ati-ps-card{
	position:relative;
	display:block;
	height:142px;
	min-height:142px;
	overflow:hidden;
	background:#edf1f4;
	border-radius:10px;
	isolation:isolate;
}

.ati-ps-card img{
	display:block;
	width:100%;
	height:142px;
	min-height:142px;
	object-fit:cover;
	transition:transform .35s ease;
}

.ati-ps-card:hover img{
	transform:scale(1.045);
}

.ati-ps-card:after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(
		180deg,
		rgba(0,0,0,.02) 18%,
		rgba(0,0,0,.14) 42%,
		rgba(3,19,38,.82) 100%
	);
	pointer-events:none;
}

.ati-ps-content{
	position:absolute;
	z-index:2;
	inset:auto 0 0 0;
	padding:12px 13px 10px;
	color:#fff;
}

.ati-ps-content h3{
	margin:0 0 5px;
	color:#fff;
	font-size:14px;
	line-height:1.75;
	font-weight:800;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.ati-ps-meta{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	color:rgba(255,255,255,.82);
	font-size:9px;
	line-height:1.5;
}

.ati-ps-dots{
	display:flex;
	justify-content:center;
	gap:5px;
	margin-top:11px;
	direction:ltr;
}

.ati-ps-dot{
	width:6px;
	height:6px;
	padding:0;
	border:0;
	border-radius:999px;
	background:#d8d8d8;
	cursor:pointer;
	transition:.2s ease;
}

.ati-ps-dot.is-active{
	width:18px;
	background:var(--ati-ps-gold);
}

.ati-ps-empty{
	min-height:110px;
	border:1px dashed #d8dce1;
	border-radius:10px;
	display:grid;
	place-items:center;
	padding:20px;
	text-align:center;
	color:#7d8792;
	font-size:12px;
}

@media (max-width:767px){
	.ati-ps-heading{
		font-size:16px;
	}

	.ati-ps-nav button{
		width:26px;
		height:26px;
	}
}