.notice-scroll-box {
      height: 400px;          
  overflow: auto;
  position: relative;
  padding-bottom: 31px;
    }
    
    
.title-area3 {
    position: relative;
    z-index: 2;
    margin-top: -3.0em;
    margin-bottom: -20px;
}



.left-notice-box,
.right-notice-box {
    max-height: 300px;   /* REQUIRED */
    overflow-y: auto;   /* REQUIRED */
}

    /* Scrollbar style */
    .notice-scroll-box::-webkit-scrollbar {
      width: 6px;
    }

    .notice-scroll-box::-webkit-scrollbar-thumb {
      background: #bbbbbbff;
      border-radius: 10px;
    }

    .notice-scroll-box::-webkit-scrollbar-track {
      background: #f1f1f1;
    }

    .notice-scroll-box::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 10px;
    }

    .notice-link {
      color: #000;
      font-weight: 500;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .notice-link i {
      font-size: 14px;
      color: #444;
    }


  
    /* Slide wrapper */
    .hero-inner {
      position: relative;
      width: 100%;
     
      	height: auto; 
      	display: block; 
      	object-fit: cover;

      /* desktop height */
      overflow: hidden;
    }

    @media (max-width: 768px) {
      .hero-inner {
        height: 320px;
        /* mobile height */
      }
    }

    /* Banner image container */
    .th-hero-bg {
      position: absolute;
     
      z-index: -1;
    }

    /* Banner image */
    .th-hero-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* desktop: no empty space */
      object-position: center;
      display: block;
    }

    /* Mobile: show full image (no cut) */
    @media (max-width: 768px) {
      .th-hero-bg img {
        object-fit: contain;
        background-color: #e5e5e5;
      }
      
      
      .shubh {
        margin: 40px 0px 6px;
        padding: 20px 0;
        background: #fde5eb; 
      }
      
      .header-img {
  max-height: 100px;
  width: auto;
}

.center-banner {
  display: block;
  margin: 0 auto;
}

.marquee:hover .marquee-inner {
  animation-play-state: paused; /* Pauses the animation on hover */
}



.marquee-area {
    position: relative;
}

.marquee-area::before,
.marquee-area::after {
    content: "";
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.marquee-area::before {
    left: 0;
    background: linear-gradient(to right, #fde5eb 0%, rgba(253,229,235,0) 100%);
}

.marquee-area::after {
    right: 0;
    background: linear-gradient(to left, #fde5eb 0%, rgba(253,229,235,0) 100%);
}
.marquee-slider1 .swiper-wrapper {
  transition-timing-function: linear !important;
}

.marquee-slider1 .swiper-slide {
  width: auto !important; /* important for slidesPerView:auto */
}

.marquee-card {
  white-space: nowrap;
}


.bg-style {
     margin-top: 35px;
        margin-bottom: 4px;
        padding: 8px 0px 9px;
        background: #fde5eb; 
}

.hero-style2 {
	padding:120px 0 140px 0;
	max-width:750px;
	height: 420px;
}

.center-static .swiper-wrapper {
    justify-content: center !important;
    transition: none !important;
    transform: none !important;
}

.center-static .swiper-slide {
    width: auto !important;
}


.marquee-slider1 .swiper-wrapper {
  transition-timing-function: linear !important;
}

.marquee-slider1 .swiper-slide {
  width: auto !important;
  flex-shrink: 0;
}



/* Center items when 1 or 2 exist */
.center-static .swiper-wrapper {
  justify-content: center !important;
  transform: none !important;
   overflow: hidden !important;
}

.center-static .swiper-slide {
  flex-shrink: 0;
    overflow: hidden !important;

}

/* Text styling */
.marquee-card a {
  white-space: nowrap;
  font-weight: 500;
  
  text-decoration: none;
}

.marquee-card a:hover {
  text-decoration: underline;
}
#heroSlide {
  opacity: 0;
  transition: opacity 0.4s ease;
}
#heroSlide.swiper-initialized {
  opacity: 1;
}




.notice-scroll-box {
          height: 280px;          /* must be fixed */
          overflow: hidden;       /* hide scrollbar */
          position: relative;
      }
      
     /* .th-hero-bg img { 
          width: 100%; 
          height: auto; 
          display: block ;  }
          
          .th-hero-wrapper { position: relative; margin-bottom: 40px;  }
          .swiper-slide { position: relative; min-height: 400px; }
          
          .th-hero-wrapper { z-index: 10; }
          #heroSlide { min-height: 500px;  }
          .banner-section { margin-bottom: 50px;  }*/
    }