/* India Top 10 */

    .nav-link20{ border:1px solid #ccc; color:#000; margin-bottom:5px;}
    .desc-tooltip { 
    cursor: help;
    color: #333;
    display: inline-block;
    max-width: auto;
     
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-body img {
    max-height: auto;
}

/* End India Top 10 */



/* Statewise-records css code [Explore State Records & Awards] */

/* small inline tweaks to match your card layout */
.record-card { border:1px solid #e6e6e6; padding:12px; border-radius:6px; background:#fff; transition:box-shadow .15s;}
.record-card:hover { box-shadow:0 6px 18px rgba(0,0,0,0.08); }
.image-box { height:180px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.image-box img { width:100%; height:100%; object-fit:cover; object-position:center; }

/* End Statewise-records css code [Explore State Records & Awards] */


 .scroll-area {
  max-height: 100vh;    /* limit height so it doesn't take full page */
  overflow-y: auto;    /* independent scroll */
  overflow-x: hidden;
  padding-right: 5px;
}

/* Optional: nice scrollbar */
.scroll-area::-webkit-scrollbar {
  width: 8px;
}
.scroll-area::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.scroll-area::-webkit-scrollbar-thumb:hover {
  background: #555;
}



 /* Cycle of Hope and Freedom */

.spinner-container { position: relative; width: 380px; height: 380px; }
    .layer { position: absolute; border-radius: 50%; transition: transform 4s cubic-bezier(0.25,1,0.3,1); overflow: hidden; }
    .layer1 { width: 380px; height: 380px; border:2px solid #606060; background: conic-gradient(#ff5722 0deg 72deg,#ffc107 72deg 144deg,#8bc34a 144deg 216deg,#00bcd4 216deg 288deg,#673ab7 288deg 360deg); }
    .layer2 { width: 260px; height: 260px; border:2px solid #606060; top: 60px; left: 60px; background: conic-gradient(#3f51b5 0deg 72deg,#009688 72deg 144deg,#cddc39 144deg 216deg,#ff9800 216deg 288deg,#9c27b0 288deg 360deg); }
    .layer3 { width: 140px; height: 140px; border:2px solid #606060; top: 120px; left: 120px; background: conic-gradient(#ffeb3b 0deg 72deg,#2196f3 72deg 144deg,#4caf50 144deg 216deg,#f44336 216deg 288deg,#795548 288deg 360deg); }
    .pointer { width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:24px solid black;position:absolute;left:50%;transform:translateX(-50%);z-index:10; }
    .pointer1 { top:1px; }
    .pointer2 { top:61px; }
    .pointer3 { top:121px; }
    .numbers { position:absolute;width:100%;height:100%;border-radius:50%; border:4px solid #fff; }
    .numbers span { position:absolute;font-weight:bold;color:#000; font-size:13px;transform:translate(-66%,-71%); width:20px; height:20px; background:#fff; border-radius:50%;  }
    
/* End Cycle of Hope  and Freedom */


/* Chain of Knowledge */

    .certificate {
      background-color: white;
      padding: 40px;
      border: 1px solid #ddd;
      max-width: 800px;
      margin: auto;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .logo {
      text-align: center;
      margin-bottom: 20px;
    }
    .logo img {
      width: 150px;
    }
    .title {
      text-align: center;
      font-weight: bold;
      font-size: 24px;
      color: #003366;
      margin-bottom: 10px;
    }
    .subtitle {
      text-align: center;
      font-size: 16px;
      margin-bottom: 30px;
    }
    .recipient {
      text-align: center;
      font-family: 'Cursive', sans-serif;
      font-size: 28px;
      color: #1a237e;
      margin-bottom: 10px;
    }
    .date {
      text-align: center;
      font-style: italic;
      margin-bottom: 30px;
    }
    .content {
      font-size: 16px;
      line-height: 1.6;
      text-align: justify;
    }
    .signature {
      margin-top: 40px;
      text-align: center;
    }
    .signature-name {
      font-weight: bold;
      margin-top: 5px;
    }
    .footer {
      text-align: center;
      font-size: 14px;
      color: #666;
      margin-top: 40px;
    }
    
/* End Chain of Knowledge */



/* Digi Stamp */

    .stamp-slider {
                      position: relative;
                      width: 100%;  /* adjust size */
                      height: auto;
                    }
                    
                    .stamp-slider img {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: auto;
                      opacity: 0;
                      transition: opacity 1s ease-in-out;
                    }
                    
                    .stamp-slider img.active {
                      opacity: 1;
                    }
                
/* End Digi Stamp */


/* Footer styles */
  .footer-box {
    background:url(images/bg-dot-light.png) #fdfdfd;
    color: #000;
    padding: 40px 0;
  }

  /* Social icons */
  .footer-box .footer-social-icons i {
    color: #ccc;
    margin: 0 10px;
    font-size: 1.5rem;
    transition: color 0.3s ease;
  }

  .footer-box .footer-social-icons i:hover {
    color: #3b5998;  
  }

  /* Line animation on hover */
  .footer-box a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #000; /* Line color */
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }

  .footer-box a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

  /* Add spacing between the links */
  .footer-box .col ul li {
    margin-bottom: 18px; 
    padding: 8px 0;  
    height: 40px;   
    display: flex;
    align-items: center; 
  }

  /* Column heading styling */
  .footer-box .col h5 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
  }

  .footer-box .col copy-right {
    font-size: 0.9rem;
    opacity: 0.8;
  }

  /* Add more space between the columns */
  .footer-box .col {
    margin-bottom: 20px;
  }

  .footer-box .col .footer-social-icons {
    margin-top: 20px;
  }

  /* Bottom footer text */
  .footer-box .col.text-center p {
    font-size: 1.1rem; padding-top:20px; border-top:1px solid #ccc;
  }
/* End Footer styles */


/* Footer Aboutus CSS Code */
        #typewriter {
            font-size: 33px;
            font-weight: bold;
             color: #0d4d98;
            white-space: nowrap;
            overflow: hidden;
            border-right: 2px solid black;
            width: fit-content;
            height: 100px;
        }
        
        .slide {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity 0.8s ease-in-out;
    }

    .slide.active {
        opacity: 1;
        z-index: 2;
    }

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

    .caption {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        text-align: center;
        padding: 10px;
        font-size: 18px;
        font-weight: bold;
    }
    .dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        background-color: #bbb;
        border-radius: 50%;
        cursor: pointer;
    }

    .dot.active {
        background-color: #333;
    }
    
    .abt-box1{background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
    background: linear-gradient(to right, #90caf9, #047edf 99%) !important; color:#fff
    }
    .abt-box2{    background: -webkit-gradient(linear, left top, right top, from(#f6e384), to(#ffd500)) !important;
    background: linear-gradient(to right, #f6e384, #ffd500) !important; color:#fff
    }
    .abt-box3{
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
    background: linear-gradient(to right, #84d9d2, #07cdae) !important; color:#fff
    }
    .abt-box4{background: linear-gradient(89deg, #5e7188, #3e4b5b) !important; color:#fff} 
    
    /* Years section */
    .timeline-section { padding: 60px 0; }
    .illustration {
      border-radius: 6px;
      box-shadow: 0 6px 18px rgba(18,18,18,0.04);
      overflow: hidden;
      background: white;
    }
    .illustration img {
      width: 100%;
      height: auto;
      display: block;
    }

     /* Right content */
    .meta-year { color: #222; font-weight: 700; display:inline-block; margin-bottom:10px; }
    .meta-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 14px; }
    .meta-desc { color: #4b4b4b; line-height: 1.7; }

    /* Year nav */
    .year-nav { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:36px; flex-wrap:wrap; }
    .nav-arrow {
      background: transparent;
      border: none;
      font-size: 1.2rem;
      padding: 8px 12px;
      cursor: pointer;
    }
    .year-btn {
      border: none;
      background: transparent;
      font-weight: 600;
      padding: 6px 12px;
      border-radius: 10px;
      cursor: pointer;
      transition: transform .08s ease;
    }
    .year-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(0, 123, 255, .12); }

    /* Active style like screenshot: yellow rounded box with blue outline */
    .year-btn.active {
      background: #ffde59;
      box-shadow: 0 0 0 3px rgba(17, 132, 255, .12);
      border-radius: 12px;
      font-weight: 700;
      transform: translateY(-1px);
    }

    /* image/text fade */
    .fade-in {
      animation: fadeInUp .28s ease forwards;
      opacity: 0;
    }
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(8px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* Responsive: stack on small screens */
    @media (max-width: 767.98px) {
      .meta-title { font-size: 1.25rem; }
      .year-nav { margin-top: 18px; }
    }
/* END Footer AboutUs CSS Code End */
    
/* Footer CorporateBranding 

    .heading{
        background-color: 	#F5F5F5;
        font-size: 45px;
    }
/* End Footer CorporateBranding CSS Code
    
    
/* Footer Library [state page] */
    
    #hotspot-26991 .hotspots-placeholder {
		background: #2E2D29;
		border: 0 #2E2D29 solid;
		color: #DFEBE5;
	}

	#hotspot-26991 .hotspot-title {
		color: #93C7A4;
	}

			#hotspot-26991 .hotspot-default {
			stroke-width: 2;
			fill: #ffffff;
			fill-opacity: 0;
			stroke: #ffffff;
			stroke-opacity: 0;
		}
		#hotspot-26991 .hotspot-default:hover,
		#hotspot-26991 .hotspot-default:focus,
		#hotspot-26991 .hotspot-default.hotspot-active {
			fill: #000;
			fill-opacity: 0.71;
			stroke: #000;
			stroke-opacity: 1.01;  
		}
		#hotspot-26991 .leaflet-tooltip,
		#hotspot-26991 .leaflet-rrose-content-wrapper {
		background: #e40000;
		border-color: #e40000;
		color: #DFEBE5;
	}

	#hotspot-26991 a.leaflet-rrose-close-button {
		color: #93C7A4;
	}

	#hotspot-26991 .leaflet-rrose-tip {
		background: #2E2D29;
	}

	#hotspot-26991 .leaflet-popup-scrolled {
		border-bottom-color: #DFEBE5;
		border-top-color: #DFEBE5;
	}

	#hotspot-26991 .leaflet-tooltip-top:before {
		border-top-color: #2E2D29;
	}

	#hotspot-26991 .leaflet-tooltip-bottom:before {
		border-bottom-color: #2E2D29;
	}
	#hotspot-26991 .leaflet-tooltip-left:before {
		border-left-color: #2E2D29;
	}
	#hotspot-26991 .leaflet-tooltip-right:before {
		border-right-color: #2E2D29;
	}
	
/* End Library [state page] */

 
 /* The Book */
    /* Loader styles  */
    
    
    #loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      z-index: 10;
    }

    /* Hide loader when video is ready */
    #loader.hidden {
      display: none;
    }

    .book-card-body {
        background:#f9fbff;
    }
 /* End The Book */



