:root {
  --card-width: 200px;
  /* Adjust as needed */
  --card-height: 100vh;
  /* Adjust as needed */
  --gap: 1rem;
}

/* Initial state: Hidden with slight downward shift */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.2s ease-out, transform 0.3s ease-out;
}

/* Visible state: Fully shown */
.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}

.backgoundImage {
  background-image: url("../images/PrimeHomeMaintenance/background.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 805px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.PrimeHomeMaintenanceheader {
  gap: 24px;
  width: 100%;
}

.PrimeHomeMaintenanceheaderdetalies {
  max-width: 800px;
  text-align: center;
}


.PrimeHomeMaintenanceheader span {
  width: 310px;
  height: 38px;
  border-radius: 99px;
  border-width: 1px;
  padding: 5px 16px 5px 16px;
  border: 1px solid;
  background-color: white;
  border-image-source: linear-gradient(93.21deg,
      rgba(153, 167, 254, 0.4) -1.45%,
      rgba(204, 211, 255, 0.1) 71.83%,
      rgba(153, 167, 254, 0.4) 111.68%);
  box-shadow: 0px 0px 8px 0px #677bfe66;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #2469ff;
}

.PrimeHomeMaintenanceheaderdetalies p:nth-child(1) {
  font-weight: 700;
  font-size: 56px;
  line-height: 68px;
  text-align: center;
}

.PrimeHomeMaintenanceheaderdetalies p:nth-child(2) {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}

.PrimeHomeMaintenanceheaderbtngrp {
  gap: 16px;
}

.PrimeHomeMaintenanceheaderbtngrp button:nth-child(1) {
  width: 200px;
  height: 48px;
  border-radius: 100px;
  border-width: 1.2px;
  gap: 4px;
  padding: 12px 20px 12px 20px;
  background-color: #f4f8ff;
  border: 1.2px solid #1f2937;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #1f2937;
}

.PrimeHomeMaintenanceheaderbtngrp button:nth-child(2) {
  width: 200px;
  height: 48px;
  border-radius: 100px;
  gap: 4px;
  padding: 12px 20px 12px 20px;
  background-color: #00083d;
  box-shadow: 0px -4px 10px 0px #001abecc inset;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: white;
  border: none;
}

.PrimeHomeMaintenanceimgesbody {
  display: grid;
  place-items: center;
  font-family: "Google Sans", sans-serif, system-ui;
  overflow-x: hidden;
  justify-content: center;
  min-height: 100vh;
  position: relative;
  top: -192px;
}

.PrimeHomeMaintenanceimges {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(5, var(--card-width));
  gap: 1rem;
  /* overflow: hidden shouldn't break this? */
  overflow: hidden;
}

.grid-wrapper {
  /* overflow: hidden; */
}

.PrimeHomeMaintenanceimgescolumns {
  display: grid;
  gap: 1rem;
  align-content: start;
}

.PrimeHomeMaintenanceimgescolumns:not(:nth-of-type(3)) {
  animation: scale 1s linear both;
  animation-timeline: scroll(root);
}

/* The distance is the number of cards minus 100vh */
.PrimeHomeMaintenanceimgescolumns:is(:nth-of-type(2), :nth-of-type(4)) {
  --origin: calc(var(--gap) * -1);
  --destination: calc(var(--card-height) * 1.5 + var(--gap));
}

.PrimeHomeMaintenanceimgescolumns:is(:nth-of-type(1), :nth-of-type(5)) {
  --origin: calc(var(--gap) * -2);
  --destination: calc(var(--card-height) * 3.4 + var(--gap));
}

@keyframes scale {
  0% {
    transform: translateY(var(--origin, 0%));
  }

  100% {
    transform: translateY(var(--destination, -50%));
  }
}

.PrimeHomeMaintenanceimgescolumns img {
  max-width: 100%;
  border: 0;
  padding: 0;
  max-height: 100%;
  width: 100%;
  aspect-ratio: 5 / 7;
  background: hsl(0 0% 80%);
}

.Brushstrokes {
  gap: 40px;
  padding: 40px 30px;
}

.Brushstrokesdetails {
  gap: 24px;
}

.Brushstrokesimg {
  gap: 32px;
}

.Brushstrokesdetails div:nth-child(1) {
  gap: 8px;
}

.Brushstrokesdetails div:nth-child(2) {
  gap: 24px;
}

.Brushstrokesdetails div:nth-child(1) p:nth-child(1) span:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
}

.Brushstrokesdetails div:nth-child(1) p:nth-child(1) span:nth-child(2) {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #374151;
}

.Brushstrokesdetails div:nth-child(1) p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #1f2937;
}

.interiorPaint,
.exterierPaint,
.texturePaint,
.pudeco {
  width: 270px;
  height: 256px;
  border-radius: 24px;
  gap: 16px !important;
  padding: 13px;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px #00000014;
}

.interiorPaint p,
.exterierPaint p,
.texturePaint p,
.pudeco p {
  gap: 6px;
}

.interiorPaint p span:nth-child(1),
.exterierPaint p span:nth-child(1),
.texturePaint p span:nth-child(1),
.pudeco p span:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #677bfe;
}

.interiorPaint p span:nth-child(2),
.exterierPaint p span:nth-child(2),
.texturePaint p span:nth-child(2),
.pudeco p span:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #374151;
}

