
.pil-main
{
	min-height: 340px;
	padding: 25px 0;
	background-color: var(--v-bkgray-base);
	border-radius: 24px;
}

.pil-main .list
{
	display: flex;
	gap: 60px;
	overflow: auto;
	padding: 0 30px;
	text-align: center;
}

.pil-main .item
{
	display: flex;
	flex-direction: column;
	align-items: center;
	user-select: none;
}

.pil-main .item A
{
	color: black;
	text-decoration: none;
}

.pil-main .item .picto
{
	width: 50px;
	height: 50px;
	margin-bottom: -25px;
	background: url(/seo/assets/public/experiences/quote.png) no-repeat center center;
	background-size: contain;
	z-index: 1;
}

.pil-main .item .panel
{
	max-width: 340px;
	min-width: 340px;
	background-color: white;
	overflow: auto;
	padding-top: 32px;
	font-size: 11pt;
	cursor: pointer;
}

.pil-main .panel .row1
{
	display: flex;
	min-height: 170px;
}

.pil-main .panel .left
{
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 200px;
	padding: 10px;
}

.pil-main .panel .name
{
	max-height: 66px;
	overflow: hidden;
	font-weight: bold;
}

.pil-main .panel .elem
{
	padding-left: 50px;
	white-space: nowrap;
	text-align: left;
	background: url(/seo/assets/ico/map-marker-b.svg) no-repeat 18px center;
	background-size: contain;
}
.pil-main .panel .elem.staff { background-image: url(/seo/assets/ico/users-b.svg); background-position-x: 10px }

.pil-main .panel .picture
{
	display: flex;
	justify-content: center;
	width: 120px;
	min-width: 120px;
	height: 120px;
	border-radius: 20px;
	overflow: hidden;
}

.pil-main .panel .picture IMG
{
	height: 120px;
	border-radius: 20px;
}

.pil-main .panel .row2
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 10px;
	color: var(--v-smky1fg-base);
	background-color: var(--v-smky1-base);
}

.pil-main .panel .rate
{
	display: flex;
	align-items: center;
	gap: 16px;
}

.pil-main .panel .review-count
{
	padding-bottom: 2px;
	white-space: nowrap;
}

.pil-main .panel .badges
{
	display: flex;
	gap: 16px;
	height: 28px;
	max-width: 154px;
}

.pil-main .panel .badge
{
	width: 32px;
	background: url(/seo/assets/blank.png) no-repeat center center;
	background-size: contain;
}
.pil-main .panel .badge.verified { background-image: url(/seo/assets/ico/verified.png) }
.pil-main .panel .badge.rge { background-image: url(/seo/assets/logo/rge.png) }
.pil-main .panel .badge.artisan { background-image: url(/seo/assets/logo/artisan.png); width: 36px; background-size: 42px }
.pil-main .panel .badge.qualibat { background-image: url(/seo/assets/logo/qualibat.png) }
.pil-main .panel .badge.opqibi { background-image: url(/seo/assets/logo/opqibi.png); width: 70px }
.pil-main .panel .badge.opqibi-rge { background-image: url(/seo/assets/logo/opqibi-rge.jpg); width: 40px }
.pil-main .panel .badge.dplg { background-image: url(/seo/assets/logo/dplg.svg); background-size: 110px; background-position-x: 0; background-position-y: 8px; width: 50px }
