/*seccion servicios */
.ini-title-servicio{
	background:#DAC40D;
	text-align:center;
	padding:70px 0px 50px 0px !important;
	color:var(--Menu-font) !important;
}
.ini-title-servicio > div > div > div > div > div > div > h2{
 
font-style: normal;
font-weight: 500 !important;
font-size: 48px !important;

	color:var(--Menu-font) !important;
}
.cont-serv-total{
	background:#EAF8FF;
	padding:70px 0px !important;
}
.cont-serv > a{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px;
	
	width:100%;
	height:250px;
}
.cont-serv > a > .cont-serv-ico{
	display:flex;
	justify-content:center !important;
	align-items:center !important;
	position:relative;
	padding:10px;
	width:160px;
	height:160px;
}
.cont-serv > a > .cont-serv-ico > i{
font-size:120px;
position:relative;
	top:-30px;
z-index:2;
	transition: .5s all ease-in-out !important;
}
.cont-serv > a:hover > .cont-serv-ico > i{
color:#fff;
}
.cont-serv > a > .cont-serv-ico > svg{
position:absolute;
transition: .5s all ease-in-out !important;
width:100%;
	height:100%;
}
.cont-serv > a:hover > .cont-serv-ico > svg{
fill:#DAC40D;

}
.cont-serv > a > .serv-btn  {

margin:10px auto;
padding:5px 20px;

}
.cont-serv > a > .serv-btn {
	display:flex;
	align-items:center;

}
.cont-serv > a > .serv-btn >  i{
		color:var(--Menu-font);
	width:30px;
	height:30px;
		transition: .8s all ease-in-out !important;
		display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}
.cont-serv > a:hover > .serv-btn >  i{
	background:#000;
}
.cont-serv > a > .serv-btn  > span{
	padding-left:10px;
	max-width:180px;
		transition: .8s all ease-in-out !important;
	text-align:center !important;
}
.cont-serv > a:hover > .serv-btn  > span{
	color:#000;
	
}
/*limpieza*/
.lim > a > .cont-serv-ico > i{
	color:var(--lim);
	
}
 .lim > a > .cont-serv-ico > svg{
	fill:var(--lim-light)
}
.lim > a > .serv-btn  > i{
		background:var(--lim-light);
}
.lim  > a > .serv-btn > span{
	color:var(--lim);
}
/*control plagas*/
.plag > a > .cont-serv-ico > i{
	color:var(--plag);
	
}
 .plag > a > .cont-serv-ico > svg{
	fill:var(--plag-light)
}
.plag > a > .serv-btn  > i{
		background:var(--plag-light);
}
.plag  > a > .serv-btn > span{
	color:var(--plag);
}
/*gasfiteria*/
.gas > a > .cont-serv-ico > i{
	color:var(--gas);
	font-size:95px;
	
}
 .gas > a > .cont-serv-ico > svg{
	fill:var(--gas-light)
}
.gas > a > .serv-btn  > i{
		background:var(--gas-light);
}
.gas  > a > .serv-btn > span{
	color:var(--gas);
}
/*jardineria*/
.jar > a > .cont-serv-ico > i{
	color:var(--jar);
	
}
 .jar > a > .cont-serv-ico > svg{
	fill:var(--jar-light)
}
.jar > a > .serv-btn  > i{
		background:var(--jar-light);
}
.jar  > a > .serv-btn > span{
	color:var(--jar);
}
/*electricidad*/
.elec > a > .cont-serv-ico > i{
	color:var(--elec);
	
}
 .elec > a > .cont-serv-ico > svg{
	fill:var(--elec-light)
}
.elec > a > .serv-btn  > i{
		background:var(--elec-light);
}
.elec  > a > .serv-btn > span{
	color:var(--elec);
}
/*Pintura*/
.pin > a > .cont-serv-ico > i{
	color:var(--pin);
	font-size:105px;
}
 .pin > a > .cont-serv-ico > svg{
	fill:var(--pin-light)
}
.pin > a > .serv-btn  > i{
		background:var(--pin-light);
}
.pin  > a > .serv-btn > span{
	color:var(--pin);
}
/*Mudanza*/
.mud > a > .cont-serv-ico > i{
	color:var(--mud);
	font-size:95px ;
}
 .mud > a > .cont-serv-ico > svg{
	fill:var(--mud-light)
}
.mud > a > .serv-btn  > i{
		background:var(--mud-light);
}
.mud  > a > .serv-btn > span{
	color:var(--mud);
}
/*Mantenimiento*/
.har > a > .cont-serv-ico > i{
	color:var(--har);
	font-size:80px;
}
 .har > a > .cont-serv-ico > svg{
	fill:var(--har-light)
}
.har > a > .serv-btn  > i{
		background:var(--har-light);
}
.har  > a > .serv-btn > span{
	color:var(--har);
}
/*Obras Menores*/
.obr > a > .cont-serv-ico > i{
	color:var(--obr);
	font-size:120px;
}
 .obr > a > .cont-serv-ico > svg{
	fill:var(--obr-light)
}
.obr > a > .serv-btn  > i{
		background:var(--obr-light);
}
.obr  > a > .serv-btn > span{
	color:var(--obr);
}