/*****************************styling for 2nd type**************************/
.gallery-section h1 {
  font-size: 36px;
  background-color: #fff4de;
  color: #333333;
  padding: 1.5rem 2rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem;
}
.gallery-section p{
  font-size: 18px;
  color: #757575;
  line-height: 1.5;
}
.gallery-section .gallery-img{
  width: 100%;
  height: 190px;
  object-fit: cover;
  object-position: top;
  margin: 1rem 0;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.gallery-section #gallerysection{
  margin: 2rem 1rem;
}
.gallery-section .gallery-img:hover{
  transform: scale3d(1.05, 1.05, 1.05);
  border: 3px solid #bfa5c9;
}
#lightgallery a img {
  width: 100%;
  height: auto;
  cursor: zoom-in; /* Indicate the image is zoomable */
}
/*media query for tab landscape*/
@media only screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {

}
/*media query for tab potrait*/
@media only screen and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) {
  #gallerysection{
    flex-direction: column;
    align-content: center;
  }
  .gallery-section .container{
    padding: 2rem 2rem;
  }
  .gallery-section .gallerimage{
    width: 400px;
  }
  .gallery-section .gallery-img{
    height: 300px;
    width: 400px;
  }
}
/*media query for landscape view*/
@media only screen and (min-width: 250px) and (max-width: 992px) and (orientation: landscape) {
  #gallerysection{
    flex-direction: column;
    align-content: center;
  }
  .gallery-section .container{
    padding: 2rem 2rem;
  }
  .gallery-section .gallerimage{
    width: 300px;
  }
}
/*Media query for mobile potrait*/
@media only screen and (min-width: 250px) and (max-width: 767px) and (orientation: portrait) {
  .gallery-section .container{
    padding: 2rem 2rem;
  }
}