#promotions_all .main .container {
  padding-top: 18%;
}
body {
  background-color: #e9f7f8;
}

.pet-friendly {
  position: relative;
  background-color: #e9f7f8;
}

#promotions_all.pet-friendly .head .sub_title {
  color: #36a6b1;
}

.pet-friendly .pets-park-hero {
  /* align-items: flex-end; */
  /* padding: 60px 0px 0px; */
  display: flex;
  position: relative;
  flex: 0 0 auto;
  background-color: #fff;
  border-radius: 0px 60px 0px 60px;
}

.pet-friendly .hero-container {
  display: flex;
  flex-direction: column;
  /* width: 730px; */
  align-items: center;
  justify-content: flex-end;
  position: relative;
  width: 50%;
  height: 100%;
}

.pet-friendly .pets-park-intro {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 21% 3rem 3rem 3rem;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
  z-index: 1;
}

.pet-friendly .petspark-logo-EN {
  position: absolute;
  top: -4rem;
  left: 1.5rem;
  width: 23vw;
  /* height: 301px; */
  aspect-ratio: 1.41;
  object-fit: cover;
  transform: translate(0, -50%);
}

.pet-friendly .group {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

.pet-friendly .group svg {
  width: 24px;
}

.pet-friendly .the-first-shopping {
  position: relative;
  /* width: 630px;
  height: 250px; */
  text-align: left;
  font-weight: 400;
  color: #575756;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: normal;
}
.pet-friendly .rectangle {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 473px;
  margin-top: -406px;
  background-color: #ffffff;
  border-radius: 0px 0px 0px 60px;
  z-index: 0;
}

.pet-friendly .img-div {
  width: 50%;
  border-radius: 0px 60px 0px 0px;
  overflow: hidden;
}

.pet-friendly .img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* width: 729px;
    height: 473px; */
}

.pet-friendly .two-images-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* width: 1920px; */
  align-items: flex-start;
  justify-content: center;
  gap: 2.5rem;
  padding: 100px 0px 10px;
  position: relative;
}

.pet-friendly .frame {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  width: 100%;
}

.pet-friendly .jack {
  /* margin-left: -5.25px;
  margin-right: -5.25px; */
  position: relative;
  object-fit: cover;
  /* width: 816.66px;
  height: 570.62px;
  margin-top: -5.25px;
  aspect-ratio: 1.5; */
}

.pet-friendly .choi-hung-rd {
  position: relative;
  /* width: 717px;
  height: 104px;
  margin-top: -60px;
  aspect-ratio: 6.89; */
  object-fit: cover;
  transform: translate(0px, -50%);
}

.pet-friendly .frame-2 {
  justify-content: flex-end;
  padding: 90px 0px 0px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  width: 100%;
}

.pet-friendly .jack-2 {
  position: relative;
  object-fit: cover;
  /* width: 816.66px;
  height: 570.62px;
  margin-top: -5.25px;
  aspect-ratio: 1.5; */
}

.pet-friendly .prince-edward-rd {
  position: relative;
  /* width: 876px;
  height: 104px;
  margin-top: -40px;
  aspect-ratio: 8.42; */
  object-fit: cover;
  transform: translate(0px, -50%);
}

.pet-friendly .pet-fun-facilities {
  display: flex;
  flex-direction: column;
  /* width: 1920px; */
  align-items: center;
  gap: 40px;
  padding: 1.5rem 0px 5rem 0;
  position: relative;
  flex: 0 0 auto;
}

.pet-friendly .group-2 {
  position: relative;
  width: 362px;
  height: 50px;
}

.pet-friendly .rectangle-2 {
  /* position: absolute;
  top: 0;
  left: 0;
  width: 360px;
  height: 50px;
  background-color: #ed7576;
  border-radius: 25px; */
}

