.services-page .brand::after{
	display: none ;
}
.services-page{position: relative}
.services-page::after{
	position: fixed;content: '';top: 0%;
	right: 0%;bottom: 0%;
	left: 50%;
	background-image: url("../img/BRAND/1_%20(12).jpeg");
	background-position: center;
	z-index: -2;
	background-color: var(--c1);
}
.services-page::before{
	position: fixed;content: '';top: 0px;
	right: -20%;bottom: 0px;
	left: -20%;
	background-position: center;
	z-index: -1;
	background-image: linear-gradient(to top , #fff,#fff1);
}


.services-page .slogan{
	padding: 1rem;
	text-shadow: 1px 1px 1px #000
}
.services-page h1,
.services-page h2,
.services-page h3{}


.services-page .services_cards li :hover{
	z-index: 12;
	position: relative
}
.services-page .services_cards li{
height: fit-content;
justify-content: center;
display: flex;
flex-direction: column;
margin: 1rem 5px;
background-color: #222;
	width: 250px
}
.p{
	padding: 1rem 3rem;
	max-width: 600px;
	background-color: #fff;
	text-align: left;
	font-size: 20px;
	background-color: #222;
	color: #eee;
	margin: 1rem 0px;
}


.desc{
	font-family: 'f4';
	background-color: #eee6;
	padding: 2rem;
}
.desc h1{
	text-decoration: underline;
	text-decoration-color: var(--c1);
}
.good_list li .bi{
	color: #10ea34;
	font-size: 1cm;
}
.good_list li{
	margin: 0.4rem;
	box-shadow: 10px 10px 10px #2223;
	color: whitesmoke;
	padding: 1rem;
	line-height: 1;
	font-weight: lighter;
	background-image: linear-gradient(to top , var(--c1), #0002);
	box-shadow: 30px 30px 30px #2225,-30px -30px 30px #fff3;
	background-attachment: fixed;
	
	}
.desc{
	margin: 1rem 0;
	box-shadow: -10px -10px 20px #2224;
}
.desc:nth-child(2n){
	color: whitesmoke;
	background-image: linear-gradient(to top , var(--c1), #0002);
	box-shadow: 30px 30px 30px #fff3,-30px -30px 30px #fff3;
	background-attachment: fixed;
}
.desc:nth-child(2n) .good_list li{
	color: #222;
	background-image: linear-gradient(to top , #fff,#fff2);
	box-shadow: 30px 30px 30px #2223,-30px -30px 30px #2221;
	background-attachment: fixed;
}