.gallerysection{max-width:100%; height:100vh; margin:0 auto; margin-top:0px; position:relative; }
.galleryheading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
	 transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;width:100%
}

.galleryheading .img{opacity: 1;transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;}
.galleryheading.move1 .img {
    transition: transform 0.3s ease-in-out; /* Smooth transition for hover effect */
    display: block; /* Ensure the image behaves as a block for proper centering */
    margin: 0 auto; /* Center the image horizontally */
    transform: scale(0.3);
	transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;
}


.galleryset {
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;opacity: 0;
	transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;overflow: hidden;
	
}

.galleryset img{border-radius:10px}
.galleryset img:hover{cursor:pointer}

.move1 .galleryset{opacity: 1;transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;}
.move1 .galleryset img {
    position: absolute;
    width: 0;
    height: 0;
    transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;
    transform: translate(0, 0) rotate(40deg) scale(1.1);
    height: auto;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}

.move1.move2 .galleryset{opacity: 1;transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;}

.move1.move2 .galleryset img {
    position: absolute;
    width: 0; /* Start with size 0 */
    height: 0;
    transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;
    transform: translate(0, 0);
    height: auto;
	 transform: rotate(0) scale(1.1);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}

.move1.move2 .galleryset img {
    transform: rotate(20deg);
}
.move1.move2 .galleryset .img1 {
    transform: translate(-80px, -180px) rotate(20deg);
	width:90px;
}
.move1.move2 .galleryset .img2 {
    transform: translate(100px, -120px) rotate(20deg);
	width:90px;
}
.move1.move2 .galleryset .img3 {
    transform: translate(-100px, 210px) rotate(20deg);
	width:70px;
}
.move1.move2 .galleryset .img4 {
    transform: translate(230px, 160px) rotate(20deg);
	width:90px;
}
.move1.move2 .galleryset .img5 {
    transform:translate(-210px, -80px) rotate(15deg);
	width:60px;
}
.move1.move2 .galleryset .img6 {
    transform: translate(240px, 0px) rotate(20deg);
	width:70px;
}
.move1.move2 .galleryset .img7 {
    transform: translate(120px, 280px) rotate(20deg);
	width:110px;
}
.move1.move2 .galleryset .img8 {
    transform: translate(-230px, 80px) rotate(15deg);
	width:90px;
}


/* Move3 */
.move1.move2.move3 .galleryset img{
    opacity: 1; /* Make visible on hover */
	height: auto;
	 transform: rotate(15deg) scale(1.1); /* Slight rotation and zoom effect */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}


.move1.move2.move3 .galleryset .img1,.move1.move2.move3 .galleryset .img2,.move1.move2.move3 .galleryset .img3,.move1.move2.move3 .galleryset .img4,.move1.move2.move3 .galleryset .img5,.move1.move2.move3 .galleryset .img6,.move1.move2.move3 .galleryset .img7,.move1.move2.move3 .galleryset .img8 {width:120px;}
.move1.move2.move3 .galleryset .img9,.move1.move2.move3 .galleryset .img10,.move1.move2.move3 .galleryset .img11,.move1.move2.move3 .galleryset .img12,.move1.move2.move3 .galleryset .img13,.move1.move2.move3 .galleryset .img14{width:80px;}

.move1.move2.move3 .galleryset .img1 {
    transform: translate(-160px, -300px) rotate(0deg);
}
.move1.move2.move3 .galleryset .img2 {
    transform: translate(210px, -300px) rotate(0deg);
}
.move1.move2.move3 .galleryset .img3 {
    transform: translate(-350px, 300px) rotate(0deg);
}
.move1.move2.move3 .galleryset .img4 {
    transform: translate(450px, 240px) rotate(0deg);
}
.move1.move2.move3 .galleryset .img5 {
    transform: translate(-460px, -180px) rotate(0deg);
}
.move1.move2.move3 .galleryset .img6 {
    transform: translate(510px, -70px) rotate(0deg);
}
.move1.move2.move3 .galleryset .img7 {
    transform: translate(110px, 320px) rotate(0deg);
}
.move1.move2.move3 .galleryset .img8 {
    transform: translate(-570px, 80px) rotate(0deg);
}
.move1.move2.move3 .galleryset .img9 {
    transform: translate(-160px, -120px) rotate(20deg);
}
.move1.move2.move3 .galleryset .img10 {
    transform:  translate(100px, -140px) rotate(20deg);
}
.move1.move2.move3 .galleryset .img11 {
    transform: translate(-80px, 140px) rotate(20deg);
}
.move1.move2.move3 .galleryset .img12 {
    transform: translate(150px, 140px) rotate(20deg);
}
.move1.move2.move3 .galleryset .img13 {
    transform:translate(-260px, 50px) rotate(20deg);
}
.move1.move2.move3 .galleryset .img14 {
    transform: translate(260px, 0px) rotate(20deg);
}



