@media (max-width: 1400px) {
  .service-cat-fold2-pip:nth-child(7) {
    grid-area: g;
    transform: translateY(20px) rotate(6deg);
  }
}

@media (max-width: 1200px) {
  .service-cat-fold2-pip p {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 1024px) {
    .service-cat-fold3-inner {
    flex-direction: column;
    gap: 20px;
}

.service-cat-fold4-inner {
    flex-direction: column !important;
    gap: 40px;
}

.service-cat-fold4-img.two > div:nth-child(2) {
    transform: translatex(10px) rotate(2deg);
}

.service-cat-fold4-img {
    flex: unset;
    width: 100%;
    max-width: 250px;
}

.service-cat-fold4-img.three > div:nth-child(2) {
    transform: translatex(-15px) rotate(-3deg);
}

.service-cat-fold4-img.one > div:nth-child(2) {
    transform: translatex(-20px) rotate(-4deg);
}

.service-cat-fold4-img.one > div:nth-child(3) {
    transform: translatex(10px) rotate(2deg);
}

.service-cat-fold4-content {
    text-align: center;
}

.service-cat-fold4 {
    padding: 100px 0px 30px;
}

  .service-cat-fold2-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 100px);
    grid-template-areas:
      "a b"
      "c d"
      "e f"
      "g h";
    gap: 10px;
    row-gap: 40px;
    place-items: center;
  }

  .service-cat-fold2-pip:nth-child(4) {
    transform: translateX(-30px) translateY(0px) rotate(-14deg);
}

.service-cat-fold2-pip:nth-child(5) {
    transform: translateX(10px) rotate(-16deg);
}

.service-cat-fold2-pip:nth-child(6) {
    transform: translateX(50px) rotate(8deg);
}
}

@media(max-width: 640px){
    .service-cat-fold2-inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, 100px);
    grid-template-areas:
      "a"
      "c"
      "b"
      "d"
      "f"
      "e"
      "h"
      "g";
    gap: 10px;
    row-gap: 20px;
    place-items: center;
  }
}

@media (max-width:375px) {

.service-cat-fold4-img {
    max-width: 200px;
}
  
}