body {
   font-family: 'Noto Sans Devanagari', sans-serif;
 }

 .banner {
   background-image: url('../images/banner-1.jpeg');
   background-repeat: no-repeat;
   background-size: cover;

   background-position: center;
 }

 .banner-content {

   padding: 20px 30px;
   border-radius: 10px;
 }

 .banner h2 {
   font-size: 2.5rem;
   font-weight: bold;
 }

 .banner small {
   font-size: 1.2rem;
 }

 .top-header {
   background: #0c3c60;
   border-bottom: 1px solid #ddd;
   padding: 5px 0;
 }

 .top-header .search-box {
   max-width: 250px;
 }

 .top-header .social-icons a {
   color: white;
   margin-left: 10px;
   font-size: 18px;
   transition: color 0.3s;
   text-decoration: none;
 }

 .top-header .social-icons a:hover {
   color: #ff6600;
 }

 .navbar {
   background-color: #0c3c60;
 }

 .navbar a {
   color: #fff !important;
   font-weight: 700;
   font-size: 20px;
 }

 .carousel img {
   width: 100%;
   object-fit: cover;
 }

 .carousel-caption {
   background: rgba(0, 0, 0, 0.5);
   padding: 10px;
   border-radius: 5px;
 }

 .content-section {
   padding: 40px 0;
 }

 .content-section img {
   width: 100%;
   border-radius: 6px;
 }


 p {
   color: gray;
   font-size: 18px;
   font-weight: bolder;

 }

 .copytext p {
   background-color: #0c3c60;
   color: white !important;
   text-align: center;
   margin: 0;
   padding: 5px 0;
   font-size: 15px;
 }

 .members img {
   width: 100%;
 }

 .ourwork {
   background-color: #eee;
   padding: 1px;
 }

 ul li {
   color: gray;
   font-size: 18px;
   font-weight: bolder;
 }




 /* <!-- CSS Styling --> */
 .gallery-thumb {
   height: 450px;
   width: 100%;
   object-fit: cover;
   cursor: pointer;
   border-radius: 8px;
   transition: transform 0.3s ease;
   size: 50px;
 }

 .gallery-thumb:hover {
   transform: scale(1.05);
 }



/* counter css */
/* Stamp / Register style card */
.stats .card{
    background: #fffdf8;
    border: 2px dotted #6c757d;
    border-radius: 6px;
    position: relative;
    box-shadow: none;
}

/* Light stamp feel on hover */
.stats .card:hover{
    background: #ffffff;
    border-color: #495057;
}

/* Optional: faint official seal line */
.stats .card::after{
    content: "";
    position: absolute;
    inset: 8px;
    border: 5px dashed rgba(108,117,125,0.4);
    pointer-events: none;
}