.main-graph{margin:60px;background-color:#fefae0;padding-top:60px;}
.graph-content{padding:5px;}
.graph-content h1{margin-bottom:1.5rem;color:#d4a017;}
.graph-content h2{color:#1f2a44;}
.graph-content p, .graph-content ul{line-height:1.8;}
.graph-content-box{background-color:#fefefe;padding:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);
	border:1px solid #d4af37;}

.container{
		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;
	}
	.container-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:left;
	}
	.inline-content {
      display: flex;
      align-items: center; 
      gap: 10px; 
	  border:0px solid #000;
	  font-size:18px;
    }
	.container-box img{width:80px;height:auto;filter:grayscale(100%);padding:0px;border:1px solid #dedede; 
		margin:10px;border-radius:8px;padding:0px 15px;}
	.container-box img:hover{filter:grayscale(0%);transform:scale(1.05);}
@media (max-width: 800px) {
	.main-graph{ margin:20px;border:0px solid #000;}
	.graph-content{border:0px solid #ddd;}
	.graph-content-box:{margin:0px;border:0px solid #000;}
}