@import url('https://fonts.googleapis.com/css2?family=Prompt&display=swap');

	.hero{
		margin-top:10px;
		text-align:center;
		padding:100px 20px;
		/*background:linear-gradient(to right, #0a1f44,#1e3a8a);*/
		/*background:linear-gradient(135deg,#fff8dc 0%,#d4af37 40%, #1a1a1a 100%)  #fdf5d2 40% ,#f5e6b0 100%*/
		background:linear-gradient(to bottom,#fefae0 0%,#ffffff 100%);
		color:#1a1a1a;
	}
	.hero h1{
		font-size:36px;
		margin-bottom:20px;
		color:#4a4a4a; /* #d4af37*/
		text-shadow:1px 1px 2px rgba(0,0,0,0.1);
	}
	.hero p{
		font-size:20px;
		margin-bottom:30px;
		color:#555555;
		max-width:700px;
		margin:0 auto;
	}
/*	.price-banner{
		margin:30px auto 20px;
		max-width:600px;
	}
	.price-banner iframe{
		width:100%;
		height:85px;
		border:none;
		background-color:transparent;
	} */
	
	.cta-button{
		background-color:#d4af37;
		color:#1a1a1a;
		 padding:12px 30px;
		text-decoration:none;
		font-weight:bold;
		border-radius:6px;
		transition:background-color 0.2s ease;
		font-size:18px;
		margin-top:30px;
		cursor:pointer;
		text-shadow:0 4px 10px rgba(212, 175, 55, 0.3);
		transition:transform 0.2s ease, background-color 0.3s ease;
	}
	.cta-button:hover{
		background-color:#c19e2b;
		transform:scale(1.05);
	}
	.features{
		display:grid;
		grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
		/*grid-template-columns:repeat(3,1fr);*/
		gap:30px;
		padding:40px 20px;
		background-color:#fefae0;
		/* max-width:1200px;
		margin:0 auto; */
	}
	.feature-box{
		background-color:#ffffff;
		border:1px solid #d4af37;
		border-radius:8px;
		padding:25px;
		box-shadow:0 4px 10px rgba(0,0,0,0.05);
		transition:transform 0.3s ease;
		text-align:center;
	}
	.feature-box:hover{
		transform:translateY(-5px);
	}
	.feature-box h2{
		color:#1f2a44;   /*#d4af37*/
		margin-bottom:10px;
		font-size:20px;
	}
	.feature-box p{
		color:#333333;
		font-size:16px;
		line-height:1.5;
	}
	.lifeoffchart-link-section{
		background-color:#F7E7CE;
		padding:50px 20px;
		text-align:center;
		font-family:'Prompt',sans-serif;
	}
	.lifeoffchart-title a.lifeoffchart-main-link{
		font-size:2em;
		font-weight:bold;
		color:#7B5E45;
		text-decoration:none;
	}
	.lifeoffchart-title p{	
		font-size:1.1em;
		color:#A78F6F;
		margin-top:10px;
	}
	.lifeoffchart-icons{
		display:flex;
		justify-content:center;
		gap:40px;
		margin-top:30px;
		flex-wrap:wrap;
	}
	.life-icon{
		display:flex;
		flex-direction:column;
		align-items:center;
		text-decoration:none;
		color:#6f4e37;
		transition:transdorm 0.3s ease;
	}
	.life-icon img{
		width:100px;
		height:auto;
		margin-bottom:10px;
	}
	.life-icon span{
		font-size:1em;
		font-weight:500;
	}
	.life-icon:hover{
		transform:scale(1.05);
	}
	
	
	.partners{
		background-color:#F7E7CE;
		padding:60px 20px;
		text-align:center;
	}
	.partners h2{
		color:#C9A94F; /*#d4af37  */
		font-size:32px;
		margin-bottom:40px;
	}
	.partner-logos{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		gap:30px;
	}
	.partner-logos img{
		max-height:60px;
		max-width:150px;
		object-fit:contain;
		filter:grayscale(100%);
		opacity:0.8;
		transition:filter 0.3s ease,opacity 0.3s ease;
	}
	.partner-logos img:hover{
		filter:grayscale(0%);
		opacity:1;
	}
	.graph-section{
		background-color:#fefae0;
		padding:10px 15px;
		text-align:center;
	}
	.graph-section h2{
		font-size:32px;
		color:#d4af37;
		margin-bottom:40px;
	}
	.graph-group{
		margin-bottom:50px;
	}
	
	.graph-pair{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:30px;
		margin-bottom:20px;
	}
	.graph-pair iframe{
		width:100%;
		height:400px;
		border:1px solid #d4af37;
		border-radius:8px;
		box-shadow:0 4px 10px rgba(0,0,0,0.05);
	}
	.graph-link{
		display:inline-block;
		color:#d4af37;
		font-weight:500;
		text-decoration:none;
		transition:color 0.3s ease;
	}
	.graph-link:hover{
		color:#c19e2b;
	} 
	
		
	
	
	
	
@media (max-width: 768px) {
	.graph-pair{
		grid-template-columns:1fr;
	}
	.graph-pair iframe{
		height:600px;
	}
	

}