body {
  background: #D6D6D8;
  margin: 0;
  font-family: Arial, sans-serif;
  overflow-x: hidden;
}
h1.college_name{
  font-family: 'Arial Black', Gadget, sans-serif;
  font-weight: bold;
  margin-bottom: 0px;
  color: #0dcaf0;
  -webkit-text-stroke: 1px black;
  text-stroke: 1px #eab04e;
  font-size: 285% !important;
  text-transform: uppercase;
}
header {
  text-align: center;
  background: #D6D6D8;
  padding: 15px;
}
header h1 { font-size: 2rem; margin: 0; }
.notice-bar {
    background: #DCF0F9;
    padding: 4px 8px;      /* padding একটু কমালাম */
    font-weight: bold;
    font-size: 1.1rem;
    box-shadow: 2px 2px 3px grey;
    border-radius: 10px;
    height: 43px;

    display: flex;             /* flexbox */
    align-items: center;       /* vertical center */
    gap: 8px;                  /* span আর marquee এর মাঝে ফাঁক */
  }
  .notice-bar span {
    background: #FFB80F;
    padding: 5px 10px;
    font-weight: bold;
    color: #04e6f1a8;
    -webkit-text-stroke: 1px black;
    border-radius: 10px;
    white-space: nowrap;       /* ভেঙে না যায় */
  }
  .notice-bar marquee {
    flex: 1;                   /* বাকি জায়গা নেবে */
  }
  .owl-dots{
    display: none;
  }
.section-title {
    padding: 0px 10px;
    font-weight: bold;
    margin-top: 10px;
    color: #ffffff;
    background-color: #0e396e;
    font-size: 130% !important;
    text-align: center;
}
.carousel-img {
  width: 100%;              /* সবসময় container এর width নেবে */
  height: 350px;            /* আপনার ইচ্ছেমতো fixed height দিন */
  object-fit: cover;        /* proportion ঠিক রাখবে এবং কেটে ফেলবে */
  object-position: center;  /* মাঝখান থেকে crop করবে */
}
.clock {
  font-size: 2rem;
  color: #2196f3;
  text-align: center;
  font-weight: bold;
}
table th, table td {
  text-align: center;
  vertical-align: middle;
}
.faculty-carousel .item {
  text-align: center;
  padding: 15px;
}
.faculty-carousel img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 10px;
}
footer {
  text-align: center;
  padding: 10px;
  background: #e0e0e0;
  font-size: .9rem;
}
/* Calendar */
.semc-calendar { background:#fff; border:1px solid #ddd; border-radius:8px; overflow:hidden; }
.semc-cal-head { display:flex; align-items:center; justify-content:space-between; padding:3px 5px; background:#f7f7f7; font-weight:700; }
.semc-cal-grid { width:100%; border-collapse:collapse; table-layout:fixed; }
.semc-cal-grid th, .semc-cal-grid td { 
  text-align:center; 
  /*padding:8px 0; */
  border:1px solid #eee; 
  /*height:42px; */
}
/*.table{
  font-size: 70% !important;
}*/
div.clock{
  font-family: 'Arial Black', Gadget, sans-serif;
  font-weight: bold;
  margin-bottom: 0px;
  color: #0dcaf0;
  -webkit-text-stroke: 1px black;
  text-stroke: 1px #eab04e;
  font-size: 350% !important;
  text-transform: uppercase;
}
.semc-cal-grid thead th { background:#fafafa; font-weight:700; }
.semc-cal-grid td.muted { color:#b0b0b0; }
.semc-cal-grid td.weekend { color:#d32f2f; font-weight:700; }
.semc-cal-grid .today > span {
  display:inline-block; min-width:32px; height:32px; line-height:32px;
  padding:0 6px; border-radius:8px; background:#e3f2fd; border:1px solid #90caf9; font-weight:700;
}
.semc-cal-nav { display:flex; gap:6px; }
.semc-cal-btn {
  border:1px solid #ccc; background:#fff; border-radius:6px; padding:2px 8px; cursor:pointer;
}
@media (max-width: 576px) {
  .semc-cal-grid th, .semc-cal-grid td { padding:6px 0; height:36px; font-size:12px; }
}