/* ===== COURSE CARD STYLES ===== */
.course-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.course-card:hover {
  transform: translateY(-6px);
}

/* ===== COURSE IMAGE ===== */
.course-card img {
  width: 100%;
  height: 180px;
  object-fit: contain;   /* prevents image distortion */
  padding: 15px;
  background: #f8f9fa;
}

/* ===== COURSE TITLE ===== */
.course-card h5 {
  padding: 15px;
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}



/* ===== DIPLOMA COURSE CARD ===== */
.diploma-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.diploma-card:hover {
  transform: translateY(-6px);
}

/* ===== COURSE IMAGE ===== */
.diploma-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;   /* good for diploma banners */
  background: #f8f9fa;
}

/* ===== COURSE TITLE ===== */
.diploma-card h5 {
  padding: 15px;
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}



.hero-btn {
    display: inline-block;
    padding: 12px 28px;
    background: #ffc107;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    border-radius: 6px;
    transition: 0.3s ease;
}

.hero-btn:hover {
    background: #ffb300;
    color: #000;
}


/* ===== SLIDER STYLES ===== */

.carousel-item img {
    width: 100%;
    height: auto;
    max-height: 520px;
    display: block;
    margin: 20px auto;
}

 @media (max-width: 768px) {
            .carousel-item img {
                height: 180px;
            }
        }



/* ===== CORPORATE SECTION STYLES===== */

/* MAIN CONTAINER */
.offerings-container{
    max-width:1200px;
    margin:50px auto;
    display:flex;
    align-items:center;
    gap:50px;
}

/* LEFT IMAGE */
.left img{
    width:820px;   /* Big corporate image */
    max-width:100%;
    border-radius:18px;
    box-shadow:0 20px 45px rgba(0,0,0,0);
}

/* Right Content */
.right h4{
     margin-bottom:25px;
}

/* RIGHT ICON LIST */
.right ul{
    list-style:none;
    padding:0;
}

/* EACH ICON ROW */
.right li{
    margin-bottom:25px;
    display:flex;
    align-items:center;
}

/* ROUND ICON CIRCLE */
.icon-circle{
    width:230px;
    height:auto;
    background:white;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 12px 30px rgba(0,0,0,0);
    transition:0.3s ease;
}

/* ICON IMAGE SIZE */
.icon-circle img{
    width:200px;
    height:100px;
}

/* HOVER EFFECT */
.icon-circle:hover{
    transform:scale(1.08);
}