.alumni-hero{

height:360px;

background:
linear-gradient(
135deg,
rgba(225,96,15,.9),
rgba(255,167,51,.8)
),
url("../images/alumni-bg.jpg");

background-size:cover;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

color:white;

}



.alumni-hero h1{

font-size:52px;

margin-bottom:15px;

}


.alumni-hero p{

font-size:20px;

}




.alumni-about{

padding:90px 7%;

background:#fff8f2;

}



.container{

max-width:1200px;

margin:auto;

}



.alumni-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

align-items:center;

}



.alumni-content h2{

font-size:38px;

color:#8A3607;

}



.alumni-content p{

line-height:1.8;

color:#555;

}



.alumni-content button{

background:#E1600F;

color:white;

border:none;

padding:15px 35px;

border-radius:30px;

font-size:16px;

}





.alumni-image img{

width:100%;

border-radius:25px;

box-shadow:0 20px 40px rgba(0,0,0,.15);

}





.alumni-success{

padding:80px 7%;

}



.alumni-success h2{

text-align:center;

font-size:36px;

color:#8A3607;

margin-bottom:50px;

}



.success-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}



.success-card{

padding:35px;

background:white;

border-radius:20px;

text-align:center;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.3s;

}



.success-card:hover{

transform:translateY(-10px);

}



.success-card i{

font-size:45px;

color:#E1600F;

margin-bottom:20px;

}



.alumni-cta{

background:#E1600F;

color:white;

text-align:center;

padding:70px 20px;

}



.alumni-cta a{

display:inline-block;

margin-top:20px;

background:white;

color:#E1600F;

padding:14px 35px;

border-radius:30px;

text-decoration:none;

font-weight:600;

}




@media(max-width:800px){

.alumni-grid{

grid-template-columns:1fr;

}


.success-grid{

grid-template-columns:1fr;

}


.alumni-hero h1{

font-size:36px;

}

}