.bg1{
	background-color: #f6f3e5;
	height: 23vh;
}
.steps-bg{
	background-image: url('../img/Image_820d7f6.jpg');
	background-position: center;
	background-size: cover;
}
.bg2{
	display: flow-root;
	overflow-x: clip;
}
.bg2 .title{
	float: right;
	margin-right: 20%;
	margin-top: 3%;
	visibility: hidden;
}
.bg2 p{
	font-size: 180%;
	font-family: myfont;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.bg2 hr{
	width: 20%;
	height: 5px;
	border: 0;
	margin-bottom: 0;
	background-color: black;
}
.bg3{
	padding: 21px 0 96px;
	overflow-x: clip;
}
.bg3 .inner{
	padding-top: 0;
}
.bg3 .container{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.bg3 .pa1,
.bg3 .pa2,
.bg3 .pa3,
.bg3 .pa4{
	max-width: 60%;
	visibility: hidden;
}
.bg3 .pa1{
	align-self: flex-start;
}
.bg3 .pa2{
	align-self: flex-end;
	margin-right: 21%;
}
.bg3 .pa3{
	align-self: flex-start;
	margin-left: 3%;
}
.bg3 .pa4{
	align-self: flex-end;
	margin-right: 10%;
}
.bg3 p{
	font-family: courier;
}
.bg3 hr{
	width: 15%;
	height: 5px;
	background-color: black;
	border: 0;
	margin-left: 0;
}
.sliderightTitle{
	-webkit-animation: slideright 1.5s;
	animation: slideright 1.5s;
	visibility: visible !important;
}
.slideleftpa1,
.slideleftpa2,
.slideleftpa3,
.slideleftpa4{
	-webkit-animation-name: slideleft;
	animation-name: slideleft;
	visibility: visible !important;
}
.slideleftpa1{
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.slideleftpa2{
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
}
.slideleftpa3{
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
.slideleftpa4{
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
}

@media (max-width: 1024px){
	.bg1{
		height: 24px;
	}
	.bg2{
		padding-top: 32px;
	}
	.bg2 .title{
		float: none;
		margin: 0;
	}
	.bg2 p{
		margin: 0 0 12px;
		font-size: 150%;
	}
	.bg2 hr{
		width: 30%;
		margin-left: 0;
	}
	.bg3{
		padding: 13px 0 64px;
	}
	.bg3 .container{
		gap: 32px;
	}
	.bg3 .pa1,
	.bg3 .pa2,
	.bg3 .pa3,
	.bg3 .pa4{
		align-self: stretch;
		max-width: none;
		margin: 0;
	}
	.bg3 br{
		display: none;
	}
	.bg3 hr{
		width: 30%;
	}
}