.pet-friendly .text-wrapper-4 {
  /* position: absolute;
  top: 4px;
  left: 29px; */
  /* font-family: "Tenor Sans", Helvetica; */
  font-weight: 400;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  /* letter-spacing: 0; */
  line-height: normal;
  /* white-space: nowrap; */
  background-color: #ed7576;
  border-radius: 50px;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}

.pet-friendly .text-wrapper-4.services {
  background-color: #52c2f0;
}

.pet-friendly .text-wrapper-4.pet {
  background-color: #f18e39;
}

.pet-friendly .facilities-img {
  align-items: flex-start;
  display: inline-flex;
  gap: 50px;
  position: relative;
  flex: 0 0 auto;
}

.pet-friendly .fac {
  display: flex;
  flex-direction: column;
  /* width: 360px; */
  align-items: center;
  gap: 20px;
  position: relative;
}

.pet-friendly .img-2 {
  position: relative;
  align-self: stretch;
  /* width: 8rem; */
  aspect-ratio: 1;
  object-fit: cover;
}

.pet-friendly .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  /* font-family: "Arial-Regular", Helvetica; */
  font-weight: 400;
  color: #6f6f6e;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.pet-friendly .div-2 {
  display: flex;
  flex-direction: column;
  /* width: 1440px; */
  /* height: 640px; */
  align-items: center;
  gap: 70px;
  /* padding: 40px 510px 550px; */
  position: relative;
  background-color: #ffffff;
  border-radius: 60px 0px 60px 0px;
  box-shadow: 0px 0px 10px #00000033;
  padding: 2rem 4rem 2rem 4rem;
  width: 95%;
  margin: 0 auto;
}

.pet-friendly .group-3 {
  position: relative;
  /* width: 422px;
  height: 50px; */
  /* margin-right: -2px; */
}

.pet-friendly .rectangle-3 {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 420px;
  height: 50px; */
  background-color: #52c2f0;
  border-radius: 25px;
}

.pet-friendly .text-wrapper-6 {
  position: absolute;
  /* top: 4px;
  left: 27px; */
  /* font-family: "Tenor Sans", Helvetica; */
  font-weight: 400;
  color: #ffffff;
  font-size: 2.5rem;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.pet-friendly .service-details {
  /* width: 1230px; */
  gap: 3.5rem;
  flex: 0 0 auto;
  /* margin-bottom: -439px; */
  /* margin-left: -405px; */
  /* margin-right: -405px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
}

.pet-friendly .service-line {
  display: flex;
  gap: 4.5rem;
  align-self: stretch;
  width: 100%;
  align-items: center;
  position: relative;
  /* flex: 0 0 auto; */
}

.pet-friendly .service-title {
  /* width: 45%; */
  gap: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 3;
}

.pet-friendly .text-wrapper-7 {
  position: relative;
  align-self: stretch;
  /* margin-top: -1px; */
  /* font-family: "Tenor Sans", Helvetica; */
  color: #52c2f0;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  text-align: left;
}

.pet-friendly .group-4 {
  position: relative;
  /* width: 337px;
  height: 28px; */
}

.pet-friendly .text-wrapper-8 {
  /* position: absolute; */
  top: 0;
  /* left: 38px; */
  /* font-family: "Tenor Sans", Helvetica; */
  font-weight: 400;
  color: #6f6f6e;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.pet-friendly .location-pin {
  background-image: url(./img/vector-2.svg);
  position: absolute;
  top: 2px;
  left: 0;
  width: 19px;
  height: 24px;
  background-size: 100% 100%;
}

.pet-friendly .supply-row {
  gap: 4.5rem;
  position: relative;
  /* flex: 0 0 auto; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: flex-end;
  flex: 6;
}

.pet-friendly .supply {
  display: flex;
  flex-direction: column;
  /* width: 80.5px; */
  align-items: center;
  gap: 20px;
  position: relative;
}

.pet-friendly .icn-trolley {
  align-self: stretch;
  width: 8rem;
  position: relative;
  /* aspect-ratio: 0.99; */
  object-fit: cover;
}

.pet-friendly .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  /* font-family: "Tenor Sans", Helvetica; */
  font-weight: 400;
  color: #6f6f6e;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.pet-friendly .supply-2 {
  display: flex;
  flex-direction: column;
  /* width: 155px; */
  align-items: center;
  gap: 20px;
  position: relative;
}

