#accessibilityBar button#universalAccessBtn {

        border-radius: 0px !important;

    }

    #accessibilityBar {

        top: 360px !important;

    }

    .btn-for-accessibility {

        font-size: 13px;

        background: local;

    }

    .rslides img {

        height: 220px
    }

    .cabinet-portal-gov-bd .meganizr>li>a {

        font-size: 18px !important
    }

    .right-side-bar .block ul li a {

        font-size: 14px;

    }

    #notice-board ul a {

        font-size: 14px;

    }

    h5.bk-org.title.internal-eservice {

        background-color: #609513 !important;

    }

    #notice-board-ticker ul li {

        list-style: none;

    }

    .ad-description-title {

        background-color: #f5f5f5;

        padding: 3px;

        opacity: .8
    }

    .lineheight {

        line-height: 22px;

    }

    #right-content .block {

        display: block !important
    }

    .ad-image-description span {

        display: none
    }



    .ad-gallery .ad-info {

        width: 200px
    }



    .ad-thumb-list {

        list-style: none !important
    }



    .ad-gallery {

        width: 100% !important
    }



    .ad-image {

        width: 100% !important;

        top: 0px !important;

        height: 432px !important
    }



    .ad-image img {

        width: 100% !important;

        height: 432px !important
    }



    .ad-image .ad-image-description {

        width: 100% !important
    }





    .ad-gallery .ad-image-wrapper {

        height: 432px;

    }



    .ad-thumbs {

        height: 70px
    }



    .bitac-portal-gov-bd .ad-gallery .ad-image-wrapper {

        height: 300px;

    }



    .bitac-portal-gov-bd .ad-image {

        height: 100% !important
    }



    .bitac-portal-gov-bd .ad-image img {

        height: 100% !important
    }



    .ad-image-description p span {

        display: none
    }







    .ad-image>p>span {

        display: none
    }



    #right-content .block {

        display: block !important
    }



    #right-content .block {

        display: block !important
    }



    .share-buttons img {

        width: 30px;

        padding: 2px;

        border: 0;

        box-shadow: 0;

        display: inline;

    }



    .column.block a {

        text-decoration: underline;

    }



    #right-content img {

        margin-right: 20px;

    }



    .imgcenterofficehead {

        padding-left: 50px;

    }



    @media only screen and (min-width:320px) and (max-width:959px) {

        .ad-image img {

            height: unset;

        }





    }



    @media screen and (min-width: 1400px) {

        .mainwrapper .box {

            margin-right: 13px
        }

    }

body {
  font-family: "Adorsho Lipi", sans-serif !important;
}
@media only screen and (min-width: 960px) {
  body {
    font-family: "Adorsho Lipi", sans-serif !important;
    background: url("../img/body/bg_main.gif") repeat-y scroll center top
      rgba(0, 0, 0, 0);
  }
}
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
  left: 0;

  top: 0;

  height: 0px;

  width: 100%;

  z-index: -1;

  display: none;

  border: none;

  border-bottom: 1px solid #6b90da;

  margin: 0;

  box-shadow: 0 0 8px 1px #999;
}

body.bangla_font {
  font-family: "Adorsho Lipi", sans-serif !important;
}

body.english_font {
  font-family: Arial, sans-serif !important;
}

#google_translate_element {
  display: none; /* Hide Google Translate dropdown */
}

a,
.container a,
a h2 {
  color: #fff;

  text-decoration: none;
}

/* Top purple bar */

.top-bar {
  background-color: #6a1b9a;

  color: white;

  padding: 2px 0;

  font-size: 14px;

  border-bottom: 5px solid #609513;
}

.top-bar .btn {
  background: #609513;

  color: #ddd;

  padding: 0px 10px;

  align-items: center;
}

.top-bar .btn:hover {
  background: #008000;
}

#langDropdown {
  width: 120px;

  background: #fff;

  border: 1px solid #555;

  border-radius: 5px;
}

#langDropdown a {
  color: #333;

  border-bottom: 2px solid #555;

  display: block; /* ensure full width */

  padding: 5px 10px; /* optional spacing */
}

