:root {
  /* Font Families */
  --font-arvo: 'Arvo', serif;
  --font-poppins: 'Poppins', sans-serif;
  /* color rgba */

  --black: rgba(0, 0, 0, 1);
  /* #000 */
  --white: rgba(255, 255, 255, 1);
  /* #fff */
  --bunting: rgba(22, 27, 71, 1);
  /* #161B47 */
  --mandysPink: rgba(246, 208, 196, 1);
  /* #F6D0C4 */
  --puertoRico: rgba(64, 196, 170, 1);
  /* #40c4aaff */
  --puertoRico-41: rgba(64, 196, 170, 0.412);
  /* #40c4aa69 */
  --springWood: rgba(249, 248, 244, 1);
  /* #f9f8f4ff */
  --alto: rgba(212, 212, 212, 1);
  /* #d4d4d4ff */
  --mineShaft: #404040ff;
  /* #404040ff */
  --bunting-56: rgba(22, 27, 71, 0.561);
  /* #161b478f */
  --doveGray: rgba(115, 115, 115, 1);
  /* #737373 */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font: inherit;
  line-height: inherit;
}

/* placeholder */
select::placeholder,
textarea::placeholder,
input::placeholder {
  color: inherit;
}

html {
  scroll-behavior: smooth;
  line-height: 1;
}

body {
  font-family: var(--font-poppins);
  margin: auto;
  /* max-width: 1920px; */
  font-weight: 400;

}

.instagram,
.locations {
  margin: auto;
  /* max-width: 1440px; */
}

.lazy-bg {
  background-size: cover;
  background-position: center;
}

.here-to-help .container,
/* .testimonials .container, */
.offers {
  overflow: hidden;
}

header,
footer,
.hero {
  margin: auto;
  /* max-width: 1920px; */
}

/* img, svg, video */
img,
svg,
video {
  vertical-align: middle;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-position: center;
  object-fit: contain;
}

.video {
  position: relative;
  width: 100%;
  height: auto;
}

.video::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.video video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* show list */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.show-list ul {
  list-style: disc;
  padding-left: 20px;
}

.show-list ol {
  list-style-type: decimal;
  padding-left: 20px;
}

/* button */
.contact-us .wpcf7-form-control.button,
button,
.button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  max-width: 100%;
  padding: 17px 24px;
  border-radius: 8px;
  transition: all 0.3s ease;
  gap: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.contact-us .wpcf7-form-control.button {
  width: auto;
}

@media (max-width:767.98px) {

  button,
  .button {
    width: 100%;
  }
}

.navbar-toggler:focus,
button:focus,
.button:focus {
  box-shadow: none;
}

.button-bunting:hover,
.button-bunting {
  background-color: var(--bunting);
  color: var(--mandysPink);
}

.contact-us .wpcf7-form-control.button,
.button-mandysPink:hover,
.button-mandysPink {
  background-color: var(--mandysPink);
  color: var(--bunting);
}

.button-white:hover,
.button-white {
  background-color: var(--white);
  color: var(--bunting);
}

/* Disabled State */
button:disabled,
.button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.1);
  /* Optional: Adjust as needed */
  color: rgba(0, 0, 0, 0.4);
}

/* Text Colors */
.text-black {
  color: var(--black);
}

.text-white {
  color: var(--white);
}

.text-bunting {
  color: var(--bunting);
}

.text-mandysPink {
  color: var(--mandysPink);
}

.text-puertoRico {
  color: var(--puertoRico);
}

.text-puertoRico-41 {
  color: var(--puertoRico-41);
}

.text-springWood {
  color: var(--springWood);
}

.text-alto {
  color: var(--alto);
}

.text-mineShaft {
  color: var(--mineShaft);
}

.text-bunting-56 {
  color: var(--bunting-56);
}

/* Background Colors */
.bg-black {
  background-color: var(--black);
}

.bg-white {
  background-color: var(--white);
}

.bg-bunting {
  background-color: var(--bunting);
}

.bg-mandysPink {
  background-color: var(--mandysPink);
}

.bg-puertoRico {
  background-color: var(--puertoRico);
}

.bg-puertoRico-41 {
  background-color: var(--puertoRico-41);
}

.bg-springWood {
  background-color: var(--springWood);
}

.bg-alto {
  background-color: var(--alto);
}

.bg-mineShaft {
  background-color: var(--mineShaft);
}

.bg-bunting-56 {
  background-color: var(--bunting-56);
}

/* Border Colors */
.border-2 {
  border: 2px solid;
}

.border-black {
  border-color: var(--black);
}

.border-white {
  border-color: var(--white);
}

.border-bunting {
  border-color: var(--bunting);
}

.border-mandysPink {
  border-color: var(--mandysPink);
}

.border-puertoRico {
  border-color: var(--puertoRico);
}

.border-puertoRico-41 {
  border-color: var(--puertoRico-41);
}

.border-springWood {
  border-color: var(--springWood);
}

.border-alto {
  border-color: var(--alto);
}

.border-mineShaft {
  border-color: var(--mineShaft);
}

.border-bunting-56 {
  border-color: var(--bunting-56);
}

/* anchor tag */
a {
  text-decoration: unset;
  color: inherit;
}

a:hover {
  color: inherit;
}

/* Heading Classes */
.heading-1 {
  font-family: var(--font-arvo);
  font-weight: 700;
  font-size: 80px;
  line-height: 111%;
}

.heading-2 {
  font-family: var(--font-arvo);
  font-weight: 700;
  font-size: 61px;
  line-height: 120%;
}

.heading-3 {
  font-family: var(--font-arvo);
  font-weight: 700;
  font-size: 47px;
  line-height: 120%;
}

.heading-4 {
  font-family: var(--font-arvo);
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
}

.heading-5 {
  font-family: var(--font-arvo);
  font-weight: 700;
  font-size: 27px;
  line-height: 120%;
}

.heading-6 {
  font-family: var(--font-arvo);
  font-weight: 400;
  font-size: 21px;
  line-height: 120%;
}