.pet-friendly .img-3 {
  position: relative;
  /* width: 80.5px; */
  /* height: 80.5px; */
  /* aspect-ratio: 1; */
  object-fit: cover;
  width: 8rem;
}

.pet-friendly .supply-3 {
  display: flex;
  flex-direction: column;
  /* width: 83.5px; */
  align-items: flex-end;
  gap: 20px;
  position: relative;
}

.pet-friendly .supply-4 {
  display: flex;
  flex-direction: column;
  /* width: 114px; */
  align-items: center;
  gap: 20px;
  position: relative;
}

.pet-friendly .line {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  object-fit: cover;
}

.pet-friendly .service-line-2 {
  display: inline-flex;
  gap: 4.5rem;
  align-items: center;
  position: relative;
  /* flex: 0 0 auto; */
  width: 100%;
}

.pet-friendly .pet-friendly-title {
  display: flex;
  flex-direction: column;
  /* width: 45%; */
  align-items: flex-start;
  gap: 3.5rem;
  position: relative;
  flex: 3;
}

.pet-friendly .group-5 {
  position: relative;
  /* width: 337px; */
  /* height: 28px; */
  /* margin-right: -2px; */
}

.pet-friendly .facilities-row {
  align-items: flex-end;
  display: inline-flex;
  gap: 50px;
  gap: 4.5rem;
  position: relative;
  /* flex: 0 0 auto; */
  flex: 6;
}