#langDropdown a:hover {
  background: #28a745;

  color: white;
}

#langDropdown a:last-child {
  border-bottom: none; /* remove border on last child */
}

#headerCarousel .carousel-item img {
  height: 220px; /* adjust height */

  object-fit: cover;
}

/* Left-center position for heading */

.fixed-carousel-title {
  position: absolute;

  top: 50%;

  padding-left: 20px;

  left: 20px; /* space from left edge */

  transform: translateY(-50%);

  display: flex;

  align-items: center;

  z-index: 10;
}

.fixed-carousel-title h2 {
  font-size: 1.2rem;

  padding: 10px;

  color: #fff;

  margin: 0;

  text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.6), 0px 6px 10px rgba(0, 0, 0, 0.5),
    0px 12px 20px rgba(0, 0, 0, 0.4);
}

.fixed-carousel-title .logo {
  width: 60px;

  margin-right: 10px;
}

@media (max-width: 576px) {
  .fixed-carousel-title {
    left: 10px; /* less space on mobile */
  }

  .fixed-carousel-title h2 {
    font-size: 0.8rem;

    padding: 0 10px;
  }

  .fixed-carousel-title .logo {
    width: 40px;
  }
}

/* Main Navbar */

.main-nav {
  border-bottom: 2px solid #ddd;
}

.main-nav .home {
  padding: 2px 5px;

  transition: background 0.3s ease;
}

.main-nav .home:hover {
  background: #fb7575;

  border: 1px solid #ff3232;
}

.main-nav .nav-link {
  font-weight: 400;

  font-size: 14px;

  border-right: 1px solid #ddd;

  padding: 10px 10px !important;

  transition: all 0.3s ease;

  white-space: nowrap;

  position: relative;
}

/* Dropdown Styling */

.dropdown-menu {
  border-radius: 0 !important;

  padding: 0;

  border: 1px solid #ddd;

  animation: dropdownFade 0.7s ease;

  border-top: 10px solid transparent; /* default transparent */

  border-bottom: 0px !important; /* default transparent */

  transition: border-color 0.3s ease;
}

.dropdown-item {
  font-size: 14px;

  padding: 8px 15px;

  background: #fff;

  color: #555 !important;

  border-bottom: 1px solid #ddd;

  transition: background 0.3s ease, color 0.3s ease;
}

.dropdown-item:last-child {
  border-bottom: none;
}

/* Animation */