.bold-text {
  font-family: var(--font-arvo);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

/* Responsive Adjustments for Headings */
@media (max-width: 991.98px) {
  .heading-1 {
    font-size: 50px;
  }

  .heading-2 {
    font-size: 41px;
  }

  .heading-3 {
    font-size: 35px;
  }

  .heading-4 {
    font-size: 30px;
  }

  .heading-5 {
    font-size: 22px;
  }

  .heading-6 {
    font-size: 18px;
  }

  .bold-text {
    font-size: 14px;
  }
}

/* Utility Text Sizes */
.text-s {
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  font-family: var(--font-poppins);
}

.text-m {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  font-family: var(--font-poppins);
}

.text-l {
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  font-family: var(--font-poppins);
}

@media (max-width: 991.98px) {
  .text-s {
    font-size: 14px;
  }

  .text-m {
    font-size: 16px;
  }

  .text-l {
    font-size: 18px;
  }
}


/* header start */
@media (min-width:1440px) {
  header .container {
    max-width: calc(1440px - 82px);
  }
}

.header-top {
  background-color: var(--bunting);
  height: 56px;
  color: var(--white);
  display: flex;
  align-items: center;
}

.header-job {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.06em;
}

.header-job img {
  margin-right: 10px;
}

.header-job span {
  vertical-align: middle;
}

@media (max-width:767px) {
  .header-job span {
    font-size: 12px;
  }

  .header-job img {
    margin-right: 5px;
  }
}

.time-tel-box,
.header-doc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.time-tel-box {
  gap: 55px;
}

.time-tel {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  letter-spacing: -0.02em;
}

.header-doc b {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.02em;
}

.time-tel b {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

.indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--puertoRico);
  border-radius: 50%;
  position: relative;
  margin-left: 10px;
}

.indicator::after {
  content: '';
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  background-color: var(--puertoRico-41);
  transform: scale(2);
  animation: ping 1s infinite;
}


@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  50% {
    transform: scale(2);
    opacity: 0.5;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.main-navigation li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--bunting);

}

.main-navigation li a:focus,
.main-navigation li a:hover {
  color: var(--bunting);
}

.main-navigation .navbar-nav {
  display: flex;
  gap: 23px;
}

.sub-nav {
  position: relative;
}

.sub-nav ul {
  position: absolute;
  width: 150px;
  top: 100%;
  left: 0;
  padding: 15px;
  background-color: var(--white);
  display: none;
}

.sub-nav:hover ul {
  display: block;
}

.navbar-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width:1199.98px) {
  header {
    position: relative;
  }

  .main-navigation .navbar {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: var(--white);
    padding: 0;
  }

  .main-navigation .navbar-nav {
    gap: 10px;
  }

  .main-navigation .navbar-collapse {
    padding: 20px;
  }

  .navbar-nav ul {
    width: 100%;
    gap: 10px;
    flex-direction: column;
    padding: 10px 0 0;
  }

  .navbar-box {
    flex-direction: column;
    align-items: start;
  }

  .main-navigation .navbar-nav {
    margin-bottom: 30px;
    width: 100%;
  }

  .sub-nav span {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .sub-nav ul {
    position: unset;
  }

  .sub-nav:hover ul {
    display: none;
  }

  .sub-nav img {
    transition: all 0.3s ease-in-out;
    rotate: 0deg;
  }

  .sub-nav img.up-arr {
    rotate: 180deg;
  }

  .sub-nav ul.flex-display {
    display: flex;
    padding: 10px 10px 0;
    flex-direction: column;
    gap: 10px;
  }
}

/* header end */

/* hero start */

.hero {
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  height: 437px;
}

.home .hero {
  height: 683px;
}

.hero h1 {
  color: var(--white);
  margin-bottom: 40px;
  margin-bottom: 0;
}

/* hero end */

/* let-touch start */

.let-touch {
  background: var(--springWood);
  position: relative;
  padding: 60px 0;
}

.home .let-touch {
  padding: 45px 0;
}

.let-touch .contact-person {
  position: absolute;
  bottom: 0;
  max-height: unset;
}

.let-touch h2 {
  font-family: var(--font-poppins);
  font-size: 18px;
  font-weight: 700;
  line-height: 25.2px;
  color: var(--black);
  margin-bottom: 20px;
}

.let-touch input {
  height: 54px;
  border: 1px solid var(--alto);
  backdrop-filter: blur(10px);
  box-shadow: none;
  border-radius: 8px;

}

.let-touch input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid var(--alto);
}

.let-touch input::placeholder,
.let-touch input {
  color: var(--bunting);
}

@media (max-width:991.98px) {
  .let-touch {
    padding: 50px 0;
  }

  .let-touch .contact-person {

    margin-top: 0;
  }
}

/* let-touch end */

/* top rated start */

.top-rated {
  padding: 55px 0 80px;
}

.star-group {
  text-align: center;
}

.top-rated span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: var(--mineShaft);
  margin-top: 14px;
}

.top-rated-title {
  display: flex;
  gap: 25px;
  align-items: center;
  margin: auto;

}

.top-rated-title h5 {
  font-size: 27px;
  font-weight: 700;
  line-height: 32.4px;
  color: var(--bunting);
  margin: 0;
  max-width: 465px;
}

@media (max-width:991.98px) {
  .top-rated-title h5 {
    max-width: 400px;
  }
}

@media (max-width:567.98px) {
  .top-rated-title {
    flex-direction: column;
    text-align: center;
  }
}

/* top rated end */

/* plumber solution start */

.plumber-solution {
  padding-top: 150px;
  padding-bottom: 60px;
  min-height: 825px;
  background-size: cover;
  background-position: center;
  color: var(--white);
}

.plumber-solution-docs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(825px - 150px - 60px);
  width: 100%;
}

.plumber-solution-title {
  text-align: center;
  max-width: 529px;
}

.plumber-solution-list {
  position: absolute;
  inset: 0;
}

.plumber-solution-lists {
  display: grid;
  grid-template-columns: 311px 1fr 311px;
  gap: 60px;
  align-items: center;
  justify-content: center;
}

.plumber-solution-box {
  width: 311px;
  background: var(--bunting-56);
  margin: auto;
  padding: 20px;
  border-radius: 16px;
  color: var(--mandysPink);
  transition-timing-function: linear;
}

.plumber-solution-box h6 {
  font-size: 21px;
  font-weight: 700;
  line-height: 25.2px;
  margin-bottom: 10px;
}

.plumber-solution-box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  margin: 0;
}

/* .plumber-solution-box:nth-child(1) {
  grid-column-start: 1;
  grid-row-start: 1;
  transform: translateX(60px);
}

.plumber-solution-box:nth-child(2) {
  grid-column-start: 1;
  grid-row-start: 2;
  transform: translateY(-100px);
}

.plumber-solution-box:nth-child(3) {
  grid-column-start: 3;
  grid-row-start: 1;
  transform: translateX(-60px);
}

.plumber-solution-box:nth-child(4) {
  grid-column-start: 1;
  grid-row-start: 3;
  transform: translate(60px, 0px);
}

.plumber-solution-box:nth-child(5) {
  grid-column-start: 3;
  grid-row-start: 2;
}

.plumber-solution-box:nth-child(6) {
  grid-column-start: 3;
  grid-row-start: 3;
  transform: translateX(-60px);
}

.plumber-solution-box:nth-child(7) {
  grid-column-start: 1;
  grid-row-start: 3;
  transform: translateX(60px);
} */

.plumber-solution-box:nth-child(1) {
  grid-column-start: 1;
  grid-row-start: 1;
  transform: translateX(60px);
}

