 :root{
    --contest-color: #0015a6;
 }
 .mt-67{
    margin-top: 67px !important;
 }
 .contest-color{
    color: #00D9E6;
 }
 .loader{
    width: 50px !important;
    height: 50px !important;
 }  
 #participation_steps_section{
    z-index: 1;
    position: relative;
 }
 #borderimg {
    border-top: 0 !important;
    border: 3vw solid var(--contest-color);
    margin-top: 113px;
    padding: 10px;
    background-color: #fffbf4;
    position: relative;
    z-index: 0;
}


.r1_gratification{
    background: transparent;
}

/* @media screen and (min-width: 1201px) {
    .slide_header {
        margin-top: 0px !important;
    }
} */
.submit{
    background-color: var(--contest-color) !important;
}
@media (min-width: 1200px){
    .list-nav__wrap{
        right: 40px !important;
    }
}

.icon-instgram {
    padding: 5px;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    fill: #ffffff;
    min-width: 30px;
    text-align: center;
    line-height: 30px;
    border: none;
    height: 40px;
    position: absolute;
    border: 1pt solid #fff;
    border-right: none;
}
.icon-facebook {
    padding: 5px;
    background: #000fa9;
    fill: #ffffff;
    min-width: 30px;
    text-align: center;
    line-height: 30px;
    border: none;
    height: 40px;
    position: absolute;
    border: 1pt solid #fff;
    border-right: none;
}
hr{
    width: 200px;
    height: 4px;
    border-width: 0;
    background-color: var(--contest-color);
    opacity: 1;
    margin-top: 0 !important;
}
  .gallery-wrapper {
  max-width: 100%;     /* Adjust this as needed */
  margin: 0 auto;         /* Center the gallery */
  padding: 10px;
  border: 10pt solid #0002d7;
  position: relative;
}
    .masonry-grid {
        display: block;
    margin-left: 0px;
    width: auto;
    height: 600px !important;
    overflow: hidden;
    z-index: 0;
    @media(max-width: 600px){
        height: 150vh !important;
    }
}
@font-face {
  font-family: 'Algerian';
  src: url('/font/Algerian.ttf') format('truetype');
}
.kando-heading {
    font-family: 'Algerian', serif;
    /* font-family: 'UnifrakturCook', serif; */
    /* font-family: 'Permanent Marker', cursive; */
  /* font-family: 'Rock Salt', cursive; */
  font-size: 48px;
 
  text-shadow: 2px 2px 10px rgba(255,255,255,0.8);
}
.grid-sizer,
.grid-item {
  width: 10%; /* ~7 images per row */
  @media (max-width: 600px){
    width: 20%;
  }
}

.grid-item {
  padding-left: 5px;
  margin-bottom: 5px;
  float: left;
}

.grid-item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.logo-wrapper {
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
 }
 @keyframes glowPulse {
  0%, 100% {
    box-shadow:
      0 0 20px rgba(255, 255, 255, 1),
      0 0 40px rgba(255, 255, 255, 0.8),
      0 0 60px rgba(255, 255, 255, 0.6);
  }
  50% {
    box-shadow:
      0 0 40px rgba(255, 255, 255, 1),
      0 0 80px rgba(255, 255, 255, 0.9),
      0 0 100px rgba(255, 255, 255, 0.7);
  }
}
.logo-img {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px;
    /* border-radius: 10px; */
    box-shadow: none;
    max-width: 200px;
    width: 100%;
    height: auto;
    animation: glowPulse 2s infinite ease-in-out;
    /* border: 1pt solid transparent; */
    outline: none;
    
}
@media (max-width: 600px){
    .participate-box-wrapper{
        padding: 10px !important;
    }
}