*
{
font-family: "Poppins", sans-serif;
}


/*Blink Effect*/

@keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }

        .blink {
            animation: blink 2s infinite;
        }

.img-dignitries
{
  
  padding: 5px;
 
  /* (B2) COLORS */
  border: 2px dashed #ddd;
  background: #fff;
 
  /* (B3) IMAGE RESIZE */
  /* cover | contain | fill | scale-down */
  object-fit: cover;
	
}

.name-digitries
{
	color:#a7161b; 
  margin-top: 10px;
}


.name-medal
{
  color:#a7161b; 
  margin-top: 10px;
  font-size: 18px;
 
}

.section-header
{
	 color: #a7161b;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 0px;
    text-shadow: 1px 1px 2px #0000001a;
    text-transform: uppercase;
}

/* Gallery CSS */

/* (A) GALLERY WRAPPER */
.gallery {
  /* (A1) GRID LAYOUT - 3 IMAGES PER ROW */
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-gap: 20px;
 
  /* (A2) OPTIONAL WIDTH RESTRICT */
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
 
/* (B) GALLERY IMAGES */
.gallery img {
  /* (B1) DIMENSION */
  width: 100%;
  height: 200px; /* optional */
  padding: 10px;
 
  /* (B2) COLORS */
  border: 1px solid #ddd;
  background: #fff;
 
  /* (B3) IMAGE RESIZE */
  /* cover | contain | fill | scale-down */
  object-fit: cover;
}
 
/* (C) ON SMALL SCREENS - 2 IMAGES PER ROW */
@media only screen and (max-width: 600px) {
  .gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
 
/* (D) OPTIONAL ZOOM ON HOVER */
.gallery img:hover {
  z-index: 9;
  transform: scale(1.1);
  /* linear | ease | ease-in | ease-out | ease-in-out */
  transition: transform ease 0.5s;
}
 
/* (E) FULLSCREEN MODE */
.gallery img.full {
  position: fixed;
  top: 0; left: 0; z-index: 999;
  width: 100vw; height: 100%;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.7);
}
.gallery img.full:hover {
  z-index:1000;
  transform: none;
}


/*Medals CSS*/

.medal-img {
  /* (B1) DIMENSION */
  margin: auto;
  width: 200px;
  height: 200px; /* optional */
  /*padding: 5px;*/
 
  /* (B2) COLORS */
  /*border: 2px dashed #ddd;*/
  /*background: #fff;*/
 
  /* (B3) IMAGE RESIZE */
  /* cover | contain | fill | scale-down */
  /*object-fit: fill;*/
  
  
}

.medal-banner
    {
       /* Replace with your image URL */
      background-size: cover; /* Adjusts the image to cover the entire div */
      background-position: center; /* Centers the image */
      width: 350px;
      height: 200px; /* Full viewport height */
    }