.pet-friendly .facility {
  /* width: 117px; */
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.pet-friendly .facility-2 {
  /* width: 169px; */
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.pet-friendly .icn-trolley-2 {
  /* width: 80.5px; */
  /* height: 81px; */
  position: relative;
  /* aspect-ratio: 0.99; */
  object-fit: cover;
  width: 8rem;
}

.pet-friendly .facility-3 {
  /* width: 189px; */
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.pet-friendly .related-section {
  flex-direction: column;
  /* width: 1440px; */
  align-items: center;
  gap: 2.5rem;
  padding: 12rem 0px 2rem 0px;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.pet-friendly .group-6 {
  position: relative;
  width: 1232px;
  height: 50px;
}

.pet-friendly .rectangle-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1230px;
  height: 50px;
  background-color: #f18e39;
  border-radius: 25px;
}

.pet-friendly .p {
  position: absolute;
  top: 4px;
  left: 75px;
  font-family: "Tenor Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.pet-friendly .related-restaurants {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 3.5rem;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  /* display: flex; */
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.pet-friendly .related {
  flex-direction: column;
  /* width: 300px; */
  align-items: center;
  gap: 1rem;
  display: flex;
  position: relative;
}

.pet-friendly .rectangle-5 {
  position: relative;
  align-self: stretch;
  width: 100%;
  /* height: 300px; */
  background-color: #d9d9d9;
  border-radius: 0px 30px 0px 30px;
  overflow: hidden;
}

.pet-friendly .text-wrapper-10 {
  position: relative;
  align-self: stretch;
  font-family: "Tenor Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.pet-friendly .group-7 {
  position: relative;
  /* width: 74px; */
  /* height: 28px; */
}

.pet-friendly .text-wrapper-11 {
  /* position: absolute; */
  top: 0;
  left: 30px;
  /* font-family: "Tenor Sans", Helvetica; */
  font-weight: 400;
  color: #6f6f6e;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.pet-friendly .div-3 {
  background-image: url(./img/pin-6.svg);
  position: absolute;
  top: 2px;
  left: 0;
  width: 19px;
  height: 24px;
  background-size: 100% 100%;
}

.pet-friendly .group-8 {
  position: relative;
  /* width: 97px; */
  /* height: 28px; */
}

.pet-friendly .group-9 {
  position: relative;
  /* width: 96px; */
  /* height: 28px; */
}

.pet-friendly .div-wrapper {
  position: absolute;
  top: 0;
  left: 30px;
  width: 68px;
  height: 28px;
  display: flex;
}

.pet-friendly .text-wrapper-12 {
  width: 66px;
  height: 28px;
  font-family: "Tenor Sans", Helvetica;
  font-weight: 400;
  color: #6f6f6e;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}





@media only screen and (max-width: 1549px) {
  .pet-friendly .pets-park-intro {
    padding: 5rem 3rem 3rem 3rem;
  }
}

@media screen and (max-width: 1080px) {
  .pet-friendly .pets-park-intro {
    padding: 5.5rem 2rem 3rem 2rem;
  }

  .pet-friendly .two-images-container {
    padding-top: 5rem;
    padding-bottom: 0;
  }

  .pet-friendly .pet-fun-facilities {
    padding-top: 3.5rem;
    padding-bottom: 0;
  }
  .pet-friendly .facilities-img {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
  }
  .pet-friendly .fac {
    gap: 10px;
  }
  .pet-friendly .div-2 {
    margin-top: 5rem;
    padding: 2rem 2rem 2rem 2rem;
    gap: 3rem;
  }
  .pet-friendly .service-line {
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start;
  }
  .pet-friendly .service-title {
    gap: 2rem;
  }
  .pet-friendly .supply-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
  }
  .pet-friendly .supply,
  .pet-friendly .supply-2,
  .pet-friendly .supply-3,
  .pet-friendly .supply-4 {
    gap: 10px;
  }
  .pet-friendly .frame {
    width: 50%;
  }
  .pet-friendly .frame-2 {
    width: 50%;
  }
  .pet-friendly .service-line-2 {
    gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .pet-friendly .pet-friendly-title {
    gap: 2rem;
  }
  .pet-friendly .facilities-row {
    gap: 2rem;
  }
  .pet-friendly .petspark-logo-EN {
    top: -2vh;
    left: 1.5rem;
    width: 23vw;
  }
}

@media screen and (max-width: 767px) {
  .pet-friendly .pets-park-intro {
    padding: 9.5rem 2rem 3rem 2rem;
  }
  .pet-friendly .pets-park-hero {
    flex-direction: column;
  }
  .pet-friendly .img-div {
    width: 100%;
  }
  .pet-friendly .img {
    order: 1;
    width: 100%;
  }
  .pet-friendly .hero-container {
    order: 2;
    width: 100%;
  }
  .pet-friendly .petspark-logo-EN {
    top: 4.5rem;
    width: 10rem;
  }
  .pet-friendly .two-images-container {
    grid-template-columns: 1fr;
    gap: 0;
    padding-top: 5rem;
    padding-bottom: 0;
  }
  .pet-friendly .frame {
    width: 100%;
  }
  .pet-friendly .frame-2 {
    width: 100%;
    padding: 0;
  }
  .pet-friendly .supply-row {
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
  }
  .pet-friendly .facilities-img {
    grid-template-columns: 1fr 1fr;
  }
  .pet-friendly .service-title {
    margin: 0 auto;
  }
  .pet-friendly .service-line {
    align-items: center;
  }
  .pet-friendly .pet-friendly-title {
    margin: 0 auto;
  }
  .pet-friendly .facilities-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
  }
  .pet-friendly .related-section {
    padding: 9rem 0px 2rem 0px;
  }
  .pet-friendly .related-restaurants {
    gap: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .pet-friendly .text-wrapper-4 {
    font-size: 1.5rem;
  }
  .pet-friendly .text-wrapper-7 {
    font-size: 1.3rem;
  }
}