.profile-banner {

  position: relative;
  width: 100%;
  max-width: 900px;
  min-height: 120px;
  /*background: #6667abc9;*/
  /*padding: 24px 32px 24px 100px;*/
padding-left: 100px !important;
  color: #fff;
  overflow: visible; /* IMPORTANT */
   background-image: url(/sites/cis.smu.edu.sg/files/2026-02/Rectangle%20271%20%281%29.png);
       background-size: cover;
    background-repeat: no-repeat;
}

/* ANGLED LEFT SHAPE */
.profile-banner::before {
 content: "";
        position: absolute;
 /*       z-index: 1;*/
 /*       top: 0;*/
 /*       left: -54px;*/
 /*       width: 416px;*/
 /*       height: 100%;*/
 /*       background-color: #6667abc9;*/
 /*       transform: skew(-33deg, 0);*/


}

/* TEXT ABOVE SHAPE */
.profile-text {
  position: relative;
  z-index: 2;
}

.profile-text h3 {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.profile-text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}
.h-491{
	height: 491px;
	padding-top: 50px;
	padding-bottom: 50px;
		margin-top: 50px;
	margin-bottom: 50px;
}


.overlay-bg {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0)
  );
  border-radius: 0.75rem;
}

.card-title {
  font-weight: 600;
}

.btn-outline-secondary {
  border-radius: 25px;
  padding: 6px 16px;
}
#list-sections .container{
	padding-left: 10px;
		padding-right: 10px;
}