// common1

.brand_logo{ margin-bottom: 30px;}
.burger{ padding: 100px 0; }
.congratulation_section{ color: $white; margin: 50px 0;
	h1{font-family: 'Adlery Pro'; font-size: 110px; margin-bottom: 30px;}
	h2{font-family: 'Great Vibes'; font-size: 60px; margin-bottom: 0;}
	h4{ display: inline-block; font-family: 'Fredoka One'; font-size: 40px; padding: 10px 30px; background-color: #8D1930; color: $white; margin-bottom: 30px; }
}
.reward_section{ color: $white; margin: 50px 0;
	h1{font-family: 'Adlery Pro'; font-size: 110px; margin-bottom: 30px;}
	h2{font-family: 'Adlery Pro'; font-size: 60px; margin-bottom: 0;}
	.get_reward{ position: relative;
		img{ width: 230px; height: auto; }
		.btn{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	}
}
.video_list{ text-align: center;
	h3{}
	.video{ border-radius: 10px; position: relative; overflow: hidden;
		&:after{ content: ''; display: block; padding-bottom: 55%; }
		iframe, video{ position: absolute; left: 0; top: 0;  width: 100%;height: 100%; z-index: 0;}
		>img{ position: absolute; left: 0; top: 0;  width: 100%;height: 100%; z-index: 0;}
		.play{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 0; z-index: 1;}
	}
	a{ margin-top: 20px; }
}
.img_list{ text-align: center;
	h3{}
	.img{ border-radius: 10px; position: relative; overflow: hidden; max-width: 250px; margin: auto; border: 2px solid $white;
		&:after{ content: ''; display: block; padding-bottom: 80%; }
		img{ position: absolute; left: 0; top: 0;  width: 100%;height: 100%; z-index: 0;}
	}
	a{ margin-top: 20px; }
}
.practice_list{ margin:20px auto 30px;
	h3{ text-align: center;}
	.practice{ border-radius: 15px; position: relative; max-width: 200px; min-height: 180px; margin: auto; background: url("../img/texture.jpg") center; box-shadow: 0 0 8px 0 #790746; padding:20px 10px 10px;
		&:before{ content: ''; position: absolute; right: 10px; bottom: 10px; width: 30px; height: 30px; background: url("../img/star.png") no-repeat; background-size: 100%;}
		.sky{ position: absolute; left: 0; top: -25px; width: 100%; height: 30px; text-align: center; z-index: 1;
			img{ width: 50px; height: auto; }
		}
		ul{ list-style: none; margin: 0 10px 0 25px; padding: 0;
			li{ padding: 2px 15px; position: relative;  border-bottom: 1px solid $black;
				&:before{ content: ''; position: absolute; left: -15px; bottom: -5px; width: 10px; height: 10px; background:#EB0C87;;}
			}
		}
	}
	a{ margin-top: 20px; }
}