.plumber-solution-box:nth-child(2) {
  grid-column-start: 2;
  grid-row-start: 1;
  transform: translateY(-100px);
}

.plumber-solution-box:nth-child(3) {
  grid-column-start: 3;
  grid-row-start: 1;
  transform: translateX(-60px);
}

.plumber-solution-box:nth-child(4) {
  grid-column-start: 1;
  grid-row-start: 2;
}

.plumber-solution-box:nth-child(5) {
  grid-column-start: 3;
  grid-row-start: 2;
}

.plumber-solution-box:nth-child(6) {
  grid-column-start: 3;
  grid-row-start: 3;
  transform: translateX(-60px);
}

.plumber-solution-box:nth-child(7) {
  grid-column-start: 1;
  grid-row-start: 3;
  transform: translateX(60px);
}

/* @media (min-width:1490px) {
  .plumber-solution-lists {
    grid-template-rows: repeat(3, 1fr);
  }

  .plumber-solution-box:nth-child(1) {
    animation: fadeSlide1 20s ease-in-out 0.4s infinite;
  }

  .plumber-solution-box:nth-child(2) {
    animation: fadeSlide2 20s ease-in-out 0.4s infinite;
  }

  .plumber-solution-box:nth-child(3) {
    animation: fadeSlide3 20s ease-in-out 0.4s infinite;
  }

  .plumber-solution-box:nth-child(4) {
    animation: fadeSlide4 20s ease-in-out 0.4s infinite;
  }

  .plumber-solution-box:nth-child(5) {
    animation: fadeSlide5 20s ease-in-out 0.4s infinite;
  }

  .plumber-solution-box:nth-child(6) {
    animation: fadeSlide6 20s ease-in-out 0.4s infinite;
  }

  .plumber-solution-box:nth-child(7) {
    animation: fadeSlide7 20s ease-in-out 0.4s infinite;
  }

  @keyframes fadeSlide1 {
    0% {
      transform: translate(0px, 0px);
    }

    12.5% {
      transform: translate(450px, -50px);
    }

    25% {
      transform: translate(980px, 0px);
    }

    37.5% {
      transform: translate(1020px, 210px);
    }

    50% {
      transform: translate(980px, 430px);
    }

    62.5% {
      transform: translate(500px, 470px);
    }

    75% {
      transform: translate(0px, 430px);
    }

    87.5% {
      transform: translate(-50px, 210px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  @keyframes fadeSlide2 {
    0% {
      transform: translate(0px, -50px);
    }

    12.5% {
      transform: translate(500px, 0px);
    }

    25% {
      transform: translate(550px, 210px);
    }

    37.5% {
      transform: translate(500px, 430px);
    }

    50% {
      transform: translate(0px, 470px);
    }

    62.5% {
      transform: translate(-500px, 430px);
    }

    75% {
      transform: translate(-550px, 210px);
    }

    87.5% {
      transform: translate(-500px, 0px);
    }

    100% {
      transform: translate(0px, -50px);
    }
  }

  @keyframes fadeSlide3 {
    0% {
      transform: translate(0px, 0px);
    }

    12.5% {
      transform: translate(50px, 210px);
    }

    25% {
      transform: translate(0px, 430px);
    }

    37.5% {
      transform: translate(-450px, 470px);
    }

    50% {
      transform: translate(-980px, 430px);
    }

    62.5% {
      transform: translate(-1020px, 210px);
    }

    75% {
      transform: translate(-980px, 0px);
    }

    87.5% {
      transform: translate(-450px, -50px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  @keyframes fadeSlide4 {
    0% {
      transform: translate(-50px, 0px);
    }

    12.5% {
      transform: translate(0px, -210px);
    }

    25% {
      transform: translate(450px, -300px);
    }

    37.5% {
      transform: translate(980px, -210px);
    }

    50% {
      transform: translate(1020px, 0px);
    }

    62.5% {
      transform: translate(980px, 210px);
    }

    75% {
      transform: translate(450px, 270px);
    }

    87.5% {
      transform: translate(0px, 210px);
    }

    100% {
      transform: translate(-50px, 0px);
    }
  }

  @keyframes fadeSlide5 {
    0% {
      transform: translate(50px, 0px);
    }

    12.5% {
      transform: translate(0px, 210px);
    }

    25% {
      transform: translate(-450px, 270px);
    }

    37.5% {
      transform: translate(-980px, 200px);
    }

    50% {
      transform: translate(-1020px, 0px);
    }

    62.5% {
      transform: translate(-980px, -200px);
    }

    75% {
      transform: translate(-450px, -270px);
    }

    87.5% {
      transform: translate(0px, -210px);
    }

    100% {
      transform: translate(50px, 0px);
    }
  }

  @keyframes fadeSlide6 {
    0% {
      transform: translate(0px, 0px);
    }

    12.5% {
      transform: translate(-450px, 50px);
    }

    25% {
      transform: translate(-980px, 0px);
    }

    37.5% {
      transform: translate(-1020px, -210px);
    }

    50% {
      transform: translate(-980px, -450px);
    }

    62.5% {
      transform: translate(-450px, -480px);
    }

    75% {
      transform: translate(0px, -450px);
    }

    87.5% {
      transform: translate(50px, -210px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  @keyframes fadeSlide7 {
    0% {
      transform: translate(0px, 0px);
    }

    12.5% {
      transform: translate(-50px, -210px);
    }

    25% {
      transform: translate(0px, -430px);
    }

    37.5% {
      transform: translate(450px, -480px);
    }

    50% {
      transform: translate(930px, -430px);
    }

    62.5% {
      transform: translate(1020px, -210px);
    }

    75% {
      transform: translate(930px, 0);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }
}

@media (max-width:1399.98px) {
  .plumber-solution-box:nth-child(1) {
    grid-column-start: 1;
    grid-row-start: 1;
    transform: translateX(50px);
  }

  .plumber-solution-box:nth-child(2) {
    grid-column-start: 2;
    grid-row-start: 1;
    transform: translateY(-50px);
  }

  .plumber-solution-box:nth-child(3) {
    grid-column-start: 3;
    grid-row-start: 1;
    transform: translateX(-50px);
  }

  .plumber-solution-box:nth-child(6) {
    grid-column-start: 3;
    grid-row-start: 3;
    transform: translateX(-50px);
  }

  .plumber-solution-box:nth-child(7) {
    grid-column-start: 1;
    grid-row-start: 3;
    transform: translateX(50px);
  }

  .plumber-solution-title {
    max-width: 450px;
  }
}

@media (max-width:1199.98px) {
  .plumber-solution-lists {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
  }

  .plumber-solution-title {
    max-width: 350px;
  }

  .plumber-solution-title h3 {
    font-size: 34px;
    line-height: normal;
  }

  .plumber-solution-box {
    width: 100%;
  }

  .plumber-solution-box:nth-child(1) {
    grid-column-start: 1;
    grid-row-start: 1;
    transform: translateX(0px);
  }

  .plumber-solution-box:nth-child(2) {
    grid-column-start: 2;
    grid-row-start: 1;
    transform: translateY(0px);
  }

  .plumber-solution-box:nth-child(3) {
    grid-column-start: 3;
    grid-row-start: 1;
    transform: translateX(0px);
  }

  .plumber-solution-box:nth-child(6) {
    grid-column-start: 3;
    grid-row-start: 3;
    transform: translateX(0px);
  }

  .plumber-solution-box:nth-child(7) {
    grid-column-start: 1;
    grid-row-start: 3;
    transform: translateX(0px);
  }

}

@media (max-width:991.98px) {
  .plumber-solution-list {
    position: unset;
  }

  .plumber-solution-docs {
    flex-direction: column;
  }

  .plumber-solution-lists {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .plumber-solution-title {
    max-width: unset;
    padding: 15px;
  }

  .plumber-solution-box:nth-child(n) {
    grid-column-start: unset;
    grid-row-start: unset;
    transform: none;
  }

  .plumber-solution {
    padding: 50px 0;
  }
}

@media (max-width:767.98px) {

  .plumber-solution-lists {
    grid-template-columns: 1fr;
  }
} */


