section.steps {
	padding: 0 0 50px 0;
	/* overflow: hidden; */
	position: relative;
}
section.steps  .c{
	z-index:2;
}
section.steps  .arrow{
	position: absolute;
	right: -50px;
	z-index: 2;
	right: -90px;
	top: 26px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform: scale(0.5);
}
section.steps .item:hover  .arrow{
	transform: scale(0.8) rotate(-5deg)
}
section.steps  .arrow1{height: 48px;width: 159px;}
section.steps  .arrow2{max-height: 69px;max-width: 169px;}
section.steps .grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 25px;
	padding: 45px 0 0;
}
section.steps .item {
	/* background: silver; */
	text-align: center;
	/* padding: 25px 50px; */
	/* background: white; */
	border-radius: 8px;
	transform: scale(1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.85;
}
section.steps .item:hover {
}
section.steps .icon {/* background: var(--color); *//* margin-bottom: 25px; */border-radius: 50%;}
section.steps .icon img {
    /* -webkit-filter: invert(1); */
    /* filter: invert(1); */
    height: 54px;
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


section.steps .item:hover .icon img {
	transform: scale(1.25);
}



section.steps .content {padding: 20px 40px;}




section.steps h3 {
	font-size: 18px;
	font-weight: 800;
	margin: 0;
	margin-bottom: 10px;
	line-height: 23px;
}


/* [xl] */
@media all and (max-width: 1300px)  {
	section.steps {

	}

	section.steps  .c{

	}

	section.steps  .arrow{

	}

	section.steps .item:hover  .arrow{

	}

	section.steps  .arrow1{

	}

	section.steps  .arrow2{

	}

	section.steps .grid {

	}

	section.steps .item {

	}

	section.steps .item:hover {

	}

	section.steps .icon {

	}

	section.steps .icon img {

	}

	section.steps .item:hover .icon img {

	}

	section.steps .content {

	}

	section.steps h3 {

	}

}

/* [l] */
@media all and (max-width: 1200px) {
	section.steps {

	}

	section.steps  .c{

	}

	section.steps  .arrow{

	}

	section.steps .item:hover  .arrow{

	}

	section.steps  .arrow1{

	}

	section.steps  .arrow2{

	}

	section.steps .grid {

	}

	section.steps .item {

	}

	section.steps .item:hover {

	}

	section.steps .icon {

	}

	section.steps .icon img {

	}

	section.steps .item:hover .icon img {

	}

	section.steps .content {

	}

	section.steps h3 {

	}

}

/* [m] */
@media all and (max-width: 992px) {
	section.steps {

	}

	section.steps  .c{

	}

	section.steps  .arrow{

	}

	section.steps .item:hover  .arrow{

	}

	section.steps  .arrow1{

	}

	section.steps  .arrow2{

	}

	section.steps .grid {

	}

	section.steps .item {

	}

	section.steps .item:hover {

	}

	section.steps .icon {

	}

	section.steps .icon img {

	}

	section.steps .item:hover .icon img {

	}

	section.steps .content {

}

	section.steps h3 {

	}

}

/* [s] */
@media all and (max-width: 768px) {
	section.steps {

	}

	section.steps  .c{

	}

	section.steps  .arrow{

	}

	section.steps .item:hover  .arrow{

	}

	section.steps  .arrow1{

bottom: -18px;

top: unset;

left: 0;

right: 0;

margin: auto;

transform: scale(0.5) rotate(157deg);

opacity: 0.1;

}

	section.steps  .arrow2{

bottom: -26px;

top: unset;

left: 0;

right: 0;

margin: auto;

transform: scale(0.5) rotate(10deg);

opacity: 0.1;

}

	section.steps .grid {

grid-template-columns: 1fr;

}

	section.steps .item {

	}

	section.steps .item:hover {

	}

	section.steps .icon {

	}

	section.steps .icon img {

	}

	section.steps .item:hover .icon img {

	}

	section.steps .content {

	}

	section.steps h3 {

	}

}

/* [xs] */
@media (max-width: 576px) {
	section.steps {

	}

	section.steps  .c{

	}

	section.steps  .arrow{

	}

	section.steps .item:hover  .arrow{

	}

	section.steps  .arrow1{

	}

	section.steps  .arrow2{

	}

	section.steps .grid {

	}

	section.steps .item {

	}

	section.steps .item:hover {

	}

	section.steps .icon {

	}

	section.steps .icon img {

	}

	section.steps .item:hover .icon img {

	}

	section.steps .content {

	}

	section.steps h3 {

	}

}