.interiorPaintIcon {
  background-image: url("../images/PrimeHomeMaintenance/Brand\ icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
}

.exterierPaintIcon {
  background-image: url("../images/PrimeHomeMaintenance/Brandicon1.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
}

.texturePaintIcon {
  background-image: url("../images/PrimeHomeMaintenance/Brandicon2.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
}

.pudecoIcon {
  background-image: url("../images/PrimeHomeMaintenance/Brandicon3.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
}

.Brushstrokesimg1 {
  background-image: url("../images/PrimeHomeMaintenance/Brushstrokesimg1.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  height: 738px;
  border-radius: 8px;
}

.Brushstrokesimg2 {
  background-image: url("../images/PrimeHomeMaintenance/Brushstrokesimg2.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 268px;
  height: 598px;
  border-radius: 8px;
}

.WallDecor {
  gap: 48px;
  padding: 96px 136px;
  /* padding-top: 0px; */
}

.WallDecorheader {
  gap: 8px;
}

.WallDecorheader p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  color: #1f2937;
}

.WallDecorheader p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #1f2937;
  text-align: center;
}

.WallDecorCard {
  gap: 6px;
}

.card1,
.card2,
.card3,
.card4 {
  width: 274px;
  height: 400px;
  border-width: 12px;
  border-top-left-radius: 10000px;
  border-top-right-radius: 10000px;
  border-bottom-right-radius: 464px;
  border-bottom-left-radius: 464px;
  border: 12px solid #ffffff;
  box-shadow: 0px 0px 12px 0px #0000001a;
  overflow: hidden;
  /* Ensure the image doesn't overflow */
  position: relative;
  perspective: 1000px;
  /* Enable 3D perspective */
}

.card1img-wrapper,
.card2img-wrapper,
.card3img-wrapper,
.card4img-wrapper {
  width: 250px;
  height: 274px;
  border-top-left-radius: 10000px;
  border-top-right-radius: 10000px;
  transform-style: preserve-3d;
  /* Enable 3D transformations */
  transition: transform 0.1s ease-out;
  /* Smooth transition for the 3D effect */
}

.card1img {
  background-image: url("../images/PrimeHomeMaintenance/card1img.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10000px;
  border-top-right-radius: 10000px;
  transform: translateZ(0);
  /* Ensure the image is rendered in 3D space */
}

.card2img {
  background-image: url("../images/PrimeHomeMaintenance/card2img.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10000px;
  border-top-right-radius: 10000px;
  transform: translateZ(0);
  /* Ensure the image is rendered in 3D space */
}

.card3img {
  background-image: url("../images/PrimeHomeMaintenance/card3img.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10000px;
  border-top-right-radius: 10000px;
  transform: translateZ(0);
  /* Ensure the image is rendered in 3D space */
}

.card4img {
  background-image: url("../images/PrimeHomeMaintenance/card4img.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10000px;
  border-top-right-radius: 10000px;
  transform: translateZ(0);
  /* Ensure the image is rendered in 3D space */
}

.card1detials,
.card2detials,
.card3detials,
.card4detials {
  gap: 6px;
}

.card1detials p:nth-child(1),
.card2detials p:nth-child(1),
.card3detials p:nth-child(1),
.card4detials p:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #111827;
}

.card1detials p:nth-child(2),
.card2detials p:nth-child(2),
.card3detials p:nth-child(2),
.card4detials p:nth-child(2) {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #4b5563;
  text-align: center;
}

.divider {
  background-image: url("../images/PrimeHomeMaintenance/divider.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 394px;
  padding: 96px 136px;
  background-color: #a4c0ff;
  gap: 32px;
}

.dividerDetials {
  gap: 8px;
}

.dividerDetials p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  color: white;
}

.dividerDetials p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: white;
}

.divider button {
  width: 216px;
  height: 48px;
  border-radius: 100px;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #344ffe;
  border: none;
  background-color: white;
}

.sheilWood {
  gap: 48px;
  padding: 96px 136px;
}

.sheilWoodHeader {
  gap: 4px;
}

.sheilWoodHeader p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  color: #1f2937;
}

.sheilWoodHeader p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #1f2937;
}

.sheilWoodcarddiv {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 calc(25% - 16px);
  gap: 16px;
  justify-content: center;
  max-width: 1168px;

}

.sheilWoodcard1,
.sheilWoodcard2,
.sheilWoodcard3,
.sheilWoodcard4,
.sheilWoodcard5,
.sheilWoodcard6,
.sheilWoodcard7,
.sheilWoodcard8,
.sheilWoodcard9,
.sheilWoodcard10,
.sheilWoodcard11 {
  background: #ffffff;
  text-align: center;
  padding: 24px;
  width: 274px;
  height: 237px;
  border-radius: 8px;
  border-width: 1px;
  border: 1px solid #99a7fe;
  position: relative;
  overflow: hidden;
  gap: 16px;
}

.sheilWoodcard1::before,
.sheilWoodcard2::before,
.sheilWoodcard3::before,
.sheilWoodcard4::before,
.sheilWoodcard5::before,
.sheilWoodcard6::before,
.sheilWoodcard7::before,
.sheilWoodcard8::before,
.sheilWoodcard9::before,
.sheilWoodcard10::before,
.sheilWoodcard11::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 16px;
  /* Height of the top border */
  background: linear-gradient(90deg, #99a7fe 0%, #ccd3ff 50%, #99a7fe 100%);
}

.sheilWoodcard1 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Capa_1.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard2 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard3 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Capa_1\ \(1\).png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard4 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Capa_1\ \(2\).png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard5 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Capa_1\ \(3\).png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard6 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Layer_1.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard7 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Capa_1\ \(4\).png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard8 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Capa_1\ \(5\).png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard9 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Capa_1\ \(6\).png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard10 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Layer_1\ \(1\).png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard11 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Capa_2.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.sheilWoodcard1 div:nth-child(2) p:nth-child(1),
.sheilWoodcard2 div:nth-child(2) p:nth-child(1),
.sheilWoodcard3 div:nth-child(2) p:nth-child(1),
.sheilWoodcard4 div:nth-child(2) p:nth-child(1),
.sheilWoodcard5 div:nth-child(2) p:nth-child(1),
.sheilWoodcard6 div:nth-child(2) p:nth-child(1),
.sheilWoodcard7 div:nth-child(2) p:nth-child(1),
.sheilWoodcard8 div:nth-child(2) p:nth-child(1),
.sheilWoodcard9 div:nth-child(2) p:nth-child(1),
.sheilWoodcard10 div:nth-child(2) p:nth-child(1),
.sheilWoodcard11 div:nth-child(2) p:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #677bfe;
}

.sheilWoodcard1 div:nth-child(2) p:nth-child(2),
.sheilWoodcard2 div:nth-child(2) p:nth-child(2),
.sheilWoodcard3 div:nth-child(2) p:nth-child(2),
.sheilWoodcard4 div:nth-child(2) p:nth-child(2),
.sheilWoodcard5 div:nth-child(2) p:nth-child(2),
.sheilWoodcard6 div:nth-child(2) p:nth-child(2),
.sheilWoodcard7 div:nth-child(2) p:nth-child(2),
.sheilWoodcard8 div:nth-child(2) p:nth-child(2),
.sheilWoodcard9 div:nth-child(2) p:nth-child(2),
.sheilWoodcard10 div:nth-child(2) p:nth-child(2),
.sheilWoodcard11 div:nth-child(2) p:nth-child(2) {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #374151;
}

.Waterproofing {
  gap: 48px;
  padding: 96px;
  padding-top: 0px;
}

.WaterproofingHeader {
  gap: 8px;
}

.WaterproofingHeader p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  color: #1f2937;
}

.WaterproofingHeader p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #1f2937;
}

.Waterproofingimgdiv {
  gap: 32px;
  flex-wrap: wrap;
}

.Waterproofingcard1,
.Waterproofingcard2,
.Waterproofingcard3 {
  gap: 24px;
}

.Waterproofingcard1 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Waterproofingcard1.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 368px;
  height: 491px;
}

.Waterproofingcard2 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Waterproofingcard2.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 368px;
  height: 491px;
}

.Waterproofingcard3 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Waterproofingcard3.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 368px;
  height: 491px;
}

.Waterproofingcard1 div:nth-child(2) p:nth-child(1),
.Waterproofingcard2 div:nth-child(2) p:nth-child(1),
.Waterproofingcard3 div:nth-child(2) p:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #111827;
}

.Waterproofingcard1 div:nth-child(2) p:nth-child(2),
.Waterproofingcard2 div:nth-child(2) p:nth-child(2),
.Waterproofingcard3 div:nth-child(2) p:nth-child(2) {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #4b5563;
}

.Waterproofingcard1 div:nth-child(2),
.Waterproofingcard2 div:nth-child(2),
.Waterproofingcard3 div:nth-child(2) {
  width: 368px;
  gap: 4px;
}

.Redesigning {
  gap: 48px;
  padding: 96px 120px;
  padding-top: 0px;
}

.RedesigningHeader {
  gap: 8px;
}

.RedesigningHeader p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  color: #1f2937;
}

.RedesigningHeader p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #1f2937;
}

.Redesigningcarddiv {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.RedesigningcardAni {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-in, transform 0.5s ease-in;
}

.RedesigningcardAni.show {
  opacity: 1;
  transform: translateY(0);
  height: 300px;
}

.Redesigningcard1,
.Redesigningcard2,
.Redesigningcard3,
.Redesigningcard4,
.Redesigningcard5,
.Redesigningcard6,
.Redesigningcard7,
.Redesigningcard8,
.Redesigningcard9,
.Redesigningcard10 {
  background: #ffffff;
  text-align: center;
  padding: 16px;
  width: 208px;
  height: 216px;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px #00000014;
  gap: 4px;
  margin-bottom: 20px;
}

.Redesigningcard1 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard1.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -30px;
}

