.about-hero{
	padding:80px 0px;
	background: linear-gradient(180deg, #F6ECE7 0%, #FFFFFF 100%);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.mission{
	padding:40px 0px;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.mission p{
	font-weight:400;
	font-size:20px;
	text-align:center;
}
.mission-content h3{
	color:rgba(168, 71, 20, 1);
	font-size:24px;
	text-align:center;
	line-height:120%;
	font-weight:600;
}
.mission-content{
	display:flex;
	flex-direction:column;
	gap:24px;
	margin-top:40px;
}
.quote-2{
	background: linear-gradient(180deg, #F6EBE6 0%, #FFFFFF 100%);
	padding:48px;
	margin-bottom:24px;
	display:flex;
	flex-direction:column;
	gap:16px;
	box-shadow: 0px 4px 10px 0px rgba(151, 151, 151, 0.3);
}
.quote-white-wrapper{
	display:flex;
	justify-content:center;
	flex-direction:column;
	padding:80px 0;
	align-items:center;
	background: linear-gradient(180deg, #FFFFFF 0%, #F6EBE6 100%);
}
.quote-white{
	background:white;
	width:100%;
	box-shadow: 0px 4px 10px 0px rgba(151, 151, 151, 0.3);
padding:50px;
gap:24px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
.quote-white p{
	font-size:20px;
	font-weight:400;
	color:black;
	font-size:24px;
	text-align:center;
}
.quote-white span{
	color:rgba(168, 71, 20, 1);
	font-weight:700;
	text-align:center;
	display:flex;
	justify-content:center;
	width:100%;
	font-size:18px;
}
.quote-2 h3{
	font-size:28px;
	color:rgba(168, 71, 20, 1);
	line-height:150%;
	text-align:center;
}
.quote-2 h2{
	color:rgba(58, 58, 58, 1);
	font-weight:400;
	font-size:20px;
	text-align:center;
}
.about-hero h1{
	font-size:clamp(18px, calc(32px + 16 * ((100vw - 375px) / 1065)), 48px);
	text-align:center;
	font-weight:700;
	margin-bottom:16px;
}
.about-hero h2{
	font-size:18px;
	font-weight:400;
	text-align:center;
	color:rgba(0, 0, 0, 1);
}
.header__main{
	position: relative !important;
}
.created-about{
	padding:120px 0;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(246, 235, 230, 1);
	
}
.created-about h2{
font-size:clamp(18px, calc(32px + 16 * ((100vw - 375px) / 1065)), 48px);
text-align:center;
margin-bottom:64px;
}

.quote-white h3{
	color:rgba(168, 71, 20, 1);
	font-size:28px;
	text-align:center;
	line-height:150%;

}
.divider{
	background:white;
	padding:40px 0;
	display:flex;
	align-items:center;
	justify-content:center;
}
.divider span{
	background:rgba(168, 71, 20, 1);
	height:1px;
	width:128px;

}
.quote-filled{
	background: linear-gradient(180deg, #A84714 0%, #8F3D12 100%);
	 padding:40px;
	 margin-top:40px;
	 color:white;
	 text-align:center;
	 display:flex;
	 flex-direction:column;
	 gap:24px;
}
.quote-filled p{
	font-weight:400;
	font-size:20px;
}
.quote-filled h3{
	font-size:42px;
	font-weight:700;
}
.quote-filled h4{
	font-size:42px;
	font-weight:700;
}
.values{
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	padding:120px 0;

}
.values h2{
	font-size:clamp(18px, calc(32px + 16 * ((100vw - 375px) / 1065)), 48px);
	text-align:center;
}
.values-wrapper {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:24px;
	margin-top:64px;
}

.value-item{
	display:flex;
	justify-content:center;
	flex-direction:column;
	gap:24px;
	padding:40px 24px;
	align-items:center;
	background: linear-gradient(180deg, #F6EBE6 0%, #FFFFFF 100%);
	box-shadow: 0px 4px 10px 0px rgba(151, 151, 151, 0.3);
}
.value-item h3{
	font-size:20px;
	color:rgba(168, 71, 20, 1);
}
.value-item p{
	font-size:16px;
	font-weight:400;
	text-align:center;
}
.value-icon{
	width:64px;
	height:64px;
	border-radius:999px;
	background:rgba(168, 71, 20, 1);
	color:white;
	font-weight:700;
	font-size:32px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.value-quote-section{
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	padding:120px 0;	
}
.value-quote-wrapper{
	background: linear-gradient(180deg, #FFFFFF 0%, #F6EBE6 100%);
	padding:80px 135px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.value-quote-inner{
	background:white;
	display:flex;
	flex-direction:column;
	gap:24px;
	box-shadow: 0px 2px 8px 0px rgba(151, 151, 151, 0.2);
	padding:48px;
	border-left:4px solid rgba(168, 71, 20, 1);
}
.value-quote-inner p{
	font-size:20px;
	font-weight:400;
	text-align:center;
}
.value-quote-inner h3{
	font-size:32px;
	line-height:150%;
	text-align:center;
	color:rgba(168, 71, 20, 1);

}
.about-cta{
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	padding:120px 0;	
	background:rgba(246, 235, 230, 1);
}
.about-cta h2{
	text-align:center;
	font-size:clamp(18px, calc(32px + 16 * ((100vw - 375px) / 1065)), 48px);
	margin-bottom:16px;
}
.about-cta p{
	font-size:18px;
	font-weight:400;
text-align:center;
max-width:655px;
}
.about-cta .container{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.cta-button-wrapper{
	display:flex;
	width:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.about-cta a{
	font-size:18px;
	margin-top:40px;
	background:rgba(168, 71, 20, 1);
	color:white;
	font-weight:600;
	cursor:pointer;
	display:flex;
	gap:16px;
	width:fit-content;
	padding:16px 24px;
	box-shadow: 0px 4px 15px 0px rgba(168, 71, 20, 0.4);
}
.about-cta a:hover {
	background:white;
	color:rgba(168, 71, 20, 1);
	transition:0.3s ease-in-out;
}
.about-cta a:hover path{
	fill:rgba(168, 71, 20, 1);
}
@media(max-width:1024px){
	.values-wrapper {
		flex-wrap:wrap;
	}
	.value-item{
		width:100%;
	}
	.value-quote-inner h3{
		font-size:24px;
	}
	.value-quote-inner{
		padding:24px;
	}
	.value-quote-wrapper{
		padding:24px;
	}
	section{
		padding:80px 0 !important;
	}
	.quote-filled h3{
		font-size:24px;
	}
	.quote-filled h4{
			font-size:24px;
	}
	.quote-white h3{
		font-size:20px;
	}
	.quote-white{
		padding:24px;
	}
	.quote-white p{
		font-size:16px;
	}
	.mission-content h3{
		font-size:18px;
	}
	.mission p{
		font-size:16px;
		
	}
	.quote-2 h3{
		font-size:22px;
	}
	.quote-2 h2{
		font-size:16px;
		text-align:center;
	}
	.quote-2{
		padding:24px;
	}
}
@media(max-width:1024px){
	.mission{
		padding-top:0;
	}
}
@media(max-width:1024px){
    .header__main{
        position:fixed !Important;
    }
    .about-hero{
        margin-top:80px;
    }
}