/* action  */
.action-grids {
  margin-top: 3em;
}
.action-grid .title {
	color: var(--white);
	font-size:80px;
	font-weight:normal;
	text-align:center;
	font-family: 'Special Elite';
	line-height: 1.3;
	padding-top:0px;
	padding-bottom:0px;
	text-transform:uppercase;
}
.action-grid p {
    font-size: 34px;
    font-family: 'Paytone One';
    font-weight:400;
    text-align:center;
    text-transform: capitalize;
    color: #edff38;
	margin-bottom:0.5em;	
}
/*-- Responsive --*/
@media (max-width:640px){
	.action-grids {
 		margin-top: 1em;
	}
	.action-grid .title {
		font-size: 60px;
		text-align: center;
	}
	.action-grid p {
		font-size: 20px;
		text-align: center;
	}
}
.action_1, .action_2, .action_3, .action_4, .action_5, .action_6 {
    padding: 8em 0;
	text-align:center;
    min-height: 307px;
}
.action_1 {
  background-image: url(../images/index/action1-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action1-1200.webp),
    url(../images/index/action1-1200.jpg));
  background-image: image-set(
    url(../images/index/action1-1200.webp) type("image/webp"),
    url(../images/index/action1-1200.jpg") type("image/jpeg"));
}
.action_2 {
  background-image: url(../images/index/action2-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action2-1200.webp),
    url(../images/index/action2-1200.jpg));
  background-image: image-set(
    url(../images/index/action2-1200.webp) type("image/webp"),
    url(../images/index/action2-1200.jpg") type("image/jpeg"));
}
.action_3 {
  background-image: url(../images/index/action3-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action3-1200.webp),
    url(../images/index/action3-1200.jpg));
  background-image: image-set(
    url(../images/index/action3-1200.webp) type("image/webp"),
    url(../images/index/action3-1200.jpg") type("image/jpeg"));
}
.action_4 {
  background-image: url(../images/index/action4-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action4-1200.webp),
    url(../images/index/action4-1200.jpg));
  background-image: image-set(
    url(../images/index/action4-1200.webp) type("image/webp"),
    url(../images/index/action4-1200.jpg") type("image/jpeg"));
}
.action_5 {
  background-image: url(../images/index/action5-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action5-1200.webp),
    url(../images/index/action5-1200.jpg));
  background-image: image-set(
    url(../images/index/action5-1200.webp) type("image/webp"),
    url(../images/index/action5-1200.jpg") type("image/jpeg"));
}
.action_6 {
  background-image: url(../images/index/action6-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action6-1200.webp),
    url(../images/index/action6-1200.jpg));
  background-image: image-set(
    url(../images/index/action6-1200.webp) type("image/webp"),
    url(../images/index/action6-1200.jpg") type("image/jpeg"));
}
@media only screen and (max-width:1280px) {
	.action_2 {
		padding: 4em 0;
	}
	.action_4 {
  		background-image: url(../images/index/action4-1024.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action4-1024.webp),
    		url(../images/index/action4-1024.jpg));
  		background-image: image-set(
    		url(../images/index/action4-1024.webp) type("image/webp"),
    		url(../images/index/action4-1024.jpg") type("image/jpeg"));
	}	
}
@media only screen and (max-width:1024px) {
	.action_6 {
		padding: 6em 0 4em 0;
	}
	.action_2 {
		background-image: url(../images/index/action2-1024.jpg) no-repeat 0px 0px;
		background-size: cover;
		background-image: -webkit-image-set(
			url(../images/index/action2-1024.webp),
			url(../images/index/action2-1024.jpg));
		background-image: image-set(
			url(../images/index/action2-1024.webp) type("image/webp"),
			url(../images/index/action2-1024.jpg") type("image/jpeg"));
	}

	.action_6 {
		background-image: url(../images/index/action6-1024.jpg) no-repeat 0px 0px;
		background-size: cover;
		background-image: -webkit-image-set(
			url(../images/index/action6-1024.webp),
			url(../images/index/action6-1024.jpg));
		background-image: image-set(
			url(../images/index/action6-1024.webp) type("image/webp"),
			url(../images/index/action6-1024.jpg") type("image/jpeg"));
	}
}
@media only screen and (max-width:768px) {
	.action_1, .action_2, .action_3, .action_4, .action_5, .action_6 {
   		padding: 4em 0;
	}
	.action_2 {
  		background-image: url(../images/index/action2-768.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action2-768.webp),
    		url(../images/index/action2-768.jpg));
  		background-image: image-set(
    		url(../images/index/action2-768.webp) type("image/webp"),
    		url(../images/index/action2-768.jpg") type("image/jpeg"));
	}
	.action_4 {
  		background-image: url(../images/index/action4-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action4-768.webp),
    		url(../images/index/action4-768.jpg));
  		background-image: image-set(
    		url(../images/index/action4-768.webp) type("image/webp"),
    		url(../images/index/action4-768.jpg") type("image/jpeg"));
	}
	.action_6 {
		background-image: url(../images/index/action6-430.jpg) no-repeat 0px 0px;
		background-size: cover;
		background-image: -webkit-image-set(
			url(../images/index/action6-768.webp),
			url(../images/index/action6-768.jpg));
		background-image: image-set(
			url(../images/index/action6-768.webp) type("image/webp"),
			url(../images/index/action6-768.jpg") type("image/jpeg"));
	}
}
@media only screen and (max-width:640px) {
	.action_2 {
  		background-image: url(../images/index/action2-640.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action2-640.webp),
    		url(../images/index/action2-640.jpg));
  		background-image: image-set(
    		url(../images/index/action2-640.webp) type("image/webp"),
    		url(../images/index/action2-640.jpg") type("image/jpeg"));
	}
}
@media (max-width:430px) {
	.action_1, .action_2, .action_3, .action_4, .action_5, .action_6 {
		padding: 4em 0;
		text-align:center;
	}
	.action_1 {
  		background-image: url(../images/index/action1-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action1-430.webp),
    		url(../images/index/action1-430.jpg));
  		background-image: image-set(
    		url(../images/index/action1-430.webp) type("image/webp"),
    		url(../images/index/action1-430.jpg") type("image/jpeg"));
	}
	.action_2 {
  		background-image: url(../images/index/action2-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action2-430.webp),
    		url(../images/index/action2-430.jpg));
  		background-image: image-set(
    		url(../images/index/action2-430.webp) type("image/webp"),
    		url(../images/index/action2-430.jpg") type("image/jpeg"));
	}
	.action_3 {
  		background-image: url(../images/index/action3-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action3-430.webp),
    		url(../images/index/action3-430.jpg));
  		background-image: image-set(
    		url(../images/index/action3-430.webp) type("image/webp"),
    		url(../images/index/action3-430.jpg") type("image/jpeg"));
	}
	.action_4 {
  		background-image: url(../images/index/action4-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action4-430.webp),
    		url(../images/index/action4-430.jpg));
  		background-image: image-set(
    		url(../images/index/action4-430.webp) type("image/webp"),
    		url(../images/index/action4-430.jpg") type("image/jpeg"));
	}
	.action_5 {
  		background-image: url(../images/index/action5-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action5-430.webp),
    		url(../images/index/action5-430.jpg));
  		background-image: image-set(
    		url(../images/index/action5-430.webp) type("image/webp"),
    		url(../images/index/action5-430.jpg") type("image/jpeg"));
	}
	.action_6 {
		background-image: url(../images/index/action6-430.jpg) no-repeat 0px 0px;
		background-size: cover;
		background-image: -webkit-image-set(
			url(../images/index/action6-430.webp),
			url(../images/index/action6-430.jpg));
		background-image: image-set(
			url(../images/index/action6-430.webp) type("image/webp"),
			url(../images/index/action6-430.jpg") type("image/jpeg"));
	}
}
@media (max-width:480px){
.action_1 {
	padding: 5em 0;
}
}