.Redesigningcard2 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard2.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard3 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard3.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard4 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard4.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard5 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard5.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard6 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard6.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard7 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard7.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard8 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard8.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard9 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard9.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard10 div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/Redesigningcard10.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 102px;
  position: relative;
  scale: 1.3;
  top: -34px;
}

.Redesigningcard1 div:nth-child(2) p:nth-child(1),
.Redesigningcard2 div:nth-child(2) p:nth-child(1),
.Redesigningcard3 div:nth-child(2) p:nth-child(1),
.Redesigningcard4 div:nth-child(2) p:nth-child(1),
.Redesigningcard5 div:nth-child(2) p:nth-child(1),
.Redesigningcard6 div:nth-child(2) p:nth-child(1),
.Redesigningcard7 div:nth-child(2) p:nth-child(1),
.Redesigningcard8 div:nth-child(2) p:nth-child(1),
.Redesigningcard9 div:nth-child(2) p:nth-child(1),
.Redesigningcard10 div:nth-child(2) p:nth-child(1) {
  font-weight: 700;
  font-size: 19px;
  line-height: 30px;
  text-align: center;
  color: #111827;
}

.Redesigningcard1 div:nth-child(2) p:nth-child(2),
.Redesigningcard2 div:nth-child(2) p:nth-child(2),
.Redesigningcard3 div:nth-child(2) p:nth-child(2),
.Redesigningcard4 div:nth-child(2) p:nth-child(2),
.Redesigningcard5 div:nth-child(2) p:nth-child(2),
.Redesigningcard6 div:nth-child(2) p:nth-child(2),
.Redesigningcard7 div:nth-child(2) p:nth-child(2),
.Redesigningcard8 div:nth-child(2) p:nth-child(2),
.Redesigningcard9 div:nth-child(2) p:nth-child(2),
.Redesigningcard10 div:nth-child(2) p:nth-child(2) {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #374151;
}

.electricFixer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 50px;
  flex-direction: row;
  width: 100%;
}

.electricFixerHeader {
  width: 460px;
  gap: 24px;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transform: translateX(0px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.electricFixerDetails {
  gap: 16px;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transform: translateX(0px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.electricFixerDetails p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  color: #1f2937;
}

.electricFixerDetails p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #1f2937;
  max-width: 560px;
}

.electricFixerDetails div {
  background-image: url("../images/PrimeHomeMaintenance/electricFixer4.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 700px;
  height: 376px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}


.wiring,
.sockets,
.lighting {
  padding: 24px;
  gap: 6px;
  box-shadow: 0px 0px 12px 0px #00000014;
  border-radius: 24px;
}

.wiring div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/electricFixer1.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 81px;
  height: 65px;
  position: relative;
  left: -50px;
  background-position: center;
}

.sockets div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/electricFixer2.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 75px;
  height: 65px;
  position: relative;
  left: -50px;
  background-position: center;
}

.lighting div:nth-child(1) {
  background-image: url("../images/PrimeHomeMaintenance/electricFixer3.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 109px;
  height: 65px;
  position: relative;
  left: -50px;
  background-position: center;
}

.wiring div:nth-child(2),
.sockets div:nth-child(2),
.lighting div:nth-child(2) {
  gap: 6px;
  margin-left: -40px;
}

.wiring div:nth-child(2) p:nth-child(1),
.sockets div:nth-child(2) p:nth-child(1),
.lighting div:nth-child(2) p:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #111827;
}

.wiring div:nth-child(2) p:nth-child(2),
.sockets div:nth-child(2) p:nth-child(2),
.lighting div:nth-child(2) p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #374151;
}

.electricFixerDetails {
  gap: 8px;
  opacity: 1;
  transform: translateX(0px);
  /* Move right */
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.electricFixerHeader.show,
.electricFixerDetails.show {
  opacity: 1;
  transform: translateX(0);
}

.electricFixerDetails p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  color: #1f2937;
}

.electricFixerDetails p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #1f2937;
  width: 560px;
}

.electricFixerDetails div {
  background-image: url("../images/PrimeHomeMaintenance/electricFixer4.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 700px;
  height: 376px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.Plumbing {
  gap: 32px;
  padding: 96px 136px;
}

.PlumbingDetials {
  gap: 16px;
  width: 368px;
}

.PlumbingDetials div:nth-child(1) {
  gap: 8px;
}

.PlumbingDetials div:nth-child(1) p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  color: #1f2937;
}

.PlumbingDetials div:nth-child(1) p:nth-child(2) {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #4b5563;
}

.PlumbingDetials button {
  width: 200px;
  height: 48px;
  padding: 12px 20px;
  border-radius: 100px;
  background-color: #e67301;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  border: none;
}

.Leakage,
.Replacement {
  gap: 16px;
  box-shadow: 0px 0px 12px 0px #00000014;
  background-color: #ffffff;

  width: 368px;
  height: 250px;
  padding: 24px;
  border-radius: 24px;
}

.Leakage div:nth-child(2),
.Replacement div:nth-child(2) {
  gap: 16px;
  margin-top: -50px;
}

.Leakage div:nth-child(2) p:nth-child(1),
.Replacement div:nth-child(2) p:nth-child(1) {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #111827;
}

.Leakage div:nth-child(2) p:nth-child(2),
.Replacement div:nth-child(2) p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #374151;
}

