.bg1{
	background-color: #f6f3e5;
	height: 23vh;
}
.bg2{
	box-sizing: border-box;
	padding-bottom: 96px;
	overflow-x: clip;
	background-color: #e5c53e;
}
.bg2 .title{
	letter-spacing: 0.2em;
	font-family:myfont1;
	padding-top: 3%;
	font-size: 170%;
	font-weight: bold;
	color: #292929;
	visibility: hidden;
}
.bg2 hr{
	border: 0;
	width:16%;
	height: 5px;
	text-align: center;
	background-color: black;
}
.bg2 .container{
	display: flex;
	align-items: center;
	gap: 4%;
	margin-top: 2%;
}
.bg2 .bgtext{
	flex: 0 0 50%;
	box-sizing: border-box;
	padding: 32px 0 60px;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), 97% calc(100% - 28px), 97% 100%, 100% calc(100% - 28px), 0 calc(100% - 28px));
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), 97% calc(100% - 28px), 97% 100%, 100% calc(100% - 28px), 0 calc(100% - 28px));
	background-color: #61343E;
	visibility: hidden;
}
.bg2 .bgtext p{
	margin: 0;
	padding: 0 6%;
	color: white;
	font-size: 150%;
	font-family: myfont;
	letter-spacing: 0.05em;
	line-height: 130%;
	text-align: justify;
	text-justify: inter-word;
	visibility: hidden;
}
.bg2 .bgtext1{
	flex: 1 1 auto;
	min-width: 0;
}
.bg2 .bgtext1 p{
	margin: 0;
	font-family: belinda;
	font-size: clamp(2rem, 3.6vw, 4rem);
	line-height: 1.3;
	color: #292929;
	text-shadow: 4px 4px 10px #292929;
	letter-spacing: 0.2em;
}
.bg3{
	padding-bottom: 96px;
	overflow-x: clip;
	background-color: #f6f3e5;
}
.bg3 .shape{
	box-sizing: border-box;
	width: 80%;
	margin: 2% 2% 0 auto;
	padding: 6% 8% 8%;
	border-radius: 160px;
	background-color: #828380;
}
.bg3 .shape p{
	margin: 0;
	padding-right: 30%;
	font-size: 160%;
	font-family: barlowconden;
	visibility: hidden;
}
.bg3 .shape img{
	display: block;
	width: 70%;
	height: auto;
	aspect-ratio: 5 / 4;
	margin: 40px 0 0 auto;
	object-fit: cover;
	-webkit-clip-path: ellipse(50% 47% at 50% 50%);
	clip-path: ellipse(50% 47% at 50% 50%);
	visibility: hidden;
}
.bg3 .pa1{
	margin: 64px 0 0;
	padding-right: 18%;
	font-size: 150%;
	font-family: barlowcondenextra;
	text-align: justify;
	text-justify: inter-word;
	letter-spacing: 0.1em;
}
.bg3 hr{
	width: 21%;
	margin: 48px 33% 0 auto;
}
.bg3 .pa2{
	margin: 24px 0 0;
	font-family: kghappy;
	font-size: 300%;
	color: #292929;
	text-transform: uppercase;
}
.bg4{
	padding: 40px 0;
	background-color: #B0A594;
}
.bg4 .inner{
	padding-top: 0;
}
.bg4 p{
	margin: 0;
	font-family: damion;
	font-size: 200%;
	text-align: left;
}
.bg5{
	padding-bottom: 96px;
	overflow-x: clip;
	background-color: #f6f3e5;
}
.bg5 .text1{
	font-family: raleway;
	font-size: 176%;
	text-transform: uppercase;
	text-align: justify;
	text-justify: inter-word;
	text-shadow: 2px 2px 0px #b0a594;
	font-weight: bold;
}
.bg5 .shape1{
	height: 550px;
	width: 96%;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 97% 75%, 97% 81%, 100% 75%, 0% 75%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 97% 75%, 97% 81%, 100% 75%, 0% 75%);
	background-color: #e5c53e;
	margin-top: 8%;
	visibility: hidden;
}
.bg5 .shape1 p:nth-of-type(1){
	font-family: raleway;
	font-size: 23px;
	color: #61343E;
	padding-top: 8%;
	padding-left: 4%;
	padding-right: 43%;
	text-align: justify;
	text-justify: inter-word;
	font-weight: bolder;
	letter-spacing: 0.05em;
	visibility: hidden;
}
.bg5 .quote1{
	width: 40%;
	margin: -5% 0 0 48%;
	text-align: right;
	font-family: enriqueta;
	font-size: 220%;
}
.bg5 .quote2{
	width: 40%;
	margin: 12px 0 0 48%;
	text-align: right;
	font-family: enriqueta;
	font-size: 125%;
}
.sliderightTitle,
.sliderightBgtext,
.sliderightBgtextPa,
.sliderightPa,
.sliderightPaImg,
.sliderightShape1,
.sliderightConclude{
	-webkit-animation: slideright 1.5s;
	animation: slideright 1.5s;
	visibility: visible !important;
}

@media (max-width: 1024px){
	.bg1{
		height: 24px;
	}
	.bg2{
		padding-bottom: 48px;
	}
	.bg2 .title{
		margin: 0 0 12px;
		padding-top: 32px;
	}
	.bg2 hr{
		width: 30%;
	}
	.bg2 .container{
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
		margin-top: 24px;
	}
	.bg2 .bgtext{
		padding: 24px 0 52px;
	}
	.bg2 .bgtext p{
		font-size: 120%;
		text-align: left;
	}
	.bg2 .bgtext1 p{
		font-size: clamp(2rem, 10vw, 3rem);
		letter-spacing: 0.12em;
	}
	.bg3{
		padding-bottom: 64px;
	}
	.bg3 .shape{
		width: 100%;
		margin: 24px 0 0;
		padding: 32px 7% 36px;
		border-radius: 48px;
	}
	.bg3 .shape p{
		padding: 0;
		font-size: 130%;
		text-align: left;
	}
	.bg3 .shape img{
		width: 100%;
		margin-top: 24px;
	}
	.bg3 .pa1{
		margin-top: 40px;
		padding-right: 0;
		font-size: 120%;
		letter-spacing: 0.05em;
		text-align: left;
	}
	.bg3 hr{
		width: 30%;
		margin: 32px 0 0 auto;
	}
	.bg3 .pa2{
		font-size: 200%;
	}
	.bg4{
		padding: 24px 0;
	}
	.bg4 p{
		margin: 0;
		padding: 0;
		font-size: 160%;
	}
	.bg5{
		padding: 48px 0 64px;
	}
	.bg5 .text1{
		margin-top: 0;
		font-size: 130%;
		text-align: left;
	}
	.bg5 .text1 br{
		display: none;
	}
	.bg5 .shape1{
		box-sizing: border-box;
		width: 100%;
		height: auto;
		margin-top: 32px;
		padding: 24px 6% 52px;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), 97% calc(100% - 28px), 97% 100%, 100% calc(100% - 28px), 0 calc(100% - 28px));
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), 97% calc(100% - 28px), 97% 100%, 100% calc(100% - 28px), 0 calc(100% - 28px));
	}
	.bg5 .shape1 p:nth-of-type(1){
		margin: 0;
		padding: 0;
		font-size: 18px;
		text-align: left;
	}
	.bg5 .quote1,
	.bg5 .quote2{
		width: auto;
		margin: 32px 0 0;
	}
	.bg5 .quote1{
		font-size: 170%;
	}
	.bg5 .quote2{
		margin-top: 8px;
	}
}