/* Move4 */
.move1.move2.move3.move4 .galleryset img{
    opacity: 1; /* Make visible on hover */
	height: auto;
	 transform: rotate(0) scale(1.1); /* Slight rotation and zoom effect */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}


.move1.move2.move3.move4 .galleryset .img1,.move1.move2.move3.move4 .galleryset .img2,.move1.move2.move3.move4 .galleryset .img3,.move1.move2.move3.move4 .galleryset .img4,.move1.move2.move3.move4 .galleryset .img5,.move1.move2.move3.move4 .galleryset .img6,.move1.move2.move3.move4 .galleryset .img7,.move1.move2.move3.move4 .galleryset .img8 {width:150px;}
.move1.move2.move3.move4 .galleryset .img9,.move1.move2.move3.move4 .galleryset .img10,.move1.move2.move3.move4 .galleryset .img11,.move1.move2.move3.move4 .galleryset .img12,.move1.move2.move3.move4 .galleryset .img13,.move1.move2.move3.move4 .galleryset .img14{width:120px;}

.move1.move2.move3.move4 .galleryset .img1 {
    transform: translate(-160px, -350px) rotate(-15deg);
}
.move1.move2.move3.move4 .galleryset .img2 {
    transform: translate(300px, -350px) rotate(-20deg);
}
.move1.move2.move3.move4 .galleryset .img3 {
    transform: translate(-380px, 350px) rotate(-10deg);
}
.move1.move2.move3.move4 .galleryset .img4 {
    transform: translate(500px, 300px) rotate(-20deg);
}
.move1.move2.move3.move4 .galleryset .img5 {
    transform: translate(-580px, -260px) rotate(-10deg);
}
.move1.move2.move3.move4 .galleryset .img6 {
    transform: translate(600px, -120px) rotate(-10deg);
}
.move1.move2.move3.move4 .galleryset .img7 {
    transform:translate(100px, 370px) rotate(-20deg) ;
}
.move1.move2.move3.move4 .galleryset .img8 {
    transform: translate(-680px, 120px) rotate(-20deg);
}
.move1.move2.move3.move4 .galleryset .img9 {
    transform: translate(-230px, -150px) rotate(0deg);
}
.move1.move2.move3.move4 .galleryset .img10 {
    transform:  translate(130px, -190px) rotate(0deg);
}
.move1.move2.move3.move4 .galleryset .img11 {
    transform: translate(-90px, 180px) rotate(0deg);
}
.move1.move2.move3.move4 .galleryset .img12 {
    transform: translate(190px, 170px) rotate(0deg);
}
.move1.move2.move3.move4 .galleryset .img13 {
    transform:translate(-330px, 110px) rotate(0deg);
}
.move1.move2.move3.move4 .galleryset .img14 {
    transform: translate(350px, -30px) rotate(0deg);
}


/* Move5 */
.move1.move2.move3.move4.move5 .galleryset img{
    opacity: 1; /* Make visible on hover */
	height: auto;
	 transform: rotate(0) scale(1.1); /* Slight rotation and zoom effect */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}


.move1.move2.move3.move4.move5 .galleryset .img1,.move1.move2.move3.move4.move5 .galleryset .img2,.move1.move2.move3.move4.move5 .galleryset .img3,.move1.move2.move3.move4.move5 .galleryset .img4,.move1.move2.move3.move4.move5 .galleryset .img5,.move1.move2.move3.move4.move5 .galleryset .img6,.move1.move2.move3.move4.move5 .galleryset .img7,.move1.move2.move3.move4.move5 .galleryset .img8 {width:200px;}
.move1.move2.move3.move4.move5 .galleryset .img9,.move1.move2.move3.move4.move5 .galleryset .img10,.move1.move2.move3.move4.move5 .galleryset .img11,.move1.move2.move3.move4.move5 .galleryset .img12,.move1.move2.move3.move4.move5 .galleryset .img13,.move1.move2.move3.move4.move5 .galleryset .img14{width:160px;}
.move1.move2.move3.move4.move5 .galleryset .img15,.move1.move2.move3.move4.move5 .galleryset .img16,.move1.move2.move3.move4.move5 .galleryset .img17,.move1.move2.move3.move4.move5 .galleryset .img18{width:100px;}