.Leakage span {
  background-image: url("../images/PrimeHomeMaintenance/Leakage1.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 72px;
  height: 72px;
  position: relative;
  top: -58px;
}

.Replacement span {
  background-image: url("../images/PrimeHomeMaintenance/Leakage2.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 72px;
  height: 72px;
  position: relative;
  top: -58px;
}

.Gallery {
  gap: 48px;
  padding-top: 96px;
  padding-right: 0px;
  padding-bottom: 96px;
  padding-left: 0px;
  border-top-left-radius: 88px;
  border-top-right-radius: 88px;
}

.Galleryheader {
  gap: 4px;
  padding-left: 139px;
  padding-right: 139px;
}

.Galleryheader p:nth-child(1) {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  color: #1f2937;
}

.Galleryheader p:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #1f2937;
}

.GalleryWrapper {
  overflow: hidden;
  width: 100%;
  /* max-width: 1200px; */
  position: relative;
}

.GalleryImgs {
  gap: 16px;
  will-change: transform;
  position: relative;
}

.GalleryImgs div:nth-child(1) {
  width: 400px;
  height: 300px;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}

.GalleryImgs div:nth-child(2) {
  width: 400px;
  height: 300px;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}

.GalleryImgs div:nth-child(3) {
  width: 400px;
  height: 300px;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}

.faqs {
  gap: 48px;
}

.faq_header {
  gap: 4px;
}

.faq_header span {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  color: #1f2937;
}

.faq_header p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;

  color: #1f2937;
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-button {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #374151;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.accordion-button:not(.collapsed) {
  color: black !important;
  background-color: white !important;
}

.accordion-body {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #6b7280;
}

.category {
  gap: 16px;
}

.category h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

@media screen and (max-width: 1024px) and (min-width: 320px) and (max-height: 1366px) and (min-height: 320px) {
  :root {
    --card-width: 100px;
    --gap: 0.5rem;
  }

  .backgoundImage {
    background-image: url(../images/PrimeHomeMaintenance/backgroundMobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 364px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .PrimeHomeMaintenanceimgesbody {
    display: grid;
    place-items: center;
    font-family: "Google Sans", sans-serif, system-ui;
    overflow-x: hidden;
    justify-content: center;
    min-height: 100vh;
    position: relative;
    top: -192px;
  }

  .PrimeHomeMaintenanceheader {
    gap: 16px;
    padding-top: 64px;
  }

  .PrimeHomeMaintenanceheader span {
    width: 215px;
    height: 28px;
    font-size: 12px;
    line-height: 18px;
  }

  .PrimeHomeMaintenanceheaderdetalies p:nth-child(1) {
    font-size: 28px;
    line-height: 34px;
  }

  .PrimeHomeMaintenanceheaderdetalies p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .PrimeHomeMaintenanceheaderbtngrp button:nth-child(1),
  .PrimeHomeMaintenanceheaderbtngrp button:nth-child(2) {
    width: 164px;
    height: 36px;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 18px;
  }

  .Brushstrokes {
    gap: 24px;
    padding: 0px 0px;
    flex-direction: column-reverse;
  }

  .Brushstrokesimg {
    gap: 14px;
    justify-content: center;
  }

  .Brushstrokesimg1 {
    width: 183.16px;
    height: 338px;
  }

  .Brushstrokesimg2 {
    width: 161.18px;
    height: 273.82px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) {
    justify-content: center;
    align-items: center;
  }

  .Brushstrokesdetails div:nth-child(1) {
    gap: 4px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) span:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) span:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .revamp {
    font-size: 16px;
    line-height: 24px;
  }

  .Brushstrokesdetails div:nth-child(2) {
    gap: 16px;
    justify-content: space-around;
  }

  .interiorPaint,
  .exterierPaint,
  .texturePaint,
  .pudeco {
    width: 343px;
    height: 202px;
    padding: 10px;
  }

  .interiorPaintIcon {
    width: 64px;
    height: 64px;
  }

  .interiorPaint p span:nth-child(1),
  .exterierPaint p span:nth-child(1),
  .texturePaint p span:nth-child(1),
  .pudeco p span:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .interiorPaint p span:nth-child(2),
  .exterierPaint p span:nth-child(2),
  .texturePaint p span:nth-child(2),
  .pudeco p span:nth-child(2) {
    font-size: 18px;
    line-height: 28px;
  }

  .WallDecor {
    gap: 24px;
    padding: 32px 16px;
  }

  .WallDecorheader {
    gap: 4px;
  }

  .WallDecorheader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .WallDecorheader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .WallDecorCard {
    justify-content: center;
  }

  .card1,
  .card2,
  .card3,
  .card4 {
    width: 164px;
    height: 294px;
    border-width: 4px;
    border: 4px solid #ffffff;
    justify-content: space-between;
  }

  .card1img-wrapper,
  .card2img-wrapper,
  .card3img-wrapper,
  .card4img-wrapper {
    width: 164px;
    height: 164px;
  }

  .card1detials,
  .card2detials,
  .card3detials,
  .card4detials {
    gap: 2px;
  }

  .card1detials p:nth-child(1),
  .card2detials p:nth-child(1),
  .card3detials p:nth-child(1),
  .card4detials p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .card1detials p:nth-child(2),
  .card2detials p:nth-child(2),
  .card3detials p:nth-child(2),
  .card4detials p:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }

  .divider {
    height: 344px;
    padding: 32px 16px;
    gap: 24px;
  }

  .dividerDetials {
    gap: 4px;
  }

  .dividerDetials p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .dividerDetials p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .divider button {
    width: 165px;
    height: 35px;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }

  .sheilWood {
    gap: 24px;
    padding: 32px 16px;
  }

  .sheilWoodHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .sheilWoodHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .sheilWoodcarddiv {
    gap: 24px;
  }

  .sheilWoodcard1,
  .sheilWoodcard2,
  .sheilWoodcard3,
  .sheilWoodcard4,
  .sheilWoodcard5,
  .sheilWoodcard6,
  .sheilWoodcard7,
  .sheilWoodcard8,
  .sheilWoodcard9,
  .sheilWoodcard10,
  .sheilWoodcard11 {
    padding: 18px;
    width: 343px;
    height: 157px;
    gap: 8px;
  }

  .sheilWoodcard1 div:nth-child(1),
  .sheilWoodcard2 div:nth-child(1),
  .sheilWoodcard3 div:nth-child(1),
  .sheilWoodcard4 div:nth-child(1),
  .sheilWoodcard5 div:nth-child(1),
  .sheilWoodcard6 div:nth-child(1),
  .sheilWoodcard7 div:nth-child(1),
  .sheilWoodcard8 div:nth-child(1),
  .sheilWoodcard9 div:nth-child(1),
  .sheilWoodcard10 div:nth-child(1),
  .sheilWoodcard11 div:nth-child(1) {
    width: 32px;
    height: 32px;
  }

  .sheilWoodcard1 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard2 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard3 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard4 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard5 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard6 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard7 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard8 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard9 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard10 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard11 div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .sheilWoodcard1 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard2 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard3 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard4 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard5 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard6 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard7 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard8 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard9 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard10 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard11 div:nth-child(2) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Waterproofing {
    gap: 24px;
    padding: 16px;
  }

  .WaterproofingHeader {
    gap: 4px;
  }

  .WaterproofingHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .WaterproofingHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Waterproofingimgdiv {
    justify-content: center;
  }

  .Waterproofingcard1,
  .Waterproofingcard2,
  .Waterproofingcard3 {
    gap: 10px;
  }

  .Waterproofingcard1 div:nth-child(1),
  .Waterproofingcard2 div:nth-child(1),
  .Waterproofingcard3 div:nth-child(1) {
    background-size: cover;
    width: 343px;
    height: 456px;
  }

  .Waterproofingcard1 div:nth-child(2),
  .Waterproofingcard2 div:nth-child(2),
  .Waterproofingcard3 div:nth-child(2) {
    width: 343px;
  }

  .Waterproofingcard1 div:nth-child(2) p:nth-child(1),
  .Waterproofingcard2 div:nth-child(2) p:nth-child(1),
  .Waterproofingcard3 div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
  }

  .Waterproofingcard1 div:nth-child(2) p:nth-child(2),
  .Waterproofingcard2 div:nth-child(2) p:nth-child(2),
  .Waterproofingcard3 div:nth-child(2) p:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }

  .Redesigning {
    gap: 24px;
    padding: 32px 16px;
  }

  .RedesigningHeader {
    gap: 4px;
  }

  .RedesigningHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .RedesigningHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Redesigningcarddiv {
    gap: 24px;
  }

  .Redesigningcard1,
  .Redesigningcard2,
  .Redesigningcard3,
  .Redesigningcard4,
  .Redesigningcard5,
  .Redesigningcard6,
  .Redesigningcard7,
  .Redesigningcard8,
  .Redesigningcard10 {
    padding: 10px;
    width: 164px;
    height: 250px;
    gap: 10px;
  }

  .Redesigningcard9 {
    padding: 6px;
    width: 164px;
    height: 200px;
    gap: 10px;
  }

  .Redesigningcard1 div:nth-child(2) p:nth-child(1),
  .Redesigningcard2 div:nth-child(2) p:nth-child(1),
  .Redesigningcard3 div:nth-child(2) p:nth-child(1),
  .Redesigningcard4 div:nth-child(2) p:nth-child(1),
  .Redesigningcard5 div:nth-child(2) p:nth-child(1),
  .Redesigningcard6 div:nth-child(2) p:nth-child(1),
  .Redesigningcard7 div:nth-child(2) p:nth-child(1),
  .Redesigningcard8 div:nth-child(2) p:nth-child(1),
  .Redesigningcard9 div:nth-child(2) p:nth-child(1),
  .Redesigningcard10 div:nth-child(2) p:nth-child(1) {
    font-size: 16px;
    line-height: 24px;
  }

  .Redesigningcard1 div:nth-child(2) p:nth-child(1),
  .Redesigningcard2 div:nth-child(2) p:nth-child(1),
  .Redesigningcard3 div:nth-child(2) p:nth-child(1),
  .Redesigningcard4 div:nth-child(2) p:nth-child(1),
  .Redesigningcard5 div:nth-child(2) p:nth-child(1),
  .Redesigningcard6 div:nth-child(2) p:nth-child(1),
  .Redesigningcard7 div:nth-child(2) p:nth-child(1),
  .Redesigningcard8 div:nth-child(2) p:nth-child(1),
  .Redesigningcard9 div:nth-child(2) p:nth-child(1),
  .Redesigningcard10 div:nth-child(2) p:nth-child(1) {
    font-size: 14px;
    line-height: 20px;
  }

  .Redesigningcard1 div:nth-child(1),
  .Redesigningcard2 div:nth-child(1),
  .Redesigningcard3 div:nth-child(1),
  .Redesigningcard4 div:nth-child(1),
  .Redesigningcard5 div:nth-child(1),
  .Redesigningcard6 div:nth-child(1),
  .Redesigningcard7 div:nth-child(1),
  .Redesigningcard8 div:nth-child(1),
  .Redesigningcard9 div:nth-child(1),
  .Redesigningcard10 div:nth-child(1) {
    width: 96px;
    height: 190px;
    scale: 1.4;
    top: 20px;
  }

  .electricFixer {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    gap: 24px;
    padding: 32px 16px;
    padding-right: 0px;
    flex-direction: column-reverse;
  }

  .electricFixerDetails {
    gap: 16px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
  }

  .electricFixerDetails div {
    background-size: contain;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    height: 210px;
    background-position: right;
  }

  .electricFixerDetails p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .electricFixerDetails p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
    width: 464px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
  }

  .electricFixerHeader {
    width: 343px;
    gap: 24px;
  }

  .electricFixerDetails {
    transform: translateY(100px);
    /* Move right */
  }

  .wiring,
  .sockets,
  .lighting {
    padding: 16px;
    gap: 2px;
  }

  .wiring div:nth-child(1),
  .sockets div:nth-child(1) {
    width: 113px;
    height: 45px;
    left: -30px;
  }

  .lighting div:nth-child(1) {
    width: 172px;
    height: 55px;
    left: -30px;
  }

  .wiring div:nth-child(2),
  .sockets div:nth-child(2),
  .lighting div:nth-child(2) {
    gap: 2px;
    margin-left: -20px;
  }

  .wiring div:nth-child(2) p:nth-child(1),
  .sockets div:nth-child(2) p:nth-child(1),
  .lighting div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .wiring div:nth-child(2) p:nth-child(2),
  .sockets div:nth-child(2) p:nth-child(2),
  .lighting div:nth-child(2) p:nth-child(2) {
    font-size: 18px;
    line-height: 28px;
  }

  .Plumbing {
    height: 638px;
    gap: 48px;
    padding: 32px 16px;
    flex-direction: column;
  }

  .PlumbingDetials {
    gap: 16px;
    width: 343px;
  }

  .PlumbingDetials div:nth-child(1) {
    gap: 4px;
  }

  .PlumbingDetials div:nth-child(1) p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .PlumbingDetials div:nth-child(1) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .PlumbingDetials button {
    width: 167px;
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
  }

  .Leakage,
  .Replacement {
    width: 343px;
    height: 159px;
    padding: 15px;
  }

  .Leakage div:nth-child(2),
  .Replacement div:nth-child(2) {
    gap: 3px;
    margin-top: -50px;
  }

  .Leakage div:nth-child(2) p:nth-child(1),
  .Replacement div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .Leakage div:nth-child(2) p:nth-child(2),
  .Replacement div:nth-child(2) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Leakage span,
  .Replacement span {
    width: 64px;
    height: 64px;
    top: -45px;
  }

  .Gallery {
    gap: 24px;
    padding-top: 32px;
    padding-right: 0px;
    padding-bottom: 32px;
    padding-left: 0px;
  }

  .Galleryheader {
    padding-left: 16px;
    padding-right: 16px;
  }

  .Galleryheader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .Galleryheader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .GalleryImgs {
    gap: 16px;
  }

  .GalleryImgs div:nth-child(1),
  .GalleryImgs div:nth-child(2),
  .GalleryImgs div:nth-child(3) {
    width: 245px;
  }

  .faq_header span {
    font-size: 24px;
    line-height: 32px;
  }

  .faqs {
    gap: 32px;
  }

  .faq_header p {
    font-size: 18px;
    line-height: 28px;
  }

  .accordion-button {
    font-size: 16px;
  }

  .accordion-body {
    font-size: 14px;
  }
}