@keyframes dropdownFade {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hover stay for open dropdown */

.nav-item.show > .nav-link {
  color: #fff !important;
}

/* Mobile Adjustments */

@media (max-width: 992px) {
  .navbar-nav .nav-link {
    border-bottom: 1px solid #ddd;
  }

  .navbar-nav .dropdown-menu {
    border: none;
  }
}

.notification-box {
  position: relative;

  background: #f8f8f8;

  border: 1px solid #ddd;

  padding: 1rem 1rem 1.5rem 2rem;

  width: 100%;
}

.corner-img {
  position: absolute;

  top: 0px;

  left: 0px;

  width: 80px;

  height: auto;
}

.notification-box h4 {
  font-weight: 600;

  color: #609513;

  margin-left: 65px; /* space for globe */
}

.notification-box ul {
  list-style: none;

  padding-left: 65px; /* align with heading text */

  margin-bottom: 1rem;
}

.notification-box ul li {
  margin-bottom: 0.5rem;

  display: flex;

  align-items: center;

  font-weight: 500;

  font-size: 13px;
}

.notification-box ul li a {
  color: #555;

  border-bottom: 1px dotted #555;
}

.notification-box ul li a:hover {
  color: #111;
}

.notification-box ul li .bi-check-circle-fill {
  color: #609513;

  margin-right: 0.5rem;

  flex-shrink: 0;
}

.notification-box button {
  float: right;

  margin-top: -20px;

  padding: 4px 10px;

  color: #222;

  font-size: 0.9rem;

  border-radius: 3px;

  background: #999;

  border: none;
}

.content-box {
  background-color: #f5f5f5 !important;

  border: 1px solid #ccc;

  float: left;

  padding: 10px;

  position: relative;

  overflow: hidden;

  color: #000;

  /* width: 326px !important; */

  -webkit-box-shadow: 0px 0px 4px 1px #0000002e;

  -moz-box-shadow: 0px 0px 4px 1px #0000002e;

  box-shadow: 0px 0px 4px 1px #0000002e;
}

.news-banner {
  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

  background: #f8f8f8;

  border: 1px solid #ddd;

  padding: 1rem 1rem 1.5rem 1rem;

  width: 100%;
}

.news-banner a {
  color: #333;
}

.news-banner a:hover {
  text-decoration: underline;
}

.news-banner b {
  margin-right: 0.5rem;
}

.news-banner button {
  background: #999;

  color: #222;

  border: none;

  padding: 0.25rem 0.75rem;

  border-radius: 3px;

  font-size: 0.9rem;
}

/* Make all content-box same height within each row */

.content-left .row {
  display: flex;

  flex-wrap: wrap;
}

@media only screen and (min-width: 960px) {
  .content-right {
    width: 720px !important;
  }

  .content-right {
    width: 200px !important;

    margin-left: 20px !important;
  }
}

.content-left .col-md-6 {
  display: flex;
}

.content-left .content-box {
  flex: 1;

  display: flex;

  flex-direction: column;

  border: 1px solid #ddd; /* just for visibility */

  padding: 10px;

  background: #fff; /* optional */
}

.content-box h5 {
  font-weight: 400;
  margin-bottom: 12px !important;
  font-size: 16px;
}

.content-box img {
  width: 100px;

  height: 100px;

  padding: 0px;

  margin-right: 5px;
}

.content-box ul {
  list-style: none;

  padding-left: 0;

  line-height: 5px;
}

.content-box ul li a {
  color: #666;

  font-size: 12px;

  line-height: 15px;

  margin-bottom: 5px;

  display: flex;

  align-items: flex-start;

  gap: 0.1rem;
}

.content-box ul li a:hover {
  text-decoration: underline;
}

.content-box ul li i {
  color: #198754;

  margin-top: 2px;

  margin-right: 0.2rem;

  flex-shrink: 0;
}

.content-box .icon-large {
  font-size: 3rem;

  color: #198754;

  margin-bottom: 1rem;

  display: block;
}

@media (max-width: 576px) {
  .content-box img {
    width: 100px;

    height: 100px;

    padding: 5px;

    margin-right: 10px;
  }

  .content-box ul li {
    font-size: 12px;
  }
}

/* slider */

.slider-container {
  max-width: 950px;

  margin: auto;
}

.main-slide {
  position: relative;

  overflow: hidden;
}

.main-slide img {
  width: 100%;

  height: 400px; /* fixed height */

  object-fit: cover; /* keeps aspect ratio, crops if needed */
}

.secondary-notice h5{
    font-size: 13px;
}
.arrow {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: rgba(255, 255, 255, 0.7);

  padding: 0 8px;

  border-radius: 50%;

  cursor: pointer;

  z-index: 2;
}

.arrow.left {
  left: 10px;
}

.arrow.right {
  right: 10px;
}

.caption-box {
  position: absolute;

  bottom: 10px;

  left: 10px;

  background: rgba(255, 255, 255, 0.8);

  padding: 2px 8px;

  font-weight: bold;

  font-size: 14px;
}

.thumbs {
  margin-top: 10px;

  display: flex;

  gap: 5px;

  justify-content: center;
}

.thumbs img {
  height: 50px; /* fixed thumbnail height */

  width: 80px;

  object-fit: cover;

  border: 2px solid transparent;

  cursor: pointer;
}

.thumbs img.active {
  border-color: #007bff;
}

.slide-counter {
  font-size: 14px;
}

.controls {
  font-size: 14px;
}

/* Right site */

@media (max-width: 992px) {
  .content-right {
    margin-top: 20px;
  }
}

.content-right {
  /* background: #c8e7c8; */

  border-radius: 5px;
}

.content-right h6 {
  border-radius: 0px;

  background: #609513;

  text-align: left;

  font-size: 0.8rem;

  font-weight: 700;
}

/* .sidebar-box {
  padding: 0 10px;
} */

.sidebar-box img {
  background: #fff;

  /* border: 5px dotted #00cc00; */

  border-radius: 2px;
  overflow: hidden;

  margin: 0 auto 0.75rem; /* centers image horizontally */

  object-fit: cover;

  display: block; /* needed for margin auto to work */
}

.sidebar-box h5 {
  font-weight: 600;

  margin-bottom: 0.5rem;

  font-size: 1rem;

  text-align: center;
}

.sidebar-box p {
  font-size: 12px;

  line-height: 1.4;
  margin-left: 0 !important;
  text-align: center;
}

.sidebar-box a {
  color: #28a745;

  text-decoration: none;

  display: block; /* make it take full width */

  text-align: right; /* push text to right side */
}

.sidebar-box a:hover {
  text-decoration: underline;

  color: #6a1b9a;
}

.btn-green {
  display: inline-block;

  background: linear-gradient(90deg, #008000 0%, #00cc00 100%);

  color: white;

  font-weight: 600;

  padding: 0.6rem 1rem;

  border-radius: 30px;

  box-shadow: 0 4px 8px rgba(0, 128, 0, 0.4);

  text-align: center;

  cursor: pointer;

  user-select: none;

  margin-bottom: 1rem;

  width: 100%;

  max-width: 300px;

  transition: background 0.3s ease;
}

.btn-green:hover {
  background: linear-gradient(90deg, #00cc00 0%, #008000 100%);

  box-shadow: 0 6px 12px rgba(0, 128, 0, 0.6);

  text-decoration: none;

  color: white;
}

.content-right .link-info {
  padding: 0 10px;
}

.content-right .link-info ul li {
  list-style: none;
}

/* .content-right .link-info ul li a{

        color: #333;

    } */

.content-right .link-info ul li a i {
  color: #00cc00;
}

/* .content-right .link-info ul li a:hover{

        color: #6a1b9a;

    } */

.secondary-notice .notice {
  /* background: #d4edda; */

  border-bottom: 1px solid #609513;

  color: #555;

  display: flex;

  align-items: center; /* icon at top */

  gap: 0.5rem; /* space between icon & text */

  font-size: 12px;

  padding: 0.7rem;

  font-weight: 600;
}

.secondary-notice .notice:last-child {
  border: none;
}

.secondary-notice .notice:hover {
  color: #111;

  text-decoration: underline;
}

.secondary-notice .hot-line {
  height: 100%;

  width: 100%;

  padding: 10px;
}

/* Responsive tweaks */

@media (min-width: 992px) {
  .main-content {
    display: flex;

    gap: 1rem;
  }

  .content-left {
    flex: 3;
  }

  .content-right {
    flex: 1;
  }
}

.custom-footer {
  background: #efefef;

  font-family: "SolaimanLipi", Arial, sans-serif; /* Bengali-friendly font */

  font-size: 14px;

  line-height: 1.5;

  color: #000;

  text-align: center;

  padding: 0;
}

.footer-top {
  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  position: relative;

  background: white;

  padding: 0;
}

.footer-line {
  position: absolute;

  top: 48%;

  left: 0;

  right: 0;

  height: 6px;

  background: #6e6e6e;
}

.footer-bottom {
  display: flex;

  font-size: 11px;

  justify-content: space-between;

  padding: 8px 20px;

  line-height: 25px;

  color: #333;
}

.footer-text {
  text-align: left;
}

.footer-text-right {
  text-align: right;
}

.footer-logos img {
  height: 40px;

  width: auto;
}

.footer-logos {
  display: flex;

  justify-content: flex-end;

  padding: 0;
}

@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);

    opacity: 0;
  }

  100% {
    transform: translateX(0);

    opacity: 1;
  }
}

.animate-slide-in {
  animation: slideInLeft 0.8s ease-out;
}