.pss-section{
	position:relative;
	overflow:hidden;
	padding:28px 24px 62px;
	background:#fffaf3;
	font-family:"Cairo",sans-serif;
}

.pss-container{
	width:min(1180px,100%);
	margin:auto;
}

.pss-heading{
	margin:0 auto 18px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:22px;
}

.pss-heading h2{
	margin:0;
	font-size:31px;
	line-height:1.2;
	font-weight:800;
	color:#08284b;
}

.pss-heading-line{
	position:relative;
	width:100px;
	height:1px;
	background:#dfa238;
	opacity:.95;
}

.pss-heading-line::after{
	content:"◇";
	position:absolute;
	top:50%;
	transform:translateY(-52%);
	color:#dfa238;
	font-size:15px;
	line-height:1;
}

.pss-heading-line.pss-left::after{
	right:-3px;
}

.pss-heading-line.pss-right::after{
	left:-3px;
}

.pss-card{
	position:relative;
	overflow:hidden;
	border:1px solid #ead8bb;
	border-radius:17px;
	background:#fffdf8;
	box-shadow:0 14px 34px rgba(76,49,14,.06);
	padding:24px 30px 28px;
}

.pss-card::after{
	content:"";
	position:absolute;
	right:-8px;
	bottom:-18px;
	width:190px;
	height:160px;
	opacity:.09;
	background:
		linear-gradient(90deg,transparent 49%,#dfa238 50% 51%,transparent 52%) 74px 24px/44px 116px no-repeat,
		linear-gradient(30deg,transparent 48%,#dfa238 49% 51%,transparent 52%) 48px 40px/80px 70px no-repeat,
		linear-gradient(-30deg,transparent 48%,#dfa238 49% 51%,transparent 52%) 85px 40px/80px 70px no-repeat;
	pointer-events:none;
}

.pss-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	position:relative;
	z-index:1;
}

.pss-item{
	--pss-divider:#e8c98f;
	position:relative;
	min-height:145px;
	padding:14px 20px 22px;
	text-align:center;
	transition:transform .35s ease,background .35s ease;
}

.pss-motion .pss-item{
	animation:pss-float 4.8s ease-in-out infinite;
}

.pss-motion .pss-item:nth-child(2n){
	animation-delay:.35s;
}

.pss-motion .pss-item:nth-child(3n){
	animation-delay:.7s;
}

.pss-motion .pss-item:nth-child(4n){
	animation-delay:1.05s;
}

.pss-item:hover{
	transform:translateY(-7px);
	background:rgba(240,196,111,.10);
}

.pss-item:nth-child(-n+4){
	border-bottom:1px solid var(--pss-divider);
}

.pss-item:not(:nth-child(4n)){
	border-left:1px solid var(--pss-divider);
}

.pss-item::before{
	content:"";
	position:absolute;
	left:50%;
	top:13px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#dfa238;
	box-shadow:0 0 0 3px rgba(223,162,56,.10);
	transform:translateX(-50%);
}

.pss-number{
	position:relative;
	z-index:2;
	width:38px;
	height:38px;
	margin:0 auto 7px;
	border-radius:50%;
	display:grid;
	place-items:center;
	color:#102640;
	font-size:16px;
	font-weight:800;
	line-height:1;
	background:#dfa238;
	border:3px solid #fff7e7;
	box-shadow:0 7px 18px rgba(148,94,17,.18);
	transition:transform .35s ease,box-shadow .35s ease;
}

.pss-item:hover .pss-number{
	transform:scale(1.12) rotate(5deg);
	box-shadow:0 10px 24px rgba(148,94,17,.28);
}

.pss-item-title{
	margin:0 0 7px;
	color:#dfa238;
	font-size:17px;
	line-height:1.35;
	font-weight:800;
}

.pss-item-text{
	margin:0;
	color:#27364b;
	font-size:13.5px;
	line-height:1.9;
}

@keyframes pss-float{
	0%,100%{transform:translateY(0);}
	50%{transform:translateY(-3px);}
}

@media(max-width:900px){
	.pss-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.pss-item:nth-child(-n+6){
		border-bottom:1px solid var(--pss-divider);
	}

	.pss-item:not(:nth-child(4n)){
		border-left:0;
	}

	.pss-item:nth-child(odd){
		border-left:1px solid var(--pss-divider);
	}
}

@media(max-width:560px){
	.pss-heading{
		gap:12px;
	}

	.pss-heading h2{
		font-size:25px;
		white-space:nowrap;
	}

	.pss-heading-line{
		width:56px;
	}

	.pss-card{
		padding:18px 14px 22px;
	}

	.pss-grid{
		grid-template-columns:1fr;
	}

	.pss-item{
		min-height:auto;
		border-left:0!important;
		border-bottom:1px solid var(--pss-divider)!important;
	}

	.pss-item:last-child{
		border-bottom:0!important;
	}
}

@media(prefers-reduced-motion:reduce){
	.pss-item,
	.pss-number{
		animation:none!important;
		transition:none!important;
	}
}