@media (max-width:1399.98px) {
  .plumber-solution-box:nth-child(1) {
    grid-column-start: 1;
    grid-row-start: 1;
    transform: translateX(50px);
  }

  .plumber-solution-box:nth-child(2) {
    grid-column-start: 2;
    grid-row-start: 1;
    transform: translateY(-50px);
  }

  .plumber-solution-box:nth-child(3) {
    grid-column-start: 3;
    grid-row-start: 1;
    transform: translateX(-50px);
  }

  .plumber-solution-box:nth-child(6) {
    grid-column-start: 3;
    grid-row-start: 3;
    transform: translateX(-50px);
  }

  .plumber-solution-box:nth-child(7) {
    grid-column-start: 1;
    grid-row-start: 3;
    transform: translateX(50px);
  }

  .plumber-solution-title {
    max-width: 450px;
  }
}

@media (max-width:1199.98px) {
  .plumber-solution-lists {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
  }

  .plumber-solution-title {
    max-width: 350px;
  }

  .plumber-solution-title h3 {
    font-size: 34px;
    line-height: normal;
  }

  .plumber-solution-box {
    width: 100%;
  }

  .plumber-solution-box:nth-child(1) {
    grid-column-start: 1;
    grid-row-start: 1;
    transform: translateX(0px);
  }

  .plumber-solution-box:nth-child(2) {
    grid-column-start: 2;
    grid-row-start: 1;
    transform: translateY(0px);
  }

  .plumber-solution-box:nth-child(3) {
    grid-column-start: 3;
    grid-row-start: 1;
    transform: translateX(0px);
  }

  .plumber-solution-box:nth-child(6) {
    grid-column-start: 3;
    grid-row-start: 3;
    transform: translateX(0px);
  }

  .plumber-solution-box:nth-child(7) {
    grid-column-start: 1;
    grid-row-start: 3;
    transform: translateX(0px);
  }

}

@media (max-width:991.98px) {
  .plumber-solution-list {
    position: unset;
  }

  .plumber-solution-docs {
    flex-direction: column;
  }

  .plumber-solution-lists {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .plumber-solution-title {
    max-width: unset;
    padding: 15px;
  }

  .plumber-solution-box:nth-child(n) {
    grid-column-start: unset;
    grid-row-start: unset;
  }

  .plumber-solution {
    padding: 50px 0;
  }
}

@media (max-width:767.98px) {

  .plumber-solution-lists {
    grid-template-columns: 1fr;
  }
}

/* plumber solution end */

/* WHY CHOOSE US start */
.why-choose {
  padding-top: 92px;
  background-size: auto;
  background-position: top center;
}

.why-choose-box {
  background-color: var(--mandysPink);
  padding-top: 80px;
}

.why-choose-images {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  column-gap: 30px;
}

.why-choose-images picture {
  width: calc(50% - 15px);
}

.why-choose-images picture img {
  width: 100%;
}

.why-choose-images picture:last-of-type {
  width: 100%;
  margin-top: -30px;
  margin-bottom: -80px;
}

.section-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 11px;
  width: max-content;
}

.section-title::before {
  content: '';
  display: block;
  width: 18px;
  height: 3px;
  background-color: var(--bunting);
}

.why-choose-content {
  max-width: 616px;
  margin-left: auto;
  padding-bottom: 50px;
}

.why-choose-content h3 {
  color: var(--bunting);
  margin: 25px 0;
}

.why-choose-content p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: var(--bunting);
}

.why-choose-content ul {
  font-family: var(--font-arvo);
  font-size: 27px;
  font-weight: 700;
  color: var(--bunting);
  line-height: 32.4px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.why-choose-content ul li {
  margin-bottom: 23px;
  display: flex;
  gap: 25px;
  align-items: center;
  justify-items: center;
}

@media (max-width:991.98px) {
  .why-choose-images picture:last-of-type {
    margin-bottom: 40px;
  }

  .why-choose-content h3 {
    text-align: center;
  }

  .why-choose-content ul {
    font-size: 20px;
    line-height: normal;
    margin: 25px 0;
  }

  .why-choose-content p {
    font-size: 16px;
    line-height: normal;
    text-align: center;
  }

  .why-choose-content ul li {
    margin-bottom: 15px;
  }

  .why-choose-content .time-tel {
    background-color: var(--white);
    padding: 17px 24px;
    border-radius: 8px;
  }
}

.why-choose-sms {
  padding-top: 40px;
  padding-bottom: 20px;
}

.why-choose-sms h5 {
  position: relative;
  max-width: 515px;
  margin-bottom: 25px;
}

.why-choose-sms h5::after {
  content: url('../image/icon/quotation-left.png');
  position: absolute;
  left: 0;
  top: -90px;
}

.why-choose-sms p {
  margin: 0;
}

/* WHY CHOOSE US end */

/* locations start */

.locations {
  padding: 110px 0;
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: right center;
}

.locations .section-title {
  color: var(--doveGray)
}

.locations .section-title::before {
  background-color: var(--mandysPink);
}

.tabcontent {
  display: none;
}

.tabcontent.active {
  display: block;
}

.locations ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 32px;
}

.locations ul li {
  display: flex;
  gap: 15px;
  align-items: center;
}

.locations ul li::before {
  content: url('../image/icon/arrow-right-f-line.png');
}

