/* Extra small devices (phones, 600px and down) */
/*@media only screen and (max-width: 600px) {
  .logo {
    width: 20% !important;
    padding: 2px;
    height: auto;
  }
  .eiin-center-mpo{
     font-size: 13px; 
  }
  .schoo-name-bangla {
    font-size: 13px;
  }

  .schoo-name-english{
    font-size: 11px;
  }

  .school-std{
    font-size: 12px;
  }

  .footer-text{
    text-align: left;
    padding-top: 5px;
  }

  .header-top-left{
    text-align: left !important;
  }

}*/
/*.footer-text{
    text-align: left;
    padding-top: 5px;
  }
*/
/* Mobile View */
@media (max-width: 767.98px) {
    .d-flex.flex-wrap.align-items-center p-3 > div img {
        width: 60px;  /* Logo ছোট হবে */
        margin-bottom: 10px;
    }

    .h2.fw-bold {
        font-size: 14px; /* বাংলা নাম ছোট হবে */
    }
    .h5.fw-bold {
        font-size: 13px; /* English নাম ছোট হবে */
    }
    p.mb-0 {
        font-size: 12px; /* স্থাপিত বছর ছোট হবে */
    }
}
  .eiin-center-mpo{
     font-size: 13px; 
  }
}








/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

/*Speech and Managing Committee Details*/

@media (max-width: 768px) {
  .teacher-img-speech {
    width: 20% !important;
    padding: 1px;
    height: auto;
  }

  .speech-name {
    font-size: 0.9rem; /* 14.4px */
  }
  .speech-designation {
    font-size: 0.9rem; /* 14.4px */
  }
  .speech-mobile {
    font-size: 1rem; /* 14.4px */
  }
  .speech-email {
    font-size: 0.9rem; /* 14.4px */
  }
}


/*for carosol*/

/* Mobile default */
.carousel-img {
    width: 100%;
    height: 200px;   
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

/* Tablet */
@media (min-width: 768px) {
    .carousel-img { height: 350px; }
}

/* Desktop original image size */
@media (min-width: 992px) {
    .carousel-img {
        height: auto;       
        max-height: 600px;  
        object-fit: contain; 
    }
}

/* Caption bottom-center, wide */
.slider-caption-custom {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.35); /* lighter background */
    border-radius: 12px;
    color: #fff;
    text-align: center;
    width: 90%;       
    max-width: 1000px; 
    padding: 18px 30px;  /* Desktop padding */
}

/* Mobile caption adjustment */
@media (max-width: 767px) {
    .slider-caption-custom {
        padding: 10px 15px;       /* Mobile padding ছোট */
        background: rgba(0,0,0,0.25); /* Mobile softer background */
    }
    .carousel-title {
        font-size: 14px;           /* Mobile text ছোট */
    }
}

/* Tablet text size */
@media (min-width: 576px) {
    .carousel-title { font-size: 18px; }
}
@media (min-width: 768px) {
    .carousel-title { font-size: 22px; }
}
@media (min-width: 992px) {
    .carousel-title { font-size: 28px; }
}


/*Notice Navbar*/
/* Label background & text */
.notice-label {
    background-color: #28a745; /* green */
    color: #fff;
}

/* Marquee solid background & text for all devices */
.notice-marquee {
    background-color: #96DED1; /* yellow */
    color: #000000;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* Marquee links */
.notice-marquee a.notice-link {
    color: #000;
    text-decoration: none;
    margin-right: 15px;
}

/* Hover effect */
.notice-marquee a.notice-link:hover {
    color: #fff;
    text-decoration: underline;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .notice-section {
        font-size: 12px;
    }
    .notice-label, .notice-marquee {
        padding: 5px 8px;
    }
    marquee {
        scrollamount: 5; /* faster on mobile */
    }
}

/* Tablet/Desktop adjustments */
@media (min-width: 768px) {
    .notice-section {
        font-size: 13px;
    }
    .notice-label, .notice-marquee {
        padding: 6px 10px; /* compact height */
    }
    marquee {
        scrollamount: 2; /* slower on desktop */
    }
}
/*
Navbar*/
/* Overlay for mobile menu */
#navbar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4); /* translucent dark */
  z-index: 1040;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .navbar {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .navbar-nav .nav-link {
    font-size: 13px;
    padding: 4px 8px;
  }

  .navbar-nav .dropdown-menu {
    font-size: 13px;
  }

  .navbar-nav .dropdown-item {
    padding: 4px 10px;
  }

  .navbar-toggler {
    padding: 2px 4px;
  }
}

/* Desktop / Tablet */
@media (min-width: 768px) {
  .navbar {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .navbar-nav .nav-link {
    font-size: 15px;
    padding: 6px 12px;
  }

  .navbar-nav .dropdown-item {
    padding: 6px 12px;
  }
}

/*Top Header*/

/* Default (Desktop এ normal size থাকবে) */
.top-header span {
  font-size: 16px;   /* Email, Mobile */
}

.top-header .btn {
  font-size: 16px;   /* Button টেক্সট */
}

/* Mobile view (max-width: 767px) */
@media (max-width: 767.98px) {
  .top-header span {
    font-size: 14px;   /* Email, Mobile ছোট */
  }

  .top-header .btn {
    font-size: 14px;   /* Button টেক্সট ছোট */
  }
}


/*Text*/

.facebook-list li {
  font-size: 15px;  /* ডেক্সটপের জন্য বড় ফন্ট */
  line-height: 1.6;
}

/* ছোট স্ক্রিন (মোবাইল) এর জন্য */
@media (max-width: 767px) {
  .facebook-list li {
    font-size: 13px;  /* ছোট স্ক্রিনে ফন্ট ছোট করা */
  }
}

/* অতিরিক্ত বড় স্ক্রিনের জন্য (ঐচ্ছিক) */
@media (min-width: 1200px) {
  .facebook-list li {
    font-size: 15px;
  }
}


/*footer Text*/
.footer-text {
    font-size: 14px;
}

.footer-developer {
    text-align: center; /* Small devices এ center হবে */
}

/* Medium devices এবং তার উপরে ডানদিকে */
@media (min-width: 768px) {
    .footer-developer {
        text-align: right;
    }
}

.card-body-min {
      min-height: 200px; /* সব device-এ minimum height */
    }

    /* Optional: responsive adjustment */
    @media (min-width: 768px) {
      .card-body-min { min-height: 250px; }
    }

    @media (min-width: 1200px) {
      .card-body-min { min-height: 300px; }
    }