/* surface 7 */
@media screen and (min-width: 912px) and (max-width: 912px) and (min-height: 1368px) and (max-height: 1368px) {
  .backgoundImage {
    background-image: url(../images/PrimeHomeMaintenance/backgroundMobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 364px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .PrimeHomeMaintenanceimgesbody {
    top: 0px;
  }

  .PrimeHomeMaintenanceheader {
    gap: 16px;
    padding-top: 64px;
  }

  .PrimeHomeMaintenanceheader span {
    width: 215px;
    height: 28px;
    font-size: 12px;
    line-height: 18px;
  }

  .PrimeHomeMaintenanceheaderdetalies p:nth-child(1) {
    font-size: 28px;
    line-height: 34px;
  }

  .PrimeHomeMaintenanceheaderdetalies p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .PrimeHomeMaintenanceheaderbtngrp button:nth-child(1),
  .PrimeHomeMaintenanceheaderbtngrp button:nth-child(2) {
    width: 164px;
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
  }

  .Brushstrokes {
    gap: 24px;
    padding: 32px 16px;
    flex-direction: column-reverse;
  }

  .Brushstrokesimg {
    gap: 14px;
    justify-content: center;
  }

  .Brushstrokesimg1 {
    width: 183.16px;
    height: 338px;
  }

  .Brushstrokesimg2 {
    width: 161.18px;
    height: 273.82px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) {
    justify-content: center;
    align-items: center;
  }

  .Brushstrokesdetails div:nth-child(1) {
    gap: 4px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) span:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) span:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Brushstrokesdetails div:nth-child(2) {
    gap: 16px;
    justify-content: space-around;
  }

  .interiorPaint,
  .exterierPaint,
  .texturePaint,
  .pudeco {
    width: 343px;
    height: 202px;
    padding: 10px;
  }

  .interiorPaintIcon {
    width: 64px;
    height: 64px;
  }

  .interiorPaint p span:nth-child(1),
  .exterierPaint p span:nth-child(1),
  .texturePaint p span:nth-child(1),
  .pudeco p span:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .interiorPaint p span:nth-child(2),
  .exterierPaint p span:nth-child(2),
  .texturePaint p span:nth-child(2),
  .pudeco p span:nth-child(2) {
    font-size: 18px;
    line-height: 28px;
  }

  .WallDecor {
    gap: 24px;
    padding: 32px 16px;
  }

  .WallDecorheader {
    gap: 4px;
  }

  .WallDecorheader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .WallDecorheader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .WallDecorCard {
    justify-content: space-between;
  }

  .card1,
  .card2,
  .card3,
  .card4 {
    width: 164px;
    height: 294px;
    border-width: 4px;
    border: 4px solid #ffffff;
    justify-content: space-between;
  }

  .card1img-wrapper,
  .card2img-wrapper,
  .card3img-wrapper,
  .card4img-wrapper {
    width: 164px;
    height: 164px;
  }

  .card1detials,
  .card2detials,
  .card3detials,
  .card4detials {
    gap: 2px;
  }

  .card1detials p:nth-child(1),
  .card2detials p:nth-child(1),
  .card3detials p:nth-child(1),
  .card4detials p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .card1detials p:nth-child(2),
  .card2detials p:nth-child(2),
  .card3detials p:nth-child(2),
  .card4detials p:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }

  .divider {
    height: 344px;
    padding: 32px 16px;
    gap: 24px;
  }

  .dividerDetials {
    gap: 4px;
  }

  .dividerDetials p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .dividerDetials p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .divider button {
    width: 165px;
    height: 35px;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }

  .sheilWood {
    gap: 24px;
    padding: 32px 16px;
  }

  .sheilWoodHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .sheilWoodHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .sheilWoodcarddiv {
    gap: 24px;
  }

  .sheilWoodcard1,
  .sheilWoodcard2,
  .sheilWoodcard3,
  .sheilWoodcard4,
  .sheilWoodcard5,
  .sheilWoodcard6,
  .sheilWoodcard7,
  .sheilWoodcard8,
  .sheilWoodcard9,
  .sheilWoodcard10,
  .sheilWoodcard11 {
    padding: 18px;
    width: 343px;
    height: 157px;
    gap: 8px;
  }

  .sheilWoodcard1 div:nth-child(1),
  .sheilWoodcard2 div:nth-child(1),
  .sheilWoodcard3 div:nth-child(1),
  .sheilWoodcard4 div:nth-child(1),
  .sheilWoodcard5 div:nth-child(1),
  .sheilWoodcard6 div:nth-child(1),
  .sheilWoodcard7 div:nth-child(1),
  .sheilWoodcard8 div:nth-child(1),
  .sheilWoodcard9 div:nth-child(1),
  .sheilWoodcard10 div:nth-child(1),
  .sheilWoodcard11 div:nth-child(1) {
    width: 32px;
    height: 32px;
  }

  .sheilWoodcard1 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard2 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard3 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard4 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard5 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard6 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard7 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard8 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard9 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard10 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard11 div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .sheilWoodcard1 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard2 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard3 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard4 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard5 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard6 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard7 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard8 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard9 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard10 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard11 div:nth-child(2) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Waterproofing {
    gap: 24px;
    padding: 16px;
  }

  .WaterproofingHeader {
    gap: 4px;
  }

  .WaterproofingHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .WaterproofingHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Waterproofingimgdiv {
    justify-content: center;
  }

  .Waterproofingcard1,
  .Waterproofingcard2,
  .Waterproofingcard3 {
    gap: 10px;
  }

  .Waterproofingcard1 div:nth-child(1),
  .Waterproofingcard2 div:nth-child(1),
  .Waterproofingcard3 div:nth-child(1) {
    background-size: cover;
    width: 343px;
    height: 456px;
  }

  .Waterproofingcard1 div:nth-child(2),
  .Waterproofingcard2 div:nth-child(2),
  .Waterproofingcard3 div:nth-child(2) {
    width: 343px;
  }

  .Waterproofingcard1 div:nth-child(2) p:nth-child(1),
  .Waterproofingcard2 div:nth-child(2) p:nth-child(1),
  .Waterproofingcard3 div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
  }

  .Waterproofingcard1 div:nth-child(2) p:nth-child(2),
  .Waterproofingcard2 div:nth-child(2) p:nth-child(2),
  .Waterproofingcard3 div:nth-child(2) p:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }

  .Redesigning {
    gap: 24px;
    padding: 32px 16px;
  }

  .RedesigningHeader {
    gap: 4px;
  }

  .RedesigningHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .RedesigningHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Redesigningcarddiv {
    gap: 24px;
  }

  .Redesigningcard1,
  .Redesigningcard2,
  .Redesigningcard3,
  .Redesigningcard4,
  .Redesigningcard5,
  .Redesigningcard6,
  .Redesigningcard7,
  .Redesigningcard8,
  .Redesigningcard10 {
    padding: 10px;
    width: 164px;
    height: 200px;
    gap: 10px;
  }

  .Redesigningcard9 {
    padding: 6px;
    width: 164px;
    height: 200px;
    gap: 10px;
  }

  .Redesigningcard1 div:nth-child(2) p:nth-child(1),
  .Redesigningcard2 div:nth-child(2) p:nth-child(1),
  .Redesigningcard3 div:nth-child(2) p:nth-child(1),
  .Redesigningcard4 div:nth-child(2) p:nth-child(1),
  .Redesigningcard5 div:nth-child(2) p:nth-child(1),
  .Redesigningcard6 div:nth-child(2) p:nth-child(1),
  .Redesigningcard7 div:nth-child(2) p:nth-child(1),
  .Redesigningcard8 div:nth-child(2) p:nth-child(1),
  .Redesigningcard9 div:nth-child(2) p:nth-child(1),
  .Redesigningcard10 div:nth-child(2) p:nth-child(1) {
    font-size: 16px;
    line-height: 24px;
  }

  .Redesigningcard1 div:nth-child(2) p:nth-child(1),
  .Redesigningcard2 div:nth-child(2) p:nth-child(1),
  .Redesigningcard3 div:nth-child(2) p:nth-child(1),
  .Redesigningcard4 div:nth-child(2) p:nth-child(1),
  .Redesigningcard5 div:nth-child(2) p:nth-child(1),
  .Redesigningcard6 div:nth-child(2) p:nth-child(1),
  .Redesigningcard7 div:nth-child(2) p:nth-child(1),
  .Redesigningcard8 div:nth-child(2) p:nth-child(1),
  .Redesigningcard9 div:nth-child(2) p:nth-child(1),
  .Redesigningcard10 div:nth-child(2) p:nth-child(1) {
    font-size: 14px;
    line-height: 20px;
  }

  .Redesigningcard1 div:nth-child(1),
  .Redesigningcard2 div:nth-child(1),
  .Redesigningcard3 div:nth-child(1),
  .Redesigningcard4 div:nth-child(1),
  .Redesigningcard5 div:nth-child(1),
  .Redesigningcard6 div:nth-child(1),
  .Redesigningcard7 div:nth-child(1),
  .Redesigningcard8 div:nth-child(1),
  .Redesigningcard9 div:nth-child(1),
  .Redesigningcard10 div:nth-child(1) {
    width: 96px;
    height: 190px;
    scale: 1.4;
    top: -17px;
  }

  .electricFixer {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    gap: 24px;
    padding: 32px 16px;
    padding-right: 0px;
    flex-direction: column-reverse;
  }

  .electricFixerDetails {
    gap: 16px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
  }

  .electricFixerDetails div {
    background-size: contain;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    height: 210px;
    background-position: right;
  }

  .electricFixerDetails p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .electricFixerDetails p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
    width: 464px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
  }

  .electricFixerHeader {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    gap: 24px;
  }

  .electricFixerDetails {
    transform: translateY(100px);
  }

  .wiring,
  .sockets,
  .lighting {
    padding: 16px;
    gap: 2px;
  }

  .wiring div:nth-child(1),
  .sockets div:nth-child(1) {
    width: 65px;
    height: 45px;
    left: -30px;
  }

  .lighting div:nth-child(1) {
    width: 68px;
    height: 55px;
    left: -30px;
  }

  .wiring div:nth-child(2),
  .sockets div:nth-child(2),
  .lighting div:nth-child(2) {
    gap: 2px;
    margin-left: -20px;
  }

  .wiring div:nth-child(2) p:nth-child(1),
  .sockets div:nth-child(2) p:nth-child(1),
  .lighting div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .wiring div:nth-child(2) p:nth-child(2),
  .sockets div:nth-child(2) p:nth-child(2),
  .lighting div:nth-child(2) p:nth-child(2) {
    font-size: 18px;
    line-height: 28px;
  }

  .Plumbing {
    height: 638px;
    gap: 48px;
    padding: 32px 16px;
    flex-direction: column;
  }

  .PlumbingDetials {
    gap: 16px;
    width: 343px;
  }

  .PlumbingDetials div:nth-child(1) {
    gap: 4px;
  }

  .PlumbingDetials div:nth-child(1) p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .PlumbingDetials div:nth-child(1) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .PlumbingDetials button {
    width: 167px;
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
  }

  .Leakage,
  .Replacement {
    width: 343px;
    height: 159px;
    padding: 15px;
  }

  .Leakage div:nth-child(2),
  .Replacement div:nth-child(2) {
    gap: 3px;
    margin-top: -50px;
  }

  .Leakage div:nth-child(2) p:nth-child(1),
  .Replacement div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .Leakage div:nth-child(2) p:nth-child(2),
  .Replacement div:nth-child(2) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Leakage span,
  .Replacement span {
    width: 64px;
    height: 64px;
    top: -45px;
  }

  .Gallery {
    gap: 24px;
    padding-top: 32px;
    padding-right: 0px;
    padding-bottom: 32px;
    padding-left: 0px;
  }

  .Galleryheader {
    padding-left: 16px;
    padding-right: 16px;
  }

  .Galleryheader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .Galleryheader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .GalleryImgs {
    gap: 16px;
  }

  .GalleryImgs div:nth-child(1),
  .GalleryImgs div:nth-child(2),
  .GalleryImgs div:nth-child(3) {
    width: 343px;
  }

  .faq_header span {
    font-size: 24px;
    line-height: 32px;
  }

  .faqs {
    gap: 32px;
  }

  .faq_header p {
    font-size: 18px;
    line-height: 28px;
  }

  .accordion-button {
    font-size: 16px;
  }

  .accordion-body {
    font-size: 14px;
  }
}