.move1.move2.move3.move4.move5 .galleryset .img1 {
    transform: translate(-210px, -700px) rotate(-15deg);
}
.move1.move2.move3.move4.move5 .galleryset .img2 {
    transform: translate(400px, -700px) rotate(-20deg);
}
.move1.move2.move3.move4.move5 .galleryset .img3 {
    transform: translate(-470px, 760px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img4 {
    transform: translate(730px, 620px) rotate(-20deg);
}
.move1.move2.move3.move4.move5 .galleryset .img5 {
    transform: translate(-750px, -700px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img6 {
    transform: translate(1120px, -250px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img7 {
    transform:translate(200px, 680px) rotate(-20deg);
}
.move1.move2.move3.move4.move5 .galleryset .img8 {
    transform: translate(-1200px, 220px) rotate(-20deg);
}
.move1.move2.move3.move4.move5 .galleryset .img9 {
    transform: translate(-500px, -260px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img10 {
    transform: translate(200px, -300px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img11 {
    transform: translate(-130px, 320px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img12 {
    transform:translate(310px, 310px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img13 {
    transform:translate(-530px, 200px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img14 {
    transform:translate(630px, 70px) rotate(-10deg);
}
.move1.move2.move3.move4.move5 .galleryset .img15 {
    transform: translate(-240px, -70px) rotate(20deg);
}
.move1.move2.move3.move4.move5 .galleryset .img16 {
    transform: translate(-250px, 90px) rotate(20deg);
}
.move1.move2.move3.move4.move5 .galleryset .img17 {
    transform:translate(210px, -80px) rotate(20deg);
}
.move1.move2.move3.move4.move5 .galleryset .img18 {
    transform:translate(250px, 90px) rotate(20deg);
}


/* Move6 */
.move1.move2.move3.move4.move5.move6 .galleryset img{
    opacity: 1; /* Make visible on hover */
	height: auto;
	 transform: rotate(15deg) scale(1.1); /* Slight rotation and zoom effect */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.galleryheading.move1.move6 .img {
    transition: transform 0.3s ease-in-out; /* Smooth transition for hover effect */
    display: block; /* Ensure the image behaves as a block for proper centering */
    margin: 0 auto; /* Center the image horizontally */
    transform: scale(0.6);
	transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;
}


.move1.move2.move3.move4.move5.move6 .galleryset .img1,.move1.move2.move3.move4.move5.move6 .galleryset .img2,.move1.move2.move3.move4.move5.move6 .galleryset .img3,.move1.move2.move3.move4.move5.move6 .galleryset .img4,.move1.move2.move3.move4.move5.move6 .galleryset .img5,.move1.move2.move3.move4.move5.move6 .galleryset .img6,.move1.move2.move3.move4.move5.move6 .galleryset .img7,.move1.move2.move3.move4.move5.move6 .galleryset .img8 {width:200px;}
.move1.move2.move3.move4.move5.move6 .galleryset .img9,.move1.move2.move3.move4.move5.move6 .galleryset .img10,.move1.move2.move3.move4.move5.move6 .galleryset .img11,.move1.move2.move3.move4.move5.move6 .galleryset .img12,.move1.move2.move3.move4.move5.move6 .galleryset .img13,.move1.move2.move3.move4.move5.move6 .galleryset .img14{width:200px;}
.move1.move2.move3.move4.move5.move6 .galleryset .img15,.move1.move2.move3.move4.move5.move6 .galleryset .img16,.move1.move2.move3.move4.move5.move6 .galleryset .img17,.move1.move2.move3.move4.move5.move6 .galleryset .img18{width:280px;}

.move1.move2.move3.move4.move5.move6 .galleryset .img1 {
    transform: translate(-210px, -700px) rotate(-15deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img2 {
    transform: translate(400px, -700px) rotate(-20deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img3 {
    transform: translate(-470px, 760px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img4 {
    transform: translate(730px, 620px) rotate(-20deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img5 {
    transform: translate(-750px, -700px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img6 {
    transform: translate(1120px, -250px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img7 {
    transform:translate(200px, 680px) rotate(-20deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img8 {
    transform: translate(-1200px, 220px) rotate(-20deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img9 {
    transform: translate(-630px, -720px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img10 {
    transform: translate(340px, -720px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img11 {
    transform: translate(-260px, 750px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img12 {
    transform:translate(460px, 770px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img13 {
    transform:translate(-660px, 720px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img14 {
    transform:translate(1200px, 170px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img15 {
    transform: translate(-600px, -190px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img16 {
    transform: translate(-590px, 290px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img17 {
    transform:translate(540px, -210px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6 .galleryset .img18 {
    transform:translate(540px, 310px) rotate(-10deg);
}
/* Move7 */
.move1.move2.move3.move4.move5.move6.move7 .galleryset img{
    opacity: 1; /* Make visible on hover */
	height: auto;
	 transform: rotate(15deg) scale(1.1); /* Slight rotation and zoom effect */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.galleryheading.move1.move6.move7 .img {
    transition: transform 0.3s ease-in-out; /* Smooth transition for hover effect */
    display: block; /* Ensure the image behaves as a block for proper centering */
    margin: 0 auto; /* Center the image horizontally */
    transform: scale(1);
	transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;
}


.move1.move2.move3.move4.move5.move6.move7 .galleryset .img1,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img2,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img3,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img4,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img5,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img6,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img7,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img8 {width:200px;}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img9,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img10,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img11,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img12,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img13,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img14{width:200px;}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img15,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img16,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img17,.move1.move2.move3.move4.move5.move6.move7 .galleryset .img18{width:400px;}

.move1.move2.move3.move4.move5.move6.move7 .galleryset .img1 {
    transform: translate(-210px, -700px) rotate(-15deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img2 {
    transform: translate(400px, -700px) rotate(-20deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img3 {
    transform: translate(-470px, 760px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img4 {
    transform: translate(730px, 620px) rotate(-20deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img5 {
    transform: translate(-750px, -700px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img6 {
    transform: translate(1120px, -250px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img7 {
    transform:translate(200px, 680px) rotate(-20deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img8 {
    transform: translate(-1200px, 220px) rotate(-20deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img9 {
    transform: translate(-630px, -720px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img10 {
    transform: translate(340px, -720px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img11 {
    transform: translate(-260px, 750px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img12 {
    transform:translate(460px, 770px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img13 {
    transform:translate(-660px, 720px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img14 {
    transform:translate(1200px, 170px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img15 {
    transform: translate(-790px, -760px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img16 {
    transform: translate(-860px, 790px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img17 {
    transform:translate(770px, -740px) rotate(-10deg);
}
.move1.move2.move3.move4.move5.move6.move7 .galleryset .img18 {
    transform:translate(910px, 780px) rotate(-10deg);
}



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
      background-color: rgb(94 94 94 / 20%);
    backdrop-filter: blur(5px);
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: auto;
    max-width: 900px;
    background: transparent;
	border-radius:30px
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 55px;
  right: 65px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  background: url(../images/gallery/close.png) no-repeat;
  background-position: center;
  background-size: cover;width: 56px;
    height: 56px;
    opacity: 1;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}


	.gallery-container{display:block}
	.mobilegallery-container{display:none}

@media (max-width: 992px) {
	.gallery-container{display:none}
	.mobilegallery-container{display:block; position:relative; overflow:hidden}
	.mobilegallery-container:before{content: "";
        width: 110%;
        height: 55px;
        border-radius: 60%;
        background: #111;
        position: absolute;
        top: -13px;
        left: -12px;z-index:15}
	.mobilegallery-container:after{content: "";
        width: 110%;
        height: 55px;
        border-radius: 60%;
        background: #111;
        position: absolute;        
        bottom: 12px;
        left: -12px;z-index:15}
	.gallery-slider{overflow:hidden;position:relative}
	.gallery-img{padding: 10px 0px 30px 10px;position:relative}
	
}