.body-container{
    max-width:1440px;
    margin-inline:auto;
    padding-inline: clamp(1rem, 5vw, 3rem);
}
.section{
    margin-top:3rem;
}
.section:first-child{
    margin-top:0;
}
.card{
    display:flex;
    flex-direction:column;
    gap:25px;
	background-color:#fff;
	 padding:2rem; 
	border-radius:12px;
	border:1px solid #d8dee6;
	box-shadow:0 2px 8px rgba(0,0,0,.06);
	transition: all .3s ease;
}
.card:hover{
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    transform:translateY(-2px);
}
.card-top{
	content:"";
	height:5px;
	background: radial-gradient(circle at 30% 30%, rgba(201, 162, 77, .22), transparent 62%);
	padding:0
}
.sub-navigation{
	display: flex;
	flex-wrap:wrap;
	gap:.5rem;
	padding:.5rem;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(30, 42, 58, .06), rgba(201, 162, 77, .10));
	border: 1px solid rgba(30, 42, 58, .12);
	width: fit-content;
}
.nav-item{
	padding:.55rem 1rem;
	border-radius: 999px;
	font-weight: 600;
	font-size:.9rem;
	    border: 1px solid rgba(30, 42, 58, .15);
	background: rgba(255, 255, 255, .65);
	backdrop-filter: blur(6px);
	text-decoration: none;
	width:220px;
	text-align: center;
	color:#1e2a3a;
	transition: all .2s ease;
}
.btn{
    display: inline-block;
  padding: 12px 28px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
  font-family: inherit;
    
}
.btn-primary{
    background: linear-gradient(135deg, rgba(201, 162, 77, .95), rgba(201, 162, 77, .75));
  color: white;
  box-shadow: 0 4px 12px rgba(201, 162, 77, .25);
}
.btn-primary:hover{
    box-shadow: 0 6px 18px rgba(201, 162, 77, .35);
  transform: translateY(-2px);
}
.btn-secondary{
    background: white;
  color: #c9a24d;
  border: 2px solid #c9a24d;
}
.btn-secondary:hover{
    background: #c9a24d;
  color: white;
}
@media screen (max-width:768px){
 .body-container{
     padding-inline: 1rem;
 }   
}
@media screen and (max-width:1440px){
    .body-container{
        padding-inline:2rem;
    }
}