/* ipad pro */
@media screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) {
  :root {
    --card-width: 200px;
    --gap: 0.5rem;
  }

  .backgoundImage {
    background-image: url(../images/PrimeHomeMaintenance/backgroundMobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 364px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .PrimeHomeMaintenanceimgesbody {
    top: 0px;
  }

  .PrimeHomeMaintenanceheader {
    gap: 16px;
    padding-top: 64px;
  }

  .PrimeHomeMaintenanceheader span {
    width: 215px;
    height: 28px;
    font-size: 12px;
    line-height: 18px;
  }

  .PrimeHomeMaintenanceheaderdetalies p:nth-child(1) {
    font-size: 28px;
    line-height: 34px;
  }

  .PrimeHomeMaintenanceheaderdetalies p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .PrimeHomeMaintenanceheaderbtngrp button:nth-child(1),
  .PrimeHomeMaintenanceheaderbtngrp button:nth-child(2) {
    width: 164px;
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
  }

  .Brushstrokes {
    gap: 24px;
    padding: 32px 16px;
    flex-direction: column-reverse;
  }

  .Brushstrokesimg {
    gap: 14px;
    justify-content: center;
  }

  .Brushstrokesimg1 {
    width: 183.16px;
    height: 338px;
  }

  .Brushstrokesimg2 {
    width: 161.18px;
    height: 273.82px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) {
    justify-content: center;
    align-items: center;
  }

  .Brushstrokesdetails div:nth-child(1) {
    gap: 4px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) span:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(1) span:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Brushstrokesdetails div:nth-child(1) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Brushstrokesdetails div:nth-child(2) {
    gap: 16px;
    justify-content: space-around;
  }

  .interiorPaint,
  .exterierPaint,
  .texturePaint,
  .pudeco {
    width: 343px;
    height: 202px;
    padding: 10px;
  }

  .interiorPaintIcon {
    width: 64px;
    height: 64px;
  }

  .interiorPaint p span:nth-child(1),
  .exterierPaint p span:nth-child(1),
  .texturePaint p span:nth-child(1),
  .pudeco p span:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
    text-align: start;
  }

  .interiorPaint p span:nth-child(2),
  .exterierPaint p span:nth-child(2),
  .texturePaint p span:nth-child(2),
  .pudeco p span:nth-child(2) {
    font-size: 18px;
    line-height: 28px;
    text-align: start;
  }

  .WallDecor {
    gap: 24px;
    padding: 32px 16px;
  }

  .WallDecorheader {
    gap: 4px;
  }

  .WallDecorheader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .WallDecorheader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .WallDecorCard {
    justify-content: space-between;
  }

  .card1,
  .card2,
  .card3,
  .card4 {
    width: 164px;
    height: 294px;
    border-width: 4px;
    border: 4px solid #ffffff;
    justify-content: space-between;
  }

  .card1img-wrapper,
  .card2img-wrapper,
  .card3img-wrapper,
  .card4img-wrapper {
    width: 164px;
    height: 164px;
  }

  .card1detials,
  .card2detials,
  .card3detials,
  .card4detials {
    gap: 2px;
  }

  .card1detials p:nth-child(1),
  .card2detials p:nth-child(1),
  .card3detials p:nth-child(1),
  .card4detials p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .card1detials p:nth-child(2),
  .card2detials p:nth-child(2),
  .card3detials p:nth-child(2),
  .card4detials p:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }

  .divider {
    height: 344px;
    padding: 32px 16px;
    gap: 24px;
  }

  .dividerDetials {
    gap: 4px;
  }

  .dividerDetials p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .dividerDetials p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .divider button {
    width: 165px;
    height: 35px;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }

  .sheilWood {
    gap: 24px;
    padding: 32px 16px;
  }

  .sheilWoodHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .sheilWoodHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .sheilWoodcarddiv {
    gap: 24px;
  }

  .sheilWoodcard1,
  .sheilWoodcard2,
  .sheilWoodcard3,
  .sheilWoodcard4,
  .sheilWoodcard5,
  .sheilWoodcard6,
  .sheilWoodcard7,
  .sheilWoodcard8,
  .sheilWoodcard9,
  .sheilWoodcard10,
  .sheilWoodcard11 {
    padding: 18px;
    width: 343px;
    height: 157px;
    gap: 8px;
  }

  .sheilWoodcard1 div:nth-child(1),
  .sheilWoodcard2 div:nth-child(1),
  .sheilWoodcard3 div:nth-child(1),
  .sheilWoodcard4 div:nth-child(1),
  .sheilWoodcard5 div:nth-child(1),
  .sheilWoodcard6 div:nth-child(1),
  .sheilWoodcard7 div:nth-child(1),
  .sheilWoodcard8 div:nth-child(1),
  .sheilWoodcard9 div:nth-child(1),
  .sheilWoodcard10 div:nth-child(1),
  .sheilWoodcard11 div:nth-child(1) {
    width: 32px;
    height: 32px;
  }

  .sheilWoodcard1 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard2 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard3 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard4 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard5 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard6 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard7 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard8 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard9 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard10 div:nth-child(2) p:nth-child(1),
  .sheilWoodcard11 div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .sheilWoodcard1 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard2 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard3 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard4 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard5 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard6 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard7 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard8 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard9 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard10 div:nth-child(2) p:nth-child(2),
  .sheilWoodcard11 div:nth-child(2) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Waterproofing {
    gap: 24px;
    padding: 16px;
  }

  .WaterproofingHeader {
    gap: 4px;
  }

  .WaterproofingHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .WaterproofingHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Waterproofingimgdiv {
    justify-content: center;
  }

  .Waterproofingcard1,
  .Waterproofingcard2,
  .Waterproofingcard3 {
    gap: 10px;
  }

  .Waterproofingcard1 div:nth-child(1),
  .Waterproofingcard2 div:nth-child(1),
  .Waterproofingcard3 div:nth-child(1) {
    background-size: cover;
    width: 343px;
    height: 456px;
  }

  .Waterproofingcard1 div:nth-child(2),
  .Waterproofingcard2 div:nth-child(2),
  .Waterproofingcard3 div:nth-child(2) {
    width: 343px;
  }

  .Waterproofingcard1 div:nth-child(2) p:nth-child(1),
  .Waterproofingcard2 div:nth-child(2) p:nth-child(1),
  .Waterproofingcard3 div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
  }

  .Waterproofingcard1 div:nth-child(2) p:nth-child(2),
  .Waterproofingcard2 div:nth-child(2) p:nth-child(2),
  .Waterproofingcard3 div:nth-child(2) p:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }

  .Redesigning {
    gap: 24px;
    padding: 32px 16px;
  }

  .RedesigningHeader {
    gap: 4px;
  }

  .RedesigningHeader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .RedesigningHeader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Redesigningcarddiv {
    gap: 24px;
  }

  .Redesigningcard1,
  .Redesigningcard2,
  .Redesigningcard3,
  .Redesigningcard4,
  .Redesigningcard5,
  .Redesigningcard6,
  .Redesigningcard7,
  .Redesigningcard8,
  .Redesigningcard10 {
    padding: 10px;
    width: 164px;
    height: 200px;
    gap: 10px;
  }

  .Redesigningcard9 {
    padding: 6px;
    width: 164px;
    height: 200px;
    gap: 10px;
  }

  .Redesigningcard1 div:nth-child(2) p:nth-child(1),
  .Redesigningcard2 div:nth-child(2) p:nth-child(1),
  .Redesigningcard3 div:nth-child(2) p:nth-child(1),
  .Redesigningcard4 div:nth-child(2) p:nth-child(1),
  .Redesigningcard5 div:nth-child(2) p:nth-child(1),
  .Redesigningcard6 div:nth-child(2) p:nth-child(1),
  .Redesigningcard7 div:nth-child(2) p:nth-child(1),
  .Redesigningcard8 div:nth-child(2) p:nth-child(1),
  .Redesigningcard9 div:nth-child(2) p:nth-child(1),
  .Redesigningcard10 div:nth-child(2) p:nth-child(1) {
    font-size: 16px;
    line-height: 24px;
  }

  .Redesigningcard1 div:nth-child(2) p:nth-child(1),
  .Redesigningcard2 div:nth-child(2) p:nth-child(1),
  .Redesigningcard3 div:nth-child(2) p:nth-child(1),
  .Redesigningcard4 div:nth-child(2) p:nth-child(1),
  .Redesigningcard5 div:nth-child(2) p:nth-child(1),
  .Redesigningcard6 div:nth-child(2) p:nth-child(1),
  .Redesigningcard7 div:nth-child(2) p:nth-child(1),
  .Redesigningcard8 div:nth-child(2) p:nth-child(1),
  .Redesigningcard9 div:nth-child(2) p:nth-child(1),
  .Redesigningcard10 div:nth-child(2) p:nth-child(1) {
    font-size: 14px;
    line-height: 20px;
  }

  .Redesigningcard1 div:nth-child(1),
  .Redesigningcard2 div:nth-child(1),
  .Redesigningcard3 div:nth-child(1),
  .Redesigningcard4 div:nth-child(1),
  .Redesigningcard5 div:nth-child(1),
  .Redesigningcard6 div:nth-child(1),
  .Redesigningcard7 div:nth-child(1),
  .Redesigningcard8 div:nth-child(1),
  .Redesigningcard9 div:nth-child(1),
  .Redesigningcard10 div:nth-child(1) {
    width: 96px;
    height: 190px;
    scale: 1.4;
    top: -17px;
  }

  .electricFixer {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    gap: 24px;
    padding: 32px 16px;
    padding-right: 0px;
    flex-direction: row;
  }

  .electricFixerDetails {
    gap: 16px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
  }

  .electricFixerDetails div {
    background-size: contain;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    height: 210px;
    background-position: right;
  }

  .electricFixerDetails p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .electricFixerDetails p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
    width: 464px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
  }

  .electricFixerHeader {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    gap: 24px;
  }

  .electricFixerDetails {
    transform: translateY(100px);
  }

  .wiring,
  .sockets,
  .lighting {
    padding: 16px;
    gap: 2px;
  }

  .wiring div:nth-child(1),
  .sockets div:nth-child(1) {
    width: 65px;
    height: 45px;
    left: -30px;
  }

  .lighting div:nth-child(1) {
    width: 103px;
    height: 55px;
    left: -31px;
  }

  .wiring div:nth-child(2),
  .sockets div:nth-child(2),
  .lighting div:nth-child(2) {
    gap: 2px;
    margin-left: -20px;
  }

  .wiring div:nth-child(2) p:nth-child(1),
  .sockets div:nth-child(2) p:nth-child(1),
  .lighting div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .wiring div:nth-child(2) p:nth-child(2),
  .sockets div:nth-child(2) p:nth-child(2),
  .lighting div:nth-child(2) p:nth-child(2) {
    font-size: 18px;
    line-height: 28px;
  }

  .Plumbing {
    height: 638px;
    gap: 48px;
    padding: 32px 16px;
    flex-direction: row;
  }

  .PlumbingDetials {
    gap: 16px;
    width: 343px;
  }

  .PlumbingDetials div:nth-child(1) {
    gap: 4px;
  }

  .PlumbingDetials div:nth-child(1) p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .PlumbingDetials div:nth-child(1) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .PlumbingDetials button {
    width: 167px;
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
  }

  .Leakage,
  .Replacement {
    width: 343px;
    height: 190px;
    padding: 15px;
  }

  .Leakage div:nth-child(2),
  .Replacement div:nth-child(2) {
    gap: 3px;
    margin-top: -50px;
  }

  .Leakage div:nth-child(2) p:nth-child(1),
  .Replacement div:nth-child(2) p:nth-child(1) {
    font-size: 18px;
    line-height: 28px;
  }

  .Leakage div:nth-child(2) p:nth-child(2),
  .Replacement div:nth-child(2) p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .Leakage span,
  .Replacement span {
    width: 64px;
    height: 64px;
    top: -45px;
  }

  .Gallery {
    gap: 24px;
    padding-top: 32px;
    padding-right: 0px;
    padding-bottom: 32px;
    padding-left: 0px;
  }

  .Galleryheader {
    padding-left: 16px;
    padding-right: 16px;
  }

  .Galleryheader p:nth-child(1) {
    font-size: 24px;
    line-height: 32px;
  }

  .Galleryheader p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
  }

  .GalleryImgs {
    gap: 16px;
  }

  .GalleryImgs div:nth-child(1),
  .GalleryImgs div:nth-child(2),
  .GalleryImgs div:nth-child(3) {
    width: 343px;
  }

  .faq_header span {
    font-size: 24px;
    line-height: 32px;
  }

  .faqs {
    gap: 32px;
  }

  .faq_header p {
    font-size: 18px;
    line-height: 28px;
  }

  .accordion-button {
    font-size: 16px;
  }

  .accordion-body {
    font-size: 14px;
  }
}