/* *{
  box-sizing: border-box;
} */
.Csc-banner .Csc-bnr-title{
  color: #2a1b16;
  font-family: roboto;
  font-size: 40px;
  margin-bottom: 10px;
  text-align: center;
  animation: animate-gglads-title 1s linear forwards;
}
.Csc-banner .Csc-bnr-title span{
  color: #1d473d;
}@keyframes animate-gglads-title{
  0%{
    transform: translateY(-20px);
    opacity: .1;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}
.gallary-section{
  box-sizing: border-box;
  width: 100%;
  padding: 5px 20px 0 20px;
  background-color: #1d473d;
}
section.gallary-section .gallary-container{
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 10px;
}
.gallary-container .items{
  min-height: 300px;
  min-width: 250px;
  transition: transform .2s linear;
  transform-origin: center;
}
.gallary-container .items:hover{
  transform: scale(1.02);
}
.gallary-container .gallary-img1{
    
 grid-column: 1/3;
 background: url(../img/Csc-imgs/img-gallary-imgs/1.jpeg);
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 animation: animate-gallary-img1 14s alternate linear infinite;
}
@keyframes animate-gallary-img1{
 0%{
  background-position: top;
 }
100%{
  background-position: bottom;
}
}
.gallary-container .gallary-img2{
  background: url(../img/Csc-imgs/img-gallary-imgs/2.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  grid-column: 3/4;
}
.gallary-container .gallary-img3{

  grid-row: 2/4;
  background: url(../img/Csc-imgs/img-gallary-imgs/3.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}
.gallary-container .gallary-img4{
grid-column: 2/4;
background: url(../img/Csc-imgs/img-gallary-imgs/4.jpeg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
animation: animate-gallary-img1 14s alternate linear infinite;
}
.gallary-container .gallary-img5{
  grid-row: 3/5;
  grid-column: 3/4;
  background: url(../img/Csc-imgs/img-gallary-imgs/5.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.gallary-container .gallary-img6{
  
  background: url(../img/Csc-imgs/img-gallary-imgs/6.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.gallary-container .gallary-img7{
  grid-column: 1/3;
  background: url(../img/Csc-imgs/img-gallary-imgs/7.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: animate-gallary-img1 14s alternate linear infinite;
}
.gallary-container .gallary-img8{
  
  background: url(../img/Csc-imgs/img-gallary-imgs/8.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.gallary-container .gallary-img9{
 grid-column: 2/4;
 background: url(../img/Csc-imgs/img-gallary-imgs/9.jpeg);
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 animation: animate-gallary-img1 14s alternate linear infinite;
}
.gallary-container .gallary-img10{
  grid-column: 1/3;
  background: url(../img/Csc-imgs/img-gallary-imgs/10.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: animate-gallary-img1 14s alternate linear infinite;
}
.gallary-container .gallary-img11{
  
  background: url(../img/Csc-imgs/img-gallary-imgs/11.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width:968px) {
  
}
@media (max-width:768px) {
  section.gallary-section {
    padding: 5px 10px;
  }
  section.gallary-section .gallary-container{
    gap: 5px;
  }
  .gallary-container .items{
    min-height: 100px;
    min-width: 120px;
  }
 
}