#distributors_wilayas, .web_distributor{
	padding: 15px;
	border-radius: 3px;
	border-inline-start: solid 2px #FBC02D;
	margin-bottom: 10px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	position: relative;
	clear: both;
}
#distributors_wilayas{
	display: grid;
	gap: 5px 10px;
	grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 720px) {
	#distributors_wilayas{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (min-width: 1050px) {
	#distributors_wilayas{
		grid-template-columns: repeat(3, 1fr);
	}
}

#distributors_wilayas>*{
	text-wrap: nowrap;
}
#distributors_wilayas::before, .web_distributor::before {
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    box-shadow: 0px 0px 40px #00000011 inset;
	z-index: -1;
}

#distributors_wilayas a, #distributors_wilayas p, .web_distributor a, .web_distributor p{
    display: block;
	padding: 2px 10px;
	margin: 2px 0px;
    color: var(--color1);
    text-decoration: underline;
}
#distributors_wilayas a:hover, .web_distributor a:hover {
    text-decoration: none;
}
#distributors_wilayas p, .web_distributor p{
	text-decoration: none;
}

#distributors_wilayas a{
	padding: 5px;
	border-radius: 5px;
	background-color: #e2e9ed;
	text-decoration: none;
	font-weight: bold;
	transition: 0.3s;
}
#distributors_wilayas a:hover{
	background-color: #dd9e00;
}

#distributors_wilayas .count{
	font-size: small;
	font-weight: normal;
}
/* */
.web_distributor dt{
	padding:5px;
	background:#293942;
	color:#fff;
}
.web_distributor dd{
	padding:5px;
	background:#BEC7CC;
}