/* number of images*/
.gallery {
  --s: 500px;
  /* control the size */
  --d: 15s;
  /* animation duration */
  display: grid;
  width: var(--s);
  aspect-ratio: 1;
  overflow: hidden;
  padding: calc(var(--s)/20);
  border-radius: 50%;
  position: relative;
  clip-path: circle(49.5%);
  /* to avoid a few glitch caused by overflow: hidden */
}

.gallery::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: inherit;
    border-radius: inherit;
    background: repeating-conic-gradient(#faf6fa 0 30deg, #e42045 0 60deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

}

.gallery > img {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transform-origin: 50% 120.7106781187%;
}

.gallery::after,
.gallery > img {
  animation: m var(--d) infinite cubic-bezier(0.5, -0.2, 0.5, 1.2);
}

.gallery > img:nth-child(2) {
  animation-delay: calc(-0.25*var(--d));
}

.gallery > img:nth-child(3) {
  animation-delay: calc(-0.5*var(--d));
}

.gallery > img:nth-child(4) {
  animation-delay: calc(-0.75*var(--d));
}

@keyframes m {
  0%, 3% {
    transform: rotate(0);
  }
  23%, 28% {
    transform: rotate(-90deg);
  }
  48%, 53% {
    transform: rotate(-180deg);
  }
  73%, 78% {
    transform: rotate(-270deg);
  }
  98%, 100% {
    transform: rotate(-360deg);
  }
}












.code1751278414 {
    display: flex;
    justify-content: space-around;
}

.code1751278414 .mhead {
    
}

.code1751278414 .mtitle {
    
}

.code1751278414 .mdesc {
    
}

.code1751278414 .mbody {
    
}

.code1751278414 .mcontent {
    
}

/*Module specific style*/

/*Module specific style*/

@media (max-width: 767px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {
    
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 1200px) {
	
}