@media (max-width:1199.98px) {
  .locations ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:991.98px) {
  .locations h3 {
    text-align: center;
  }

  .locations {
    background-image: none !important;
  }

  .locations {
    padding: 50px 0;
  }

  .locations ul {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width:768.98px) {
  .locations ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* locations end */

/* OFFERS start */

.offers {
  position: relative;
  padding-top: 80px;
  padding-bottom: 50px;
  overflow: hidden;
}

.offers::before {
  content: '';
  background-color: var(--mandysPink);
  height: 483px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.offersSwiper {
  overflow: visible;
}

.offers-box {
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, 0.07);
  display: flex;
  flex-direction: column;
}

.offers-box picture {
  height: max-content;
  display: block;
  position: relative;
}

.offers-box picture::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 36px;
  background-image: url('../image/home/disc-white.png');
}

.offers-box picture img {
  width: 100%;
}

.offersSwiper.swiper-horizontal>.swiper-pagination-bullets {
  margin-top: 34px;
  position: unset;
  background-color: var(--bunting);
  padding: 3px 10px 5px;
  width: max-content;
  border-radius: 30px;
}

.offers-box a {
  text-transform: uppercase;
}

@media (max-width:1399.98px) {
  .offersSwiper {
    overflow: hidden;
  }
}

@media (max-width:768.98px) {
  .offers {
    padding: 40px 0;
  }
}

/* OFFERS end */

/* TESTIMONIALS start */

.testimonials {
  padding-top: 20px;
  padding-bottom: 80px;
  overflow: hidden;
}

.ellipse {
  margin-left: auto;
  display: flex;
  gap: 20px;
}

.ellipse-img img {
  border-radius: 50%;
}

.ellipse-img img:not(:first-of-type) {
  margin-left: -20px;
}

.testimonials-swiper {
  overflow: visible;
  margin-top: 60px;
}

.testimonials-box {
  border: 1px solid var(--mandysPink);
  border-radius: 16px;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.testimonials-box p {
  font-size: 20px;
  font-weight: 500;
  color: var(--bunting);
}

.testimonials-head {
  gap: 24px;
  margin-top: auto;
}

.th-img img {
  border-radius: 50%;
}

.testimonials-head b {
  font-size: 20px;
  font-weight: 700;
  color: var(--bunting);
  display: block;
}

.testimonials-head span {
  color: var(--doveGray);
}

@media (max-width:991.98px) {
  .testimonials {
    padding-bottom: 50px;
    padding-top: 0;
    overflow: hidden;
  }

  .testimonials h3 {
    text-align: center;
  }

  .testimonials-swiper {
    overflow: hidden;
  }

  .ellipse {
    margin: auto;
  }

  .testimonials-box {
    padding: 20px;
  }

  .testimonials-box p {
    font-size: 16px;
  }
}

/* TESTIMONIALS end */

/* cleaning start */

.cleaning {
  background-size: cover;
  background-position: center;
}

.cleaning .container {
  padding-top: 68px;
  padding-bottom: 95px;
  position: relative;
}

.cleaning-img {
  position: absolute;
  bottom: 0px;
  right: 15px;
  height: 525px;
  max-height: unset;
}

@media (max-width:991.98px) {
  .cleaning {
    text-align: center;
  }

  .cleaning .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* cleaning end */

/* blog-posts start */

.blog-post-img img {
  width: 100%;
  border-radius: 20px;
}

/* blog-posts end */

/* OUR TEAM start */

.our-team {
  padding-top: 80px;
  margin-bottom: 20px;
  position: relative;
}

.section-title-line::after {
  content: '';
  display: block;
  width: 18px;
  height: 3px;
  background-color: var(--bunting);
}


.our-team .swiper-pagination-bullets,
.offersSwiper-arrows,
.our-team-arrows {
  margin-top: 34px;
  position: unset;
  background-color: var(--bunting);
  padding: 0 10px;
  width: max-content;
  border-radius: 30px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  z-index: 2;
  display: flex;
  align-items: center;
}

.offersSwiper-arrows {
  margin-left: 0;
  position: unset;
  margin-top: 15px;
}

.offersSwiper-arrows .swiper-button-next,
.offersSwiper-arrows .swiper-button-prev,
.our-team-arrows .swiper-button-next,
.our-team-arrows .swiper-button-prev {
  position: unset;
  margin: 0;

}

.offersSwiper-arrows .swiper-button-next img,
.offersSwiper-arrows .swiper-button-prev img,
.our-team-arrows .swiper-button-next img,
.our-team-arrows .swiper-button-prev img {
  filter: brightness(0) invert(1);
}

.offersSwiper-arrows .swiper-button-prev img,
.our-team-arrows .swiper-button-prev img {
  rotate: 180deg;
}

.offersSwiper-arrows .swiper-button-next::after,
.offersSwiper-arrows .swiper-button-prev::after,
.our-team-arrows .swiper-button-next::after,
.our-team-arrows .swiper-button-prev::after {
  display: none;
}


.our-team-swiper {
  margin-top: 80px;
}

.our-team-member-info {
  position: relative;
  margin: auto;
  margin-bottom: 40px;
  width: max-content;
}

.our-team-member-info b {
  text-transform: uppercase;
  font-weight: 700;
}

.our-team-member-info::after {
  content: url('../image/icon/arrow-down.png');
  position: absolute;
  top: 100%;
  right: -20%;
}

.our-team-swiper .swiper-wrapper .swiper-slide:nth-child(even) .our-team-member-info::after {
  right: 90%;
  transform: rotateY(180deg);
}

.our-team-member-img img {
  filter: saturate(0);
}

.our-team-member:hover .our-team-member-img img {
  filter: saturate(1);
}

@media (max-width:991.98px) {
  .our-team {
    padding-top: 50px;
  }

  .our-team-swiper {
    margin-top: 50px;
  }
}

/* OUR TEAM end */

/* instagram start */

.instagram {
  padding: 80px 0;
  overflow: hidden;
}

.instagram-swiper {
  margin: 50px 0;
  overflow: visible;
}

.testimonials-swiper .swiper-wrapper,
.job-done-swiper .swiper-wrapper,
.instagram-swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.instagram .swiper-slide {
  width: 211px;
  height: 211px;
}

.instagram-post img {
  width: 211px;
  height: 211px;
  border-radius: 16px;
}

.job-done-swiper .swiper-wrapper {
  margin: 0 -1px;
}

@media (max-width:991.98px) {
  .instagram {
    padding: 50px 0;
  }
}

/* instagram end */

/* footer start */

.footer-top {
  padding-top: 50px;
}

.contact-info {
  max-width: 300px;
  margin-top: 75px;
  margin-bottom: 25px;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.contact-item .icon {
  background-color: var(--mandysPink);
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex: 0 0 auto;
}

.contact-item .icon img {
  width: 22px;
}

.contact-item p {
  margin: 0;
}

.social-links {
  display: flex;
  gap: 15px;
  margin-top: 40px;
}

.footer-top h6 {
  font-family: var(--font-arvo);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  color: var(--mandysPink);
  margin-bottom: 24px;
  margin-top: 15px;
  position: relative;
}

.footer-top h6::after {
  content: '';
  position: absolute;
  left: 0;
  top: -15px;
  width: 18px;
  height: 3px;
  background-color: var(--mandysPink);
}

.footer-top li {
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  font-family: var(--font-poppins);
  margin-bottom: 13px;
}

.copyright {
  border-top: 1px solid var(--white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 25px;
  padding: 32px 0;
}

.copyright p {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 25px;
  text-align: center;
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  opacity: 0.5;
}

@media (max-width:1199.98px) {
  .copyright {
    margin-top: 25px;
  }
}

@media (max-width:991.98px) {
  .copyright {
    margin-top: 25px;
  }

  .copyright,
  .copyright p {
    justify-content: center;
  }
}

/* footer end */


/* expert start */

.expert-solution-section {
  padding: 50px 0px;
}

.expert-solution-section .container {
  max-width: 1244px;
  margin: auto;
}

.expert-solution-section .expert-header {
  display: flex;
  align-items: center;
  gap: 20px;

}

.expert-solution-section .expert-header span {
  display: block;
  height: 3px;
  width: 18px;
  background: var(--mandysPink);
}

.expert-solution-section .expert-header h6 {
  font-family: var(--font-arvo);

  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  text-align: center;
  color: var(--greyscale);
  text-decoration-skip-ink: none;
  margin-bottom: 0;
}

.expert-solution-section .expert-header-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 32px 0px 80px 0px;
  flex-wrap: wrap;
}

.expert-solution-section .expert-header-title h2 {
  max-width: 699px;
  font-size: 61px;
  font-weight: 700;
  line-height: 73.2px;
  color: var(--bunting);
}

.expert-solution-section .expert-header-title p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  max-width: 396px;
  color: var(--greyscale);
}

.expert-solution-section .img-wrap {
  background: var(--bunting);
  padding: 20px;
  border-radius: 20px;
  position: absolute;
  bottom: 0;
  max-width: 598px;
  margin: auto;
  opacity: 0.6;
  left: 0;
  right: 0;
  margin: 30px;
  color: var(--mandysPink);
  height: 132px;
  transition: background 0.3s ease, opacity 0.3s ease, height 0.3s ease;
}

.expert-solution-section .img-wrap h5 {

  font-weight: 700;
  line-height: 32.4px;
  text-align: left;
  font-size: 27px;
}

.expert-solution-section .wrapper {
  position: relative;
  max-width: 598px;
  margin: auto;
  height: 100%;
  display: block;
}

.expert-solution-section .img-wrap a {
  display: flex;
  background: var(--mandysPink);
  color: var(--bunting);
  max-width: fit-content;
  padding: 15px 25px;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  border-radius: 8px;

  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.wrapper-list {
  padding-top: 50px;
  padding-bottom: 50px;
}

.expert-solution-section .col-md-6 {
  transform: translateY(50px);
}

.expert-solution-section .col-md-6:nth-child(odd) {
  transform: translateY(-50px);
}

.expert-solution-section .wrapper:hover .img-wrap a {
  display: flex;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.expert-solution-section .wrapper:hover .img-wrap {
  opacity: 1;
  height: 200px;
}

@media (max-width:1199.98px) {
  .expert-solution-section .wrapper:hover .img-wrap {
    opacity: 1;
    height: 220px;
  }
}

@media (max-width:991.98px) {
  .expert-solution-section .expert-header-title h2 {
    font-size: 50px;
    line-height: normal;
  }

  .wrapper-list {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .expert-solution-section .col-md-6 {
    transform: translateY(0px);
  }

  .expert-solution-section .img-wrap {
    height: auto;
  }

  .expert-solution-section .wrapper:hover .img-wrap {
    opacity: 1;
    height: auto;
  }

  .expert-solution-section .col-md-6:nth-child(odd) {
    transform: translateY(0px);
  }

  .expert-solution-section .img-wrap a {
    display: flex;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

@media (max-width:567.98px) {
  .expert-solution-section .img-wrap h5 {
    font-size: 22px;
    line-height: 1;
  }

  .expert-solution-section .img-wrap {
    margin: 20px;
  }
}

/* expert end */

/* why-emergency-section start */
.text-content {
  max-width: 616px;
}

.text-content p {
  margin: 0;
}

.text-content b {
  font-family: var(--font-arvo);
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: -15px;
}

.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: end;
}

@media (max-width:767.98px) {
  .text-content h3 {
    text-align: center;
  }
}

/* why-emergency-section end */

/* EMERGENCY STEPS  start */

.emergency-steps {
  padding-top: 100px;
  padding-bottom: 66px;
}

.step-card {
  border: 1px solid var(--mandysPink);
  height: 100%;
  border-radius: 16px;
}

.step-card h4 {
  margin: 0;
}

.step-img {
  width: 70px;
  height: 70px;
  background-color: var(--mandysPink);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex: 0 0 auto;
}

.step-img-bl {
  border-bottom-left-radius: 0px;
}

.step-img-br {
  border-bottom-right-radius: 0px;
}

.step-title {
  font-family: var(--font-arvo);
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: var(--bunting);
  margin: 20px 0 16px;
}

.step-description {
  font-size: 16px;
  line-height: 160%;
  color: var(--bunting);
  font-weight: 400;
}

@media (max-width:991.98px) {
  .text-content {
    max-width: unset;
  }

  .image-gallery {
    justify-content: center;
    margin-bottom: 30px;
  }

  .image-gallery picture,
  .image-gallery img {
    width: 100%;
  }
}

/* EMERGENCY STEPS  end */

/* HERE TO HELP start */
.here-to-help {
  margin-top: 90px;
  margin-bottom: 50px;
  overflow: hidden;
}

.here-to-help-wrapper {
  overflow: visible;
  margin-top: 40px;
}

.here-to-help-next,
.here-to-help-prev {
  position: unset;
  width: 44px;
  margin: 0;
  margin-left: 15px;
}

.here-to-help-next::after,
.here-to-help-prev::after {
  display: none;
}

.here-to-help-next img,
.here-to-help-prev img {
  width: 100%;
}

.here-to-help-wrapper figure {
  position: relative;
}

.here-to-help-wrapper figcaption {
  position: absolute;
  font-family: var(--font-arvo);
  font-weight: 700;
  font-size: 27px;
  line-height: 120%;
  color: var(--white);
  top: 38px;
  left: 32px;
}

.here-to-help-wrapper img {
  width: 100%;
  border-radius: 16px;
}

@media (max-width:767.98px) {
  .here-to-help h5 {
    text-align: center;
  }
}

/* HERE TO HELP end */

/* faq start */
.faq h3 {
  margin-bottom: 50px;
}

.faq .accordion-button:focus {
  box-shadow: none;
  outline: unset;
  border: none;
}

.faq .accordion-item,
.faq .accordion-item .accordion-button {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.faq .accordion-button {
  flex-direction: row-reverse;
  color: var(--bunting);
  font-family: var(--font-poppins);
  font-weight: 700;
  font-size: 16px;
  padding: 16px;
  line-height: 120%;
  align-items: end;
  justify-content: start;
}

.faq .accordion-button:not(.collapsed) {
  background-color: #FEEFF2;
  color: var(--bunting);
  box-shadow: none;
  padding-bottom: 10px;
}

.faq .accordion-button::after {
  background-image: url('../image/icon/arrow-drop-down-fill.png');
  margin: 0px;
}

.faq .accordion-button:not(.collapsed)::after {
  background-image: url('../image/icon/arrow-drop-down-fill.png');
  transform: rotate(90deg);
}

.faq .accordion-body {
  background-color: #FEEFF2;
  color: var(--bunting);
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  font-family: var(--font-poppins);
  padding-top: 0;
}

.faq .section-title::after,
.faq .section-title::before {
  background-color: var(--mandysPink);
}

/* faq end */

/* Job done start */

.job-done h5 {
  /* font-style: italic; */
  width: max-content;
  max-width: 100%;
  padding: 5px 15px;
  margin: auto;
  transform: skewX(-15deg);
  text-transform: uppercase;
  margin-bottom: 35px;
}

.job-done-top {
  padding-top: 130px;
  padding-bottom: 90px;
}

.job-done-slide {
  width: 275px;
  height: 185px;
  border: 1px solid #888888;
  ;
  border-left-width: 0.5px;
  border-right-width: 0.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  padding: 20px;
}

.job-done-slide b {
  width: 80%;
  display: block;
}

@media (max-width:767.98px) {
  .job-done .heading-5 {
    font-size: 18px;
  }

  .job-done-top {
    padding: 60px 0;
  }
}

/* Job done end */

/* emergency whyChoose start */
.emergency-whyChoose {
  padding-top: 109px;
  padding-bottom: 130px;
}

.emergency-whyChoose-img {
  width: auto;
  margin-left: auto;
  position: relative;
}

.emergency-whyChoose-img img {
  border-radius: 16px;
  width: 550px;
}

.emergency-whyChoose .step-img {
  width: 50px;
  height: 50px;
}

.ewc-text {
  padding: 20px;
  position: absolute;
  width: 210px;
  top: 25px;
  right: 25px;
  border-radius: 16px;
}

.emergency-whyChoose-box {
  padding: 24px;
  display: grid;
  gap: 24px;
  border-radius: 16px;
}



.emergency-whyChoose-box p {
  margin: 0;
}

@media (min-width:1399.98px) {
  .emergency-whyChoose-left {
    padding-right: 90px;
  }
}

@media (max-width:1399.98px) {


  .emergency-whyChoose-img {
    margin: auto;
  }
}

@media (max-width:991.98px) {
  .emergency-whyChoose {
    padding: 50px 0;
  }
}

/* emergency whyChoose end */

/* What we do start */
.what-we-do {
  background-repeat: no-repeat;
  padding-bottom: 90px;
  background-position: top center;
  background-size: auto;
}

.what-we-do-top {
  padding-top: 64px;
  padding-bottom: 80px;
}

.what-we-do-top .section-title {
  margin: auto;
}

.what-we-do-top .section-title::before {
  background-color: var(--mandysPink);
}

.what-we-do-top p {
  margin: auto;
  margin-top: 35px;
  max-width: 718px;
}

.what-we-do-box {
  padding: 30px;
  margin-top: 10px;
  border-radius: 16px;
}

.what-we-do-box p:last-of-type {
  margin: 0;
}

/* What we do end */

/* Why Emergency Plumbing start */

.wep-list {
  background-color: var(--bunting);
  color: var(--mandysPink);
  font-family: var(--font-arvo);
  font-weight: 400;
  font-size: 21px;
  line-height: 120%;
  padding: 50px 30px 70px;
  max-width: 495px;
  position: relative;
  margin-left: auto;
  border-radius: 8px;
}

.wep-list::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  border-radius: 8px;
  background-color: var(--mandysPink);
  transform: rotateZ(4deg) translate(0px, 10px);
  z-index: -1;
  width: calc(100% + 10px);
  height: calc(100% - 10px);
}

.wep-list li {
  background-image: url('../image/icon/check-fill.png');
  padding: 10px 0;
  padding-left: 50px;
  background-repeat: no-repeat;
}

.wep-list li:not(:last-of-type) {
  margin-bottom: 5px;
}

@media (max-width:991.98px) {
  .wep-list {
    margin: auto;
    padding: 40px 20px;
  }

  .wep-list::after {
    transform: rotateZ(2deg) translate(5px, 5px);
    width: 100%;
    height: 100%;
  }
}

/* Why Emergency Plumbing end */

/* error-page ,thank-you start */
.thank-you,
.error-page {
  padding: 50px 20px 100px;
  text-align: center;
}

.thank-you h1,
.error-page h1 {
  line-height: 1.5;
  font-family: var(--font-arvo);
  font-size: 130px;
  font-weight: 800;
  text-transform: uppercase;
}

@media (max-width:991.98px) {
  .thank-you h1 {
    font-size: 80px;
    line-height: 1;
  }
}

.offers-box h4 span {
  display: block;
}

.testimonials .section-title::before,
.emergency-steps .section-title::before {
  background-color: var(--mandysPink);
}

.testimonials .section-title {
  color: #737373;
}

.emergency-steps .section-title {
  color: #171717;
  ;
}

.faq .accordion-body ul {
  list-style: disc;
  margin-left: 1rem;
}

.offers-box ul {
  margin-left: 2rem;
  list-style: disc;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.offers-box ul li {
  font-size: 16px;
  line-height: 1.5;
}

.offers .swiper-slide {
  display: flex;
  align-items: stretch;
  height: auto;
}

.testimonials-swiper .swiper-slide {
  height: auto;
}

.offers .offer-content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  height: auto;
  flex: 1 1 auto;
}

.offers .offer-content .button {
  margin-top: auto;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}


/* error-page,thank-you  end */
.wpcf7-response-output,
.wpcf7-spinner {
  display: none !important;
}

.form-wrapper p {
  display: flex;
  gap: 1rem;
}

.let-touch .button {
  border: none;
}

@media (min-width:567.98px) and (max-width:766.99px) {
.form-wrapper p > * {
  flex: 1 1 50%;
}
}
@media (max-width:567.98px) {
  .form-wrapper p {
    flex-direction: column;
    align-items: center;
  }
}

/* TPS Difference start */
.contact-us .hero p {
  max-width: 525px;
}

.tps-difference h2 {
  margin-bottom: 20px;
}

.tps-difference h5 {
  margin-bottom: 30px;
}

.tps-difference label {
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  font-family: var(--font-poppins);
  display: block;
  margin-bottom: 12px;
}

.tps-difference input,
.tps-difference select,
.tps-difference textarea {
  display: block;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--alto);
  height: 58px;
  padding: 16px 24px;
  resize: none;
  color: var(--doveGray);
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  font-family: var(--font-poppins);
}

.tps-difference select {
  background-image: url(../image/icon/arrow-down-s-line.png);
  background-repeat: no-repeat;
  appearance: none;
  background-position: right 15px center;
}

.map-contact-us img {
  border-radius: 8px;
  margin-bottom: 30px;
  margin-top: 40px;
  width: 100%;
}

.tps-difference textarea {
  height: 180px;
}

.tps-difference {
  padding: 95px 0;
}

.contact-us-info li,
.social-icons {
  display: flex;
  gap: 24px;
  color: var(--bunting);
  font-family: var(--font-arvo);
  font-weight: 400;
  font-size: 21px;
  line-height: 120%;
  align-items: center;
  overflow-wrap: anywhere;
}

.contact-us-info li small {
  display: block;
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  font-family: var(--font-poppins);
}

.contact-us-info li {
  margin-top: 30px;
}

.contact-us-info li p {
  margin: 0;
}

.contact-us-info span {
  display: flex;
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  background-color: var(--mandysPink);
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

@media (max-width:991.98px) {
  .tps-difference {
    padding: 50px 0;
  }

  .map-contact-us img {
    margin-top: 0;
  }
}

/* TPS Difference end */

.wpcf7-form p {
  margin-bottom: 0;
}

.wpcf7-form .col-md-6 p {
  margin-bottom: 0;
}


@media (max-width: 767.98px) {
  .contact-us .wpcf7-form-control.button {
    width: 100%;
  }
}

.header-top .header-job span {
  text-transform: uppercase;
}

.c-locations-docs {
  display: grid;
  grid-template-columns: 300px 1fr;
  /* background-image: url("../image/tps_service-imag-map section.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; */
}

/* .c-locations ul li::before {
  content: url(../image/icon/arrow-right-line-2.png);
} */

.c-locations-teb {
  display: flex;
  flex-direction: column;
  background-color: var(--mandysPink);
}

.c-locations-teb .button {
  border-radius: 0px;
}

.c-locations-content {
  padding: 20px;
  /* color: var(--mandysPink); */
  /* background-color: var(--bunting-56); */
}

@media (max-width:993px) {
  .c-locations-docs {
    display: block;
    grid-template-columns: 1fr;
    background-position: center;
  }

  .c-locations-teb .button {
    flex: 1;
  }

  .locations-map {
    height: 400px;
  }
}

/* .c-locations-content li {
  transition: all 0.3s ease-in-out;
}

.c-locations-content li:hover {
  transform: translateX(10px);
} */

.c-locations-teb h4 {
  padding: 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  margin-bottom: 20px;
}

.c-locations-teb h4::after {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  width: calc(100% - 40px);
  background-color: black;
  bottom: 0px;
  left: 20px;
}


.c-locations-content h4 {
  margin-bottom: 40px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}

.c-locations-content h4::after {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #000;
  bottom: -20px;
  left: 0px;
}

.c-locations-teb .button {
  justify-content: start;
}

.c-locations ul {
  display: block;
  column-count: 3;
}

.c-locations ul li {
  margin-bottom: 15px;
}

@media (max-width:1199.98px) {
  .locations ul {
    column-count: 2;
  }
}

@media (max-width:991.98px) {
  .locations ul {
    column-count: 3;
  }
}

.c-map {
  margin-top: 100px;
}

@media (max-width:768.98px) {
  .locations ul {
    column-count: 2;
  }

  .c-map {
    margin-top: 40px;
  }
}

.offersSwiper:after {
  content: '';
  position: absolute;
  top: -15px;
  left: -101%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, #fff 64.5%, rgba(246, 208, 196, 1) 34%);
  z-index: 1;
}

@media (min-width:1950px) {
  .img-fluid.header-logo {
    height: 70px;
  }
}


.c-fix-icon {
  background-color: var(--bunting);
  position: fixed;
  padding: 10px 20px;
  bottom: 40px;
  border-radius: 50px 0 0 50px;
  right: 0;
  transition: all 0.5s;
  width: max-content;
  color: var(--white);
  z-index: 10;
}

.time-tel img,
.time-tel svg,
.c-fix-icon img {
  animation: identifier 1.5s linear 0s infinite alternate;
}

@keyframes identifier {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(0deg);
  }

  30% {
    transform: rotate(0deg);
  }

  40% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(0deg);
  }

  60% {
    transform: rotate(0deg);
  }

  70% {
    transform: rotate(0deg);
  }

  80% {
    transform: rotate(0deg);
  }

  85% {
    transform: rotate(25deg);
  }

  90% {
    transform: rotate(-25deg);
  }

  95% {
    transform: rotate(25deg);
  }

  100% {
    transform: rotate(-25deg);
  }
}
.navbar-toggler {
  padding: 0;
}
.navbar-toggler-icon {
  width: 50px;
  height: 50px;
}
header{
  z-index: 11;
}
.time-tel b,
.time-tel span,
.c-main-header .time-tel span,
.c-main-header .time-tel b {
  line-height: 1;
}
/* @media (min-width:1824px) {
  .our-team-swiper
.swiper-slide {
width: max-content;
}
} */
@media (min-width:1600px) {
  .navbar-box .button {
    font-size: 18px;
  }
}
@media (max-width:768px) {
.main-navigation .navbar-collapse {
  max-width: 540px;
  margin: auto;
}
}
@media (max-width:576px) {

  .time-tel svg,
  .c-main-header .header-job img,
  .c-main-header .time-tel img {
    width: 16px;
  }

  .c-main-header .header-job span {
    font-size: 11px;
    line-height: 1.3;
  }

  .c-main-header .time-tel b {
    font-size: 9px;
    line-height: 1;
  }

  .c-fix-icon span,
  .c-fix-icon b {
    font-size: 14px;line-height: 1;
  }
  .header-job {
    display: flex;align-items: center;
  }
  .c-main-header .time-tel span {
    font-size: 12px;
    line-height: 1;
  }
}

@media (max-width:400px){

 .c-main-header .header-job span {
    font-size: 11px;
  }

  .c-main-header .time-tel b {
    font-size: 9px;
    line-height: 1;
  }

  .c-fix-icon span,
  .c-fix-icon b {
    font-size: 12px;
  }

  .c-main-header .time-tel span {
    font-size: 10px;
    line-height: 1;
  }
}
.footer-top .img-fluid{
  max-width: 262px;
}