body {
  background-color: #FDFDFD;
  margin: 0%;
  padding: 0%;
  overflow-x: hidden;
}

@font-face {
  font-family: hfont;
  src: url(/font/h1.otf);
}

@font-face {
  font-family: pfont;
  src: url(/font/p1.ttf);
}

@font-face {
  font-family: sfont;
  src: url(/font/Allison-Regular.ttf);
}

@font-face {
  font-family: p1font;
  src: url(/font/simpfxo.ttf);
}

.mt-6 {
  margin-top: 200px !important;
}

.mt-7 {
  margin-top: 265px !important;
}

.p1img {
  position: relative;
  z-index: 0;
}

.hS {
  font-family: hfont;
  font-size: 125px;
  margin-bottom: -37px;
}

.hA {
  font-family: hfont;
  font-size: 96px;
}

.pf {
  font-family: pfont;
}

.hf {
  font-family: hfont;
}

.sf {
  font-family: sfont;
  font-size: 40px;
}

.p1f {
  font-family: p1font;
}

.main-s {
  position: relative;
  overflow: hidden;
}

.img1, .img2, .img3, .img4, .img5, .img6 {
  position: absolute;
}

.img1 {
  top: 20%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  animation: moveLeftRight 4s ease-in-out infinite alternate;
}

.img4 {
  top: 25%;
  right: 0;
  z-index: 2;
  transform: translateY(50%);
  animation: moveRightLeft 4s ease-in-out infinite alternate;
}

.img2 {
  top: 0;
  right: 0;
  z-index: 3;
  animation: moveDiagonal 5s ease-in-out infinite alternate;
}

.img5 {
  bottom: 0;
  left: 0;
  z-index: 1;
  animation: moveDiagonalalternate 5s ease-in-out infinite alternate;
}

.img6 {
  bottom: 90%;
  right: 1;
  z-index: 2;
  animation: moveDiagonalalternateright 5s ease-in-out infinite alternate;
}

@keyframes moveLeftRight {
  from { left: 0; }
  to { left: 50%; }
}

@keyframes moveDiagonal {
  from {
    top: 0;
    right: 0;
  }
  to {
    top: 60%;
    right: 60%;
  }
}

@keyframes moveDiagonalalternate {
  from {
    bottom: 0;
    left: 0;
  }
  to {
    bottom: 60%;
    left: 60%;
  }
}

@keyframes moveDiagonalalternateright {
  from {
    bottom: 0;
    right: 0;
  }
  to {
    bottom: 60%;
    right: 60%;
  }
}

@keyframes moveRightLeft {
  from {
    right: 0;
  }
  to {
    right: 60%;
  }
}

.img3 {
  top: 96%;
  left: 0;
  transform: translateY(-50%);
  animation: moveLeftRight 5s ease-in-out infinite alternate;
}

/* Media Queries */
@media screen and (min-device-width: 1993px) and (max-device-width: 2727px) {
  /* Reserved for large screen styles */
}

@media screen and (min-device-width: 1400px) and (max-device-width: 1993px) {
  /* Reserved for large desktop styles */
}

/* ✅ FIXED: Hide .imgb on screens smaller than 768px */
@media (max-width: 768px) {
  .imgb {
    display: none !important;
  }
}