/* Record Detail CSS Code [Indian Records with a specific recorded person details] */
/* Light Box CSS Code

        .record-detail {
            max-width: 800px;
            margin: 20px auto;
            border: 1px solid #ddd;
            padding: 15px;
            border-radius: 6px;
            font-family: Arial, sans-serif;
        }
        .record-detail img {
            max-width: 100%;
            height: auto;
            margin-bottom: 15px;
        }
        .gallery-thumb {
            max-width: 150px;
            margin: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
            transition: 0.3s;
        }
        .gallery-thumb:hover {
            transform: scale(1.05);
            border-color: #777;
        }
        .banner-img {
            background: url('https://gomummy.website/demo/ibr/images/banner-image.jpg') no-repeat center center;
            background-size: cover;
            padding: 3rem;
            color: white;
            text-align: center;
        }
        .record-card h5 a{color:#000; text-decoration:none;}
        .subnavv {color:#545454;}
        .subnavv a{color:#545454; text-decoration:none; }
        .subnavv a:hover{color:#3475ac;}

        .lg-outer .lg-thumb-item img {object-position: center top;}
/* Record Detail CSS Code [Indian Records with a specific recorded person details] */



/* Index CSS Code */

/* End Index CSS Code */



/* Header CSS Code */


/* End Header CSS Code */



/* Legacy View [] CSS Code */

    .legacy-banner h1 {
        position: absolute;
        bottom: 20px;
        border-radius: 5px;
        text-align: center; width: 100%;
    }
    .small-box {
        background: #f8f9fa;
        padding: 20px;
        border-left: 4px solid #0d6efd;
        margin-top: 30px;
    }
     
/* End Legacy View CSS Code */



/* */

    .news-container {  
      max-width: 1000px;
      margin: 20px auto;
      background: white; 
      padding: 20px 40px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .topbar {
      align-items: center;
      border-bottom: 5px solid #000;
      border-top: 2px solid #000;
      padding-bottom: 10px;
    }
    .topbar h1 {
      margin: 0;
      font-weight: 900;
      font-size: 3.8rem;
      text-transform: uppercase;
    }
    .topbar .news-highlight {
      color: #00d2c7;
      margin-left: 10px;
    }
    .topbar .right-box {
       height: auto;
      background: #c7d6e6;
    }
     
    .subtitle-bar {
      background: #000;
      color: white;
      font-size: 0.9rem;
      padding: 5px 10px;
      margin: 10px 0 20px;
    }
    
    .rightbx {
      background: #27c0bb;
      color: white;
      font-size: 0.9rem;
      padding: 5px 10px;
      margin: 10px 0 20px;
    }
    
    .report-image {
      width: 100%;
       
    }
    .section-title {
      font-size: 3.8rem;
      line-height: 60px;
      font-weight: bold;
      color: white;
      
    }
 
    .small-note {
      font-size: 0.75rem;
      color: #00d2c7;
      font-style: italic;
    }
    .footer-bar {
      text-align: left;
      font-size: 0.7rem;
      
      background: white;
      border-top: 2px solid #000;
 
     
    }
    
   .home-btn{font-size:12px; padding: 3px 8px; color:#105e5b; background:#d6edec; border:0;}
   .pdf-btn{font-size:12px; padding: 3px 8px; color:#105e5b; background:#d6edec; border:0;}
   .img-download-btn{font-size:12px; padding: 3px 8px; color:#105e5b; background:#d6edec; border:0;}
  .small-note {
    font-size: 0.8rem;
    color: #00d2c7;
    font-style: italic;
  }
  .article-title {
    font-weight: bold;
    font-size: 1.1rem;
  }
 
/* */








/* Explore Page */


/* Loader full screen 
#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff; /* loader background 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999; /* on top of everything 
    transition: opacity 0.8s ease, visibility 0.8s ease;
}

/* Hidden state 
#page-loader.hidden {
    opacity: 0;
    visibility: hidden;
}

/* Loader animation (simple spinner) 
.loader-inner {
    width: 60px;
    height: 60px;
    border: 6px solid #ccc;
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}






#intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url('images/explore-intro.webp') center center / cover no-repeat;
    transform-origin: center center;
    z-index: 2;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
  #intro video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.8s ease-out;
  }

/* Content always fixed behind intro 
#content {
    position: fixed;  /* always top 
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* top-aligned 
    align-items: center;
      
    z-index: 1; /* behind intro 
}
 
 
.navbar-custom { 
  background-color: #fff; 
  padding: 1rem; 
  height: 100%; 
  position: sticky; 
  top: 0; 
  overflow-y: auto;
  scrollbar-width: none; /* Firefox 
  -ms-overflow-style: none; /* IE and Edge 
}

.navbar-custom::-webkit-scrollbar {
  display: none; /* Chrome, Safari 
} 
 
  
.navbar-custom ul {  
  background: url('images/menu-lines.png') 10px 10px repeat-y; 
  margin-left: 23px; 
  margin-top: 22px;
} 
 
.navbar-custom ul li a { 
  cursor: pointer; 
  display: block;  
  text-decoration: none; 
  color: #000; 
  font-size: 13px; 
  height: 36px;  
  padding-left: 25px;   
  transition: color 0.3s ease;
  position: relative; /* Added - allows absolute positioning of arrow 
}

.navbar-custom ul li a:hover, 
.navbar-custom ul li a.active { 
  color: #000;  
  font-weight: bold;  
}

.navbar-custom ul li a.active::before {
  content: ""; 
  background: url('images/arrow.png') no-repeat center left;
  width: 8px;
  height: 11px;
  position: absolute; /* Added - prevents text from shifting 
  left: 0;            /* Fixes arrow position 
  top: 50%; 
  transform: translateY(-121%); /* Centers vertically 
}

.card-title a{ color:#000 !important; text-decoration:none !important;}
.card-title a:hover{ color:#ccc !important; text-decoration:none !important; transition: color 0.3s ease;}

/* Right content scroll 
.portfolio-content { 
  height: 100vh; 
  overflow-y: auto; 
  padding-left: 15px; 
}

#portfolio-items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  position: relative;
}

.card-container {
  flex: 0 0 calc(50% - 15px);
  margin-bottom: 30px;
  position: relative;
  transition: transform 0.6s ease, opacity 0.6s ease;
  will-change: transform;
  opacity: 1;
}

/* Optional: smoother scale/opacity for hidden items 
.card-container.hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.8);
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.card-container.step { 
  margin-top: 100px; /* increased gap between first and second row 
}
.card { background:none !important; border:0 !important; }
.card-image { width: 100%; height: auto; }

/* Hover erase effect 
.erase-container {
  position: relative;
  width: 400px;
  height:500px;
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
}
 
.erase-container img {
  position: absolute;
  inset: 0;
  width: 100%;
	height: 500px;   /* fixed height 
  object-fit: cover;
  border-radius: 16px;
  user-select: none;
  pointer-events: none;
}

.main-img { z-index: 1; }
.reveal-img {
  z-index: 2;
  opacity: 0;
  clip-path: circle(0 at 0 0);
  transition: clip-path 0.25s ease, opacity 0.25s ease;
}
 
.card-body{width:400px;}

@keyframes ripple {
  0% { transform: scale(0.9); opacity: 0.6; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.6; }
}

/* End Explore Page */



/* E-Product View */

.gallery-thumb:hover { border: 2px solid #007bff; }

/* End E-Product View */



/* Categorys - categorys.php CSS Code [Category's specific like individual] */


.records-list {
    display: inline-block;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}
.record-card {
    flex: 0 0 calc(25% - 20px);
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    text-align: center;
    background: #fff;
    transition: transform 0.2s, box-shadow 0.2s;
    overflow: hidden;
}

.record-card .image-box {
    width: 100%;
    height: 300px; /* fixed height */
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.record-card .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.record-card h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.record-card p {
    font-size: 14px;
    color: #fff;
     
    overflow: hidden;
}

.record-card .btn {
    margin-top: 10px;
}

.record-card:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.record-card h5 a{color:#fff; text-decoration:none;}
.subnavv {color:#545454;}
.subnavv a{color:#545454; text-decoration:none; }
.subnavv a:hover{color:#3475ac;}


.bg-rainbow-1 { background: #2e7d32; }  
.bg-rainbow-2 { background: #01579b; }  
.bg-rainbow-3 { background: #b71c1c; }   
.bg-rainbow-4 { background: #00695c; }   
.bg-rainbow-5 { background: #e65100; }  
.bg-rainbow-6 { background: #6a1b9a; }   
.bg-rainbow-7 { background: #1a237e; }  
.bg-rainbow-8 { background: #004d40; }
/* Tablet: 3 per row */
@media (max-width: 992px) {
  .record-card1 {
    width: calc(33.33% - 20px);
  }
}

/* Mobile: 2 per row */
@media (max-width: 768px) {
  .record-card1 {
    width: calc(50% - 20px);
  }
  .image-box1 {
    height: 200px;
  }
}

/* Small Mobiles: 1 per row */
@media (max-width: 480px) {
  .record-card1 {
    width: 100%;
  }
  .image-box1 {
    height: 180px;
  }
}

/* Hover effect */
.record-card1:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.record-card1 h5 a {
  color: #fff;
  text-decoration: none;
}
/* End Categorys CSS Code */



/* Category-1 CSS Code [indianrecords] */

.records-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}
.record-card1 {
    flex: 0 0 calc(25% - 20px);
    box-sizing: border-box;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
    overflow: hidden;
    border-radius: 12px;
    color: #fff;
}

.record-card1 .image-box1 {
    width: 100%;
    height: 400px; /* fixed height */
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
   
}

.record-card1 .image-box1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
   
}

.record-card1 h5 {
    font-size: 18px;
   
    margin: 10px 0 10px 0;
}

.record-card1 p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}

.record-card1 h5 a {
    color: #fff;
    text-decoration: none; 
    text-align: center;
}
.record-card1 h5 a:hover {
    text-decoration: none;
}

.subnavv {color:#545454;}
.subnavv a {color:#545454; text-decoration:none;}
.subnavv a:hover {color:#3475ac;}

 
.bg-rainbow-1 { background: #2e7d32; }  
.bg-rainbow-2 { background: #01579b; }  
.bg-rainbow-3 { background: #b71c1c; }   
.bg-rainbow-4 { background: #00695c; }   
.bg-rainbow-5 { background: #e65100; }  
.bg-rainbow-6 { background: #6a1b9a; }   
.bg-rainbow-7 { background: #1a237e; }  
.bg-rainbow-8 { background: #004d40; } 

/* End Category-1 CSS Code [indianrecords] */



/* E-commerce CSS Code */

.product-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

/* End E-commerce CSS Code */



/* Hall of fame newspaper css code */

    
    .news-container {  
      max-width: 1000px;
      margin: 20px auto;
      background: white; 
      padding: 20px 40px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .topbar {
      align-items: center;
      border-bottom: 5px solid #000;
      border-top: 2px solid #000;
      padding-bottom: 10px;
    }
    .topbar h1 {
      margin: 0;
      font-weight: 900;
      font-size: 3.8rem;
      text-transform: uppercase;
    }
    .topbar .news-highlight {
      color: #d4155b;
      margin-left: 10px;
    }
    .topbar .right-box {
       height: auto;
      background: #c7d6e6;
    }
     
    .subtitle-bar {
      background: #000;
      color: white;
      font-size: 0.9rem;
      padding: 5px 10px;
      margin: 10px 0 20px;
    }
    
    .rightbx {
      background: #d4155b;
      color: white;
      font-size: 0.9rem;
      padding: 5px 10px;
      margin: 10px 0 20px;
    }
    
    .report-image {
      width: 100%;
       
    }
    .section-title {
      font-size: 3.8rem;
      line-height: 60px;
      font-weight: bold;
      color: white;
      
    }
 
    .small-note {
      font-size: 0.75rem;
      color: #d4155b;
      font-style: italic;
    }
    .footer-bar {
      text-align: left;
      font-size: 0.7rem;
      
      background: white;
      border-top: 2px solid #000;
 
     
    }
    
   .home-btn{font-size:12px; padding: 3px 8px; color:#913165; background:#ffd5e4; border:0;}
   .pdf-btn{font-size:12px; padding: 3px 8px; color:#913165; background:#ffd5e4; border:0;}
   .img-download-btn{font-size:12px; padding: 3px 8px; color:#913165; background:#ffd5e4; border:0;}
  .small-note {
    font-size: 0.8rem;
    color: #d4155b;
    font-style: italic;
  }
  .article-title {
    font-weight: bold;
    font-size: 1.1rem;
  }
 
/* End Hall of fame newspaper */


/* T-shirt CSS Code */

.wheel-container {
  position: relative;
  width: 420px;
  height: 420px;
  margin: auto;
  overflow: visible; /* allow pointer to stick out */
}

.spinner-container {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden; /* keeps the wheel circular */
}

.wheel {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.pointer {
  position: absolute;
  top: -64px; /* move above wheel */
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

.pointer img {
  width: 50px;
  height: auto;
}

.center-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  pointer-events: none;
}

.center-logo img {
  width: 100px;
  height: auto;
}

.wheel img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
 /* End T-shirt CSS Code */
 
 
 
 /* Record Application [Set a Record] */
.form-switch .form-check-input {width: 4em;}
.form-check-input {height: 1.5em;}
.preview-item {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.preview-item:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
 
.step-circle {width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#555;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.step-circle.active{background:#007bff;color:#fff;}
.step-circle.completed{background:#28a745;color:#fff;}
.step-line{flex:1;height:4px;background:#ccc;margin:0 5px;}
#progressbar{display:flex;align-items:center;justify-content:center;margin-bottom:15px;}
.step-line {
  flex: 1;
  height: 4px;
  background: #ccc;
  margin: 0 5px;
  transition: background 0.3s ease;
}
.step-line.completed {
  background: #28a745 !important; 
}
.applicant-option {
  position: relative;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 1px 0px;
  display: block;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease;
  flex: 1 1 50px;   
  min-width: 150px;
  text-align: center;
}

.applicant-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.applicant-option .option-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease;
}

.applicant-option:hover {
  border-color: #0d6efd;
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.applicant-option input:checked + .option-content {
  background-color: #0d6efd;
  color: #fff;
  border-radius: 10px;
  transform: scale(1.05);
  padding: 10px;
}

.form-control:focus, .form-select:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 10px rgba(13, 110, 253, 0.2);
  transition: all 0.3s ease;
}

.form-control, .form-select, textarea {
  border-radius: 12px;
  padding: 16px 15px;
  font-size: 1.05rem;
  transition: all 0.3s ease;
}

.form-control:hover, .form-select:hover, textarea:hover {
  border-color: #0d6efd;
  box-shadow: 0 5px 10px rgba(13, 110, 253, 0.1);
}

.form-floating > label {
  font-weight: 500;
  color: #495057;
  transition: all 0.3s ease; 
}

.form-floating>label {left:10px;}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-select:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: #0d6efd;
  transform: translateY(-0.7rem) scale(0.85);
}

.form-floating>.form-select {
    padding-top: 0.625rem;
    padding-bottom: .625rem;
}

/* Smooth buttons */
.application-type-btn {
  border-radius: 12px;
  padding: 18px 25px;
  font-size: 1rem;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  min-width: 220px;
}

.application-type-btn:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

/* Checked */
.btn-check:checked + .application-type-btn {
  color: #fff !important;
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  transform: scale(1.05);
}

.application-type-btn::before {
 
  display: inline-block;
  margin-right: 8px;
  transition: transform 0.3s ease;
}

.btn-check:checked + .application-type-btn::before {
  transform: rotate(20deg) scale(1.2);
}
/* World [Observatory] */ 

    body {
      background: #f5f5f5; 
    }
    .world-top-nav1, .world-content-section {
      position: relative;
      z-index: 1000;
    }
     @media (min-width: 992px) {
    .modal-dialog.modal-dialog-centered.custom-width {
      max-width: 800px;
    }
  }
    .slider-link{ list-style-type: disc; color: #b3b3b3; text-decoration: none;}
    .slider-link:hover{  color: #000;}
    .world-slider-section {
      position: relative;
      z-index: 1;
    } 
    .world-top-nav1 {
      background: #f5f5f5;
      text-align: center;
      padding: 10px 0;
    }
    .world-top-nav1 li::before{color:#ccc;}
    .world-top-nav1 .btn {
      background: #f2f2f2;
      margin: 0 5px;
      font-weight: 600;
    }
    .world-top-nav1 .btn:hover {background:#e5e5e5;}
    .world-top-nav1 .btn.active {
      background: #000;
      color: #fff;
    }
    .world-content-section {
      display: none;
      position: absolute;
      top: 58px;
      left: 0;
      width: 100%;
      background: #fff;
      padding: 15px;
      border-bottom: 2px solid #ddd;
      z-index: 2000;
	  height:270px; 
	  text-align:left;
	    overflow-y: auto;
    }
    .world-content-section h6 span{text-transform: uppercase; padding:4px; font-style: italic; border-bottom:1px solid #000; border-top:1px solid #000;}
    .world-slider-section {
      text-align: center;
      padding: 60px 20px;
      background: url('https://upload.wikimedia.org/wikipedia/commons/c/cb/The_Earth_seen_from_Apollo_17.jpg') no-repeat center center;
      background-size: cover;
      position: relative;
      color: #fff;
    }
    .world-slider-section h1 {
      font-size: 3rem;
      font-weight: bold;
    }
    .world-slider-section h3 {
      font-weight: 700;
    }
    .world-slider-section .btn-outline-light {
      margin: 5px;
    }
    .world-slider-controls {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
    }
	 
.modal-backdrop {--bs-backdrop-bg:none;}

 /* End World [Observatory] */
 
 
 
 /* Submenu - details CSS Code [witn particular state academic application forms page]

 .ecom-btn {
    display: inline-block;
    padding: 5px 14px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #28a745;
    border: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 93% !important;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
} 


.navbar {
  transition: all 0.3s ease-in-out;
  --bs-navbar-padding-y: 0.1rem;
  background: #4d4d4d !important;
}

.navbar-brand img {
  transition: transform 0.3s ease;
}
.navbar-brand img:hover {
  transform: scale(1.05);
}

.nav-link {
  color: #fff !important;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.nav-link:hover {
  color: #fff !important;
  background-color:#23628d;
 
}

.dropdown-menu {
  border: none;
  margin-top: 0.5rem; background:#f2f2f2;
}
.dropdown-item:hover {
  background-color: #f8f9fa;
  color: #23618c;
}

/* Top Row - logo + button + language 
.top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 25px;
  background: #fff;
  border-bottom: 1px solid #eee;
}

.top-left {
  display: flex;
  align-items: center;
}

.top-left .navbar-brand img {
  height: 80px;
}

.top-left .caption {
  border-left: 2px solid #ddd;
  margin-left: 15px;
  padding-left: 15px;
}

.top-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* remove gap 
}

 
.dropdown-menu {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  display: block;
  visibility: hidden;
}

.nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
 

 .caption small {font-size: 1.1em;}
.sttd{transition: all 0.3s ease;}
.sttd:hover{transform: translateY(-2px);  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);}
@media (max-width: 992px) {
  .top-header {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
 .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        left: 0px;
    }
  .top-right {
    flex-direction: column;
  }
}

/* 2 

 .quiz-card{max-width:920px; width:100%; margin:0px auto;}
    .option-label{display:block;padding:12px;border-radius:8px;border:1px solid transparent;transition:all .18s ease;margin-bottom:8px}
    .option-label:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(20,20,50,.06)}
    .option-input:checked + .option-label{border-color:#0d6efd;background:linear-gradient(90deg, rgba(13,110,253,0.06), rgba(13,110,253,0.02));}
    .progress-segments{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:12px}
    .seg{font-size:12px;padding:6px 8px;border-radius:6px;border:1px solid #e9ecef;background:#fff;min-width:48px;text-align:center}
    .seg.active{background:#0d6efd;color:#fff;border-color:#0d6efd}
    .tick{height:6px;width:6px;border-radius:50%;background:#dee2e6;display:inline-block;margin-right:6px}
    .tick.done{background:#0d6efd}
    .small-muted{font-size:13px;color:#6c757d}
    .q-number{font-weight:600;color:#0d6efd}
    
    
    
/*Box Image View 
.team-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
}

.team-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.team-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.team-card-body {
  padding: 20px;
}

.team-card h5 {
  font-weight: 600;
  margin-bottom: 6px;
}

.team-card p {
  margin: 0;
  font-size: 15px;
  color: #555;
}
 

.arrow-icon {
  position: absolute;
  bottom: 15px;
  right: 20px;
  font-size: 22px;
  color: #000;
  opacity: 0.6;
  transition: 0.3s;
}

.team-card:hover .arrow-icon {
  opacity: 1;
  transform: translateX(3px);
}


.expanded-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: rgba(0,0,0,0.6);
  z-index: 999; 
  align-items: top center;
  justify-content: center;
  padding: 40px;
}

.expanded-container > div {
  background: #fff;
  max-width: 900px;
  width: 100%; margin: 0px auto;
  border-radius: 12px;
  z-index: 1060;
}
/* End submenu-details */