
.alumni-section{
position:relative;
padding:100px 0;
/* background:linear-gradient(135deg,#ffffff,#fff5f0); */
background-image: url('../img/bg/banner.png');
background-repeat: no-repeat;
background-size: cover;
}

/* TITLE */


.subtitle{
color:#777;
}

/* CARD */

.alumni-modern-card{
background:#fff;
padding:50px;
border-radius:20px;
}

.alumni-photo{
width:300px;
height:300px;
border-radius:50%;
object-fit:cover;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
  object-position: top;
}

.alumni-name{
font-size:28px;
font-weight:700;
text-transform: uppercase;
}

.salary{
display:inline-block;
background:#ff4e00;
color:white;
padding:6px 18px;
border-radius:30px;
font-weight:600;
margin:10px 0;
}

.position{
color:#555;
}

.company{
font-weight:700;
}

/* CONTROLS */

.carousel-control-prev i,
.carousel-control-next i{
background:#ff4e00;
color:white;
padding:14px;
border-radius:50%;
height:50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
}

/* SVG BACKGROUND ICONS */

.bg-icon{
position:absolute;
width:120px;
opacity:0.05;
fill:#ff4e00;
}

.icon1{top:80px;left:5%;}
.icon2{bottom:120px;left:10%;}
.icon3{top:120px;right:8%;}
.icon4{bottom:100px;right:12%;}

h1, h2, h3, h4, h5, h6{
font-weight:900!important;
}


/* SECTION */

.stars-section{
position:relative;
height:500px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
color:white;
text-align:center;
background: #333;
}


/* STAR STYLE */

.star{
position:absolute;
opacity:0.7;
animation:twinkle 4s infinite ease-in-out;
}

.star svg{
width:90px;
height:90px;
stroke:#ff4e00;
}

/* POSITIONS */

.star1{top:20%;left:10%;animation-delay:0s;}
.star2{top:70%;left:20%;animation-delay:1s;}
.star3{top:30%;right:15%;animation-delay:2s;}
.star4{bottom:15%;right:25%;animation-delay:1.5s;}
.star5{top:50%;left:50%;animation-delay:2.5s;}

/* ANIMATION */

@keyframes twinkle{
0%{transform:scale(1);opacity:0.4;}
50%{transform:scale(1.3);opacity:1;}
100%{transform:scale(1);opacity:0.4;}
}
.carousel-control-next, .carousel-control-prev {
  width: auto;
}