/* screen - web-1600-desktop-all-breakpoints */

.web-1600-desktop-all-breakpoints {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 317.62vw;
  width: 100.0vw;
}

.web-1600-desktop-all-breakpoints .overlap-group4 {
  align-items: center;
  background-color: var(--lunar-green);
  display: flex;
  flex-direction: column;
  min-height: 117.19vw;
  width: 100.0vw;
}

.web-1600-desktop-all-breakpoints .give-me-a-quick-call-07931-826669 {
  left: 3.38vw;
  letter-spacing: 0;
  line-height: 2.0vw;
  position: absolute;
  text-align: center;
  top: 1.44vw;
  white-space: nowrap;
  width: 21.06vw;
}

.web-1600-desktop-all-breakpoints .group-33 {
  flex: 1;
  margin-bottom: -0.34vw;
  margin-left: -0.43vw;
  margin-right: -0.43vw;
  margin-top: -0.34vw;
  object-fit: cover;
  transform: rotate(-62.00deg);
  width: 2.94vw;
}

.web-1600-desktop-all-breakpoints .title {
  letter-spacing: 0;
line-height: 105px;
  opacity: 0;
  text-align: center;
  top: 6.12vw;
  white-space: nowrap;
}

.web-1600-desktop-all-breakpoints .title.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.web-1600-desktop-all-breakpoints .trusted-dog-walking.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.web-1600-desktop-all-breakpoints .group-49 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 2.88vw;
  justify-content: space-between;
  transition: all 0.2s ease;
  width: 8.75vw;
}

.web-1600-desktop-all-breakpoints .group-49:hover {
  color: #E39889
}

.web-1600-desktop-all-breakpoints .dog-walking {
  flex: 1;
  height: 2.44vw;
  letter-spacing: 0;
  line-height: 1.62vw;
  margin-left: 0.03vw;
  margin-right: 0.09vw;
  margin-top: 0.34vw;
  max-height: 2.44vw;
  white-space: nowrap;
}

.web-1600-desktop-all-breakpoints .group-50 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 2.88vw;
  justify-content: space-between;
  margin-left: 3.44vw;
  transition: all 0.2s ease;
  width: 8.88vw;
}

.web-1600-desktop-all-breakpoints .group-50:hover {
  color: #E39889
}

.web-1600-desktop-all-breakpoints .about-hattie {
  flex: 1;
  height: 2.44vw;
  letter-spacing: 0;
  line-height: 1.62vw;
  margin-right: -0.09vw;
  margin-top: 0.34vw;
  max-height: 2.44vw;
  white-space: nowrap;
}

.web-1600-desktop-all-breakpoints .line {
  flex: 1;
  height: 0.06vw;
  margin-bottom: -0.03vw;
  margin-left: 0.03vw;
  margin-right: 0.09vw;
  max-height: 0.06vw;
  object-fit: cover;
}

.web-1600-desktop-all-breakpoints .group-51 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 2.88vw;
  justify-content: space-between;
  margin-left: 3.38vw;
  transition: all 0.2s ease;
  width: 5.88vw;
}

.web-1600-desktop-all-breakpoints .group-51:hover {
  color: #E39889
}

.web-1600-desktop-all-breakpoints .place {
  flex: 1;
  height: 2.44vw;
  letter-spacing: 0;
  line-height: 1.62vw;
  margin-left: 0.09vw;
  margin-right: -0.09vw;
  margin-top: 0.34vw;
  max-height: 2.44vw;
  white-space: nowrap;
}

.web-1600-desktop-all-breakpoints .overlap-group10 {
  align-self: flex-start;
  height: 55.19vw;
  margin-top: 8.38vw;
  position: relative;
  width: 96.38vw;
}

.web-1600-desktop-all-breakpoints .widget-wrapper {
  align-items: flex-start;
display: flex;
height: 50.69vw;
left: 2vw;
position: absolute;
top: 0;
width: 96vw;
}
.web-1600-desktop-all-breakpoints .widget-wrapper div {
    width: 100%;
}

.web-1600-desktop-all-breakpoints .group-38 {
  display: flex;
  height: 7.69vw;
  left: 83.5vw;
  position: absolute;
  top: 28.5vw;
  transform: rotate(144.00deg);
  width: 7.25vw;
}

.web-1600-desktop-all-breakpoints .mask-group-5 {
  display: flex;
  height: 42.44vw;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 12.75vw;
  width: 47.12vw;
}

.web-1600-desktop-all-breakpoints .overlap-group5 {
  align-items: flex-start;
  background-color: var(--loafer);
  display: flex;
  gap: 1.31vw;
  height: 73.25vw;
  min-width: 100.0vw;
  padding: 3.26vw 7.75vw;
}

.web-1600-desktop-all-breakpoints .dog-walking-1 {
  letter-spacing: 0;
  line-height: 6.94vw;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.web-1600-desktop-all-breakpoints .group-w-alks {
  cursor: pointer;
  left: 1.56vw;
  letter-spacing: 0;
  line-height: 2.25vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.web-1600-desktop-all-breakpoints .group-w-alks:hover {
  color: #355140
}

.web-1600-desktop-all-breakpoints .group-39-1 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 2.88vw;
  justify-content: space-between;
  width: 5.5vw;
}

.web-1600-desktop-all-breakpoints .enquire {
  flex: 1;
  height: 2.44vw;
  letter-spacing: 0;
  line-height: 1.62vw;
  margin-right: -0.09vw;
  margin-top: 0.34vw;
  max-height: 2.44vw;
  white-space: nowrap;
}

.web-1600-desktop-all-breakpoints .overlap-group {
  height: 6.5vw;
  margin-top: 0.75vw;
  position: relative;
  width: 17.38vw;
}

.web-1600-desktop-all-breakpoints .group-39 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 2.88vw;
  justify-content: space-between;
  transition: all 0.2s ease;
  width: 5.5vw;
}

.web-1600-desktop-all-breakpoints .group-39:hover {
  color: #355140
}

.web-1600-desktop-all-breakpoints .overlap-group3 {
    padding: 10vw 0 10vw;
  height: 62vw;
  position: relative;
  width: 100.0vw;
background-color: var(--tonys-pink);
}

.web-1600-desktop-all-breakpoints .rectangle-188 {
  background-color: var(--tonys-pink);
  cursor: pointer;
  height: 73.25vw;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  width: 100.0vw;
}

.web-1600-desktop-all-breakpoints .rectangle-188:hover {
  color: #E39889
}

.web-1600-desktop-all-breakpoints .about-hattie-1 {
  letter-spacing: 0;
  line-height: 6.94vw;
  text-align: center;
  white-space: nowrap;
}

.web-1600-desktop-all-breakpoints .hi-im-hattie-wale {
  left: 51.25vw;
  letter-spacing: 0;
  line-height: 2.0vw;
  position: absolute;
  top: 25vw;
  width: 33.06vw;
}

.web-1600-desktop-all-breakpoints .mask-group-4 {
  height: 19.69vw;
  object-fit: cover;
  position: absolute;
  top: 25vw;
  width: 19.69vw;
    left: 20vw;
}

.web-1600-desktop-all-breakpoints .overlap-group6 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 53.94vw;
  padding: 13.41vw 35.81vw;
  width: 100.0vw;
}

.web-1600-desktop-all-breakpoints .call-07931-826669 {
  letter-spacing: 0;
  line-height: 2.0vw;
  margin-bottom: -0.56vw;
  margin-left: 0.19vw;
  margin-top: 2.25vw;
  min-height: 1.44vw;
  text-align: center;
  white-space: nowrap;
  width: 21.06vw;
}

.web-1600-desktop-all-breakpoints .group-47 {
  cursor: pointer;
  height: 1.94vw;
  margin-left: 0.03vw;
  margin-top: 3.06vw;
  position: relative;
  transition: all 0.2s ease;
  width: 19.5vw;
}

.web-1600-desktop-all-breakpoints .group-47:hover {
  color:#E39889
}

.web-1600-desktop-all-breakpoints .follow-our-adventures-on-instagram {
  left: 0;
  letter-spacing: 0;
  line-height: 2.0vw;
  position: absolute;
  top: -0.44vw;
  white-space: nowrap;
  width: 17.81vw;
}

.web-1600-desktop-all-breakpoints .group-46 {
  background-image: url(../img/group-45@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1.31vw;
  left: 18.19vw;
  position: absolute;
  top: 0.12vw;
  width: 1.31vw;
}

.web-1600-desktop-all-breakpoints .line-6 {
  left: 0;
  position: absolute;
  top: 1.88vw;
  width: 19.5vw;
}

.web-1600-desktop-all-breakpoints .group-33-6 {
  flex: 1;
  object-fit: cover;
}

.web-1600-desktop-all-breakpoints .line-1 {
  height: 0.06vw;
  object-fit: cover;
}
/* screen - web-390-mobile */

.web-390-mobile {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1220.77vw;
  overflow: hidden;
  width: 100.0vw;
    text-align: center;
}

.web-390-mobile .overlap-group-5 {
  height: 305.38vw;
  margin-left: -0.77vw;
  position: relative;
  width: 101.54vw;
}

.web-390-mobile .rectangle-11 {
  background-color: var(--lunar-green);
  height: 305.38vw;
  left: 0.77vw;
  top: 0;
}

.web-390-mobile .group-32-2 {
  background-image: url(../img/group-31-2@1x.png);
background-position: 50% 50%;
background-size: cover;
height: 24.6vw;
left: 40vw;
position: absolute;
top: 120px;
width: 24vw;
}

.web-390-mobile .group-35-2 {
 display: flex;
height: 40px;
left: 77.44vw;
position: absolute;
top: 46vw;
transform: rotate(62.00deg);
width: 40px;
}

.web-390-mobile .group-33-11 {
  margin-bottom: -2.44vw;
  margin-left: -3.08vw;
  margin-right: -3.08vw;
  margin-top: -2.44vw;
  width: 40px;
}

.web-390-mobile .title-2 {
  color: var(--loafer);
  font-family: var(--font-family-veneer-regular);
  font-size: 14.36vw;
  font-weight: 400;
  left: 14.62vw;
  letter-spacing: 0;
  line-height: 12.05vw;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 64vw;
  white-space: nowrap;
}

.web-390-mobile .title-2.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.web-390-mobile .group-50-2 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 11.79vw;
position: relative;
margin: 0 auto;
  top: 120vw;
  width: 30vw;
}

.web-390-mobile .about-hattie-4 {
  flex: 1;
  height: 10.0vw;
  line-height: 6.67vw;
  margin-right: -0.38vw;
  margin-top: 1.41vw;
  max-height: 10.0vw;
}

.web-390-mobile .line-2 {
  flex: 1;
  margin-bottom: -0.13vw;
  margin-left: 0.13vw;
  margin-right: 0.38vw;
  max-height: 0.26vw;
}

.web-390-mobile .group-49-2 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 11.79vw;
  justify-content: space-between;
position: relative;
margin: 0 auto;
  top: 122vw;
  width: 28vw;
}

.web-390-mobile .dog-walking-4 {
  flex: 1;
  height: 10.0vw;
  line-height: 6.67vw;
  margin-left: 0.13vw;
  margin-right: 0.38vw;
  margin-top: 1.41vw;
  max-height: 10.0vw;
}

.web-390-mobile .line-3-2 {
  flex: 1;
  height: 0.26vw;
  margin-bottom: -0.13vw;
  max-height: 0.26vw;
  object-fit: cover;
}

.web-390-mobile .group-51-2 {
 cursor: pointer;
display: flex;
flex-direction: column;
height: 11.79vw;
position: relative;
margin: 0 auto;
  top: 124vw;
width: 20vw;
}

.web-390-mobile .place-4 {
  flex: 1;
  height: 10.0vw;
  line-height: 6.67vw;
  margin-left: 0.38vw;
  margin-right: -0.38vw;
  margin-top: 1.41vw;
  max-height: 10.0vw;
}

.web-390-mobile .line-4-2 {
  flex: 1;
  height: 0.26vw;
  margin-bottom: -0.13vw;
  margin-right: 0.38vw;
  max-height: 0.26vw;
  object-fit: cover;
}

.web-390-mobile .widget-wrapper {
  align-items: flex-start;
  display: flex;
  height: 107.69vw;
  left: 5.9vw;
  position: absolute;
  top: 190.77vw;
  width: 90.0vw;
}

.web-390-mobile .trusted-dog-walking-2 {
  color: var(--loafer);
  font-family: var(--font-family-gibson-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 15.64vw;
  letter-spacing: 0;
  line-height: 32px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 90vw;
  width: 71.03vw;
}

.web-390-mobile .trusted-dog-walking-2.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.web-390-mobile .mask-group-5-2 {
  display: flex;
  height: 72.05vw;
  left: 0.77vw;
  overflow: hidden;
  position: absolute;
  top: 233.33vw;
  width: 80.0vw;
}

.web-390-mobile .group-30-2 {
  display: flex;
  flex: 1;
  margin-bottom: -6.46vw;
  margin-left: -3.44vw;
  margin-right: 5.23vw;
  margin-top: 5.95vw;
  transform: rotate(244.00deg);
  width: 78.19vw;
}

.web-390-mobile .group-29-2 {
  flex: 1;
  margin-bottom: -14.77vw;
  margin-left: -10.67vw;
  margin-right: -10.67vw;
  margin-top: -14.77vw;
  object-fit: cover;
  transform: rotate(-244.00deg);
  width: 99.51vw;
}

.web-390-mobile .rectangle-191-1 {
  background-color: var(--tonys-pink);
  height: 80px;
  left: 0;
  position: absolute;
  top: 0;
  width: 101.54vw;
}

.web-390-mobile .give-me-a-quick-call-07931-826669-2 {
left: 30px;
letter-spacing: 0;
line-height: 20px;
position: absolute;
top: 30px;
white-space: nowrap;
}

.web-390-mobile .group-48-2 {
  display: flex;
  height: 8.97vw;
  left: 87.69vw;
  position: absolute;
  top: 8px;
  transform: rotate(62.00deg);
  width: 8.46vw;
}

.web-390-mobile .group-33-12 {
  margin-bottom: -1.38vw;
  margin-left: -1.74vw;
  margin-right: -1.74vw;
  margin-top: -1.38vw;
  width: 12.05vw;
}

.web-390-mobile .overlap-group2-1 {
  align-items: center;
  background-color: var(--loafer);
  display: flex;
  flex-direction: column;
  min-height: 444.62vw;
  padding: 16.49vw 7.18vw;
  width: 100.0vw;
}

.web-390-mobile .dog-walking-5 {
  line-height: 12.31vw;
  margin-left: 0.51vw;
  min-height: 15.38vw;
  min-width: 54.36vw;
  text-align: center;
}

.web-390-mobile .at-wild-paw-trails-2 {
  align-self: flex-end;
  color: var(--lunar-green);
  font-family: var(--font-family-gibson-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 7.69vw;
  margin-top: 4.87vw;
  min-height: 29.23vw;
  text-align: center;
  width: 85.13vw;
}

.web-390-mobile .group-59 {
  margin-top: 13.33vw;
  min-height: 336.41vw;
  width: 76.92vw;
}

.web-390-mobile .group-52 {
  gap: 6.15vw;
  min-height: 97.95vw;
  width: 76.92vw;
}

.web-390-mobile .mask-group-3-2 {
  height: 47.18vw;
  margin-left: 0.51vw;
  object-fit: cover;
  width: 47.18vw;
}

.web-390-mobile .group-42-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 0.51vw;
  min-height: 44.62vw;
  width: 77.44vw;
}

.web-390-mobile .pop-in-visits-2 {
    text-align: center;
  letter-spacing: 0;
  line-height: 9.23vw;
  margin-right: 0.26vw;
  margin-top: 1.54vw;
  min-height: 12.82vw;
  min-width: 46.92vw;
  white-space: nowrap;
}

.web-390-mobile .toilet-breaks-feedi-2 {
  letter-spacing: 0;
  line-height: 6.15vw;
  margin-top: 1.79vw;
  min-height: 11.28vw;
  text-align: center;
  width: 77.44vw;
}

.web-390-mobile .group-39-3 {
  height: 11.79vw;
  justify-content: space-between;
  margin-right: 0.51vw;
  margin-top: 5.38vw;
    
}

.web-390-mobile .enquire-6 {
  flex: 1;
  height: 10.0vw;
  margin-right: -0.38vw;
  margin-top: 1.41vw;
  max-height: 10.0vw;
}

.web-390-mobile .group-57 {
  gap: 6.15vw;
  margin-top: 14.62vw;
  min-height: 105.9vw;
  width: 76.92vw;
}

.web-390-mobile .mask-group {
  height: 47.18vw;
  object-fit: cover;
  width: 47.18vw;
}

.web-390-mobile .group-58 {
  margin-left: 0.51vw;
  min-height: 52.56vw;
  width: 77.44vw;
}

.web-390-mobile .group-w-alks-2 {
  letter-spacing: 0;
    text-align: center;
  line-height: 9.23vw;
  margin-left: 0.26vw;
  margin-top: 1.54vw;
  min-height: 12.82vw;
  min-width: 46.92vw;
  white-space: nowrap;
}

.web-390-mobile .fun-safe-adventures-2 {
  letter-spacing: 0;
  line-height: 6.15vw;
  margin-top: 1.79vw;
  min-height: 17.44vw;
  text-align: center;
  width: 77.44vw;
}

.web-390-mobile .group-39-4 {
  align-items: flex-start;
  gap: 0.51vw;
  margin-top: 6.92vw;
  min-height: 11.79vw;
}

.web-390-mobile .enquire-7 {
  margin-top: 1.54vw;
  min-height: 10.0vw;
}

.web-390-mobile .line-5 {
  margin-left: 0.17vw;
  width: 22.05vw;
}

.web-390-mobile .group-53-1 {
  display: flex;
  flex-direction: column;
  height: 105.38vw;
  justify-content: center;
    align-items: center;
  margin-top: 12.56vw;
  width: 68.72vw;
}

.web-390-mobile .group-41-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 0;
  max-height: 46.85vw;
  min-height: 46.85vw;
}

.web-390-mobile .solo-walks-2 {
  letter-spacing: 0;
    text-align: center;
  margin-left: 0.26vw;
  margin-top: 1.54vw;
  min-height: 12.82vw;
  min-width: 41.28vw;
  white-space: nowrap;
}

.web-390-mobile .for-puppies-older-d-2 {
  letter-spacing: 0;
  line-height: 6.15vw;
  margin-top: 1.79vw;
  min-height: 11.28vw;
  text-align: center;
  width: 69.23vw;
}

.web-390-mobile .group-39-5 {
  height: 11.79vw;
  justify-content: space-between;
  margin-top: 7.44vw;
}

.web-390-mobile .enquire-8 {
  flex: 1;
  height: 10.0vw;
  margin-right: -0.38vw;
  margin-top: 1.41vw;
  max-height: 10.0vw;
}

.web-390-mobile .overlap-group1-1 {
  height: 471.28vw;
  position: relative;
  width: 100.0vw;
}

.web-390-mobile .rectangle-192 {
  background-color: var(--white);
  height: 159.23vw;
  left: 0;
  top: 312.05vw;
}

.web-390-mobile .rectangle-188-1 {
  background-color: var(--tonys-pink);
  height: 315.38vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.web-390-mobile .place-5 {
line-height: 12.31vw;
position: relative;
margin: 0 auto;
text-align: center;
top: 343.85vw;
}

.web-390-mobile .about-hattie-5 {
line-height: 12.31vw;
position: relative;
margin: 0 auto;
top: 19.49vw;
}

.web-390-mobile .if-youd-like-your-d-2 {
  left: 11.54vw;
  letter-spacing: 0;
  line-height: 10.26vw;
  position: absolute;
  text-align: center;
  top: 365.38vw;
  width: 77.44vw;
}

.web-390-mobile .hi-im-hattie-wale-2 {
  left: 11.54vw;
  letter-spacing: 0;
  line-height: 8.21vw;
  position: absolute;
  top: 115.13vw;
  width: 77.44vw;
}

.web-390-mobile .call-07931-826669-2 {
  left: 7.18vw;
  letter-spacing: 0;
  line-height: 8.21vw;
  position: absolute;
  text-align: center;
  top: 402.82vw;
  white-space: nowrap;
  width: 86.41vw;
}

.web-390-mobile .email-hattiewildpawtrailscouk-2 {
  cursor: pointer;
  left: 7.18vw;
  letter-spacing: 0;
  line-height: 8.21vw;
  position: absolute;
  text-align: center;
  top: 417.95vw;
  white-space: nowrap;
  width: 86.41vw;
}

.web-390-mobile .group-47-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.79vw;
  left: 10.0vw;
  min-height: 7.95vw;
  position: absolute;
  top: 432.82vw;
  width: 80.0vw;
}

.web-390-mobile .flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 1.54vw;
  height: 7.69vw;
  margin-top: -1.79vw;
  min-width: 80.0vw;
}

.web-390-mobile .follow-our-adventures-on-instagram-2 {
  letter-spacing: 0;
  line-height: 8.21vw;
  min-height: 5.9vw;
  white-space: nowrap;
  width: 73.08vw;
}

.web-390-mobile .group-46-2 {
  align-self: flex-end;
  background-image: url(../img/group-45@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 5.38vw;
  width: 5.38vw;
}

.web-390-mobile .line-6-2 {
  height: 0.26vw;
  object-fit: cover;
  width: 80.0vw;
}

.web-390-mobile .mask-group-4-2 {
  height: 52.31vw;
  left: 22.05vw;
  object-fit: cover;
  position: absolute;
  top: 44.62vw;
  width: 52.31vw;
}

.web-390-mobile .about-hattie {
  letter-spacing: 0;
  white-space: nowrap;
}

.web-390-mobile .dog-walking {
  letter-spacing: 0;
  white-space: nowrap;
}

.web-390-mobile .enquire {
  letter-spacing: 0;
  line-height: 6.67vw;
  white-space: nowrap;
}

.web-390-mobile .group {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.web-390-mobile .group-33 {
  flex: 1;
  object-fit: cover;
  transform: rotate(-62.00deg);
}

.web-390-mobile .group-39 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  width: 22.56vw;
    align-items: center;
    align-content: center;
    text-align: center;
}

.web-390-mobile .line {
  height: 0.26vw;
  object-fit: cover;
}

.web-390-mobile .place {
  letter-spacing: 0;
  white-space: nowrap;
}

.web-390-mobile .rectangle {
  position: absolute;
  width: 100.0vw;
}
/* screen - web-996-tablet */

.web-996-tablet {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 536.75vw;
  overflow: hidden;
  width: 100.0vw;
    text-align: center;
}

.web-996-tablet .overlap-group1 {
  align-items: flex-start;
  background-color: var(--lunar-green);
  min-height: 188.25vw;
}

.web-996-tablet .flex-col-1 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 68.07vw;
  width: 83.53vw;
}

.web-996-tablet .overlap-group7-1 {
  height: 8.03vw;
  position: relative;
  width: 41.37vw;
}

.web-996-tablet .rectangle-191 {
  background-color: var(--tonys-pink);
  cursor: pointer;
  height: 8.03vw;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  width: 41.37vw;
}

.web-996-tablet .rectangle-191:hover {
  color: #E39889
}

.web-996-tablet .give-me-a-quick-call-07931-826669-1 {
  left: 7.03vw;
  letter-spacing: 0;
  line-height: 3.21vw;
  position: absolute;
  text-align: center;
  top: 2.31vw;
  white-space: nowrap;
  width: 33.84vw;
}

.web-996-tablet .group-48-1 {
  display: flex;
  height: 3.51vw;
  left: 4.32vw;
  position: absolute;
  top: 2.11vw;
  transform: rotate(62.00deg);
  width: 3.31vw;
}

.web-996-tablet .group-33-6 {
  margin-bottom: -0.54vw;
  margin-left: -0.68vw;
  margin-right: -0.68vw;
  margin-top: -0.54vw;
  transform: rotate(-62.00deg);
  width: 4.72vw;
}

.web-996-tablet .group-container-2 {
  align-items: flex-start;
  display: flex;
  gap: 21.49vw;
  height: 26.51vw;
  margin-right: 8.19vw;
  margin-top: 4.12vw;
  min-width: 50.5vw;
}

.web-996-tablet .group-32-1 {
  background-image: url(../img/group-31-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 17.97vw;
  width: 17.37vw;
}

.web-996-tablet .group-35-1 {
  align-self: flex-end;
  display: flex;
  height: 12.35vw;
  transform: rotate(62.00deg);
  width: 11.65vw;
}

.web-996-tablet .group-33-7 {
  margin-bottom: -1.88vw;
  margin-left: -2.36vw;
  margin-right: -2.36vw;
  margin-top: -1.88vw;
  transform: rotate(-62.00deg);
  width: 16.42vw;
}

.web-996-tablet .overlap-group9-1 {
  align-self: flex-start;
  height: 27.51vw;
  margin-top: 6vw;
  position: relative;
  width: 67.27vw;
}

.web-996-tablet .title-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 104px;
  opacity: 0;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.web-996-tablet .title-1.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.web-996-tablet .trusted-dog-walking-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 4.02vw;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 22vw;
  white-space: nowrap;
  width: 66.57vw;
}

.web-996-tablet .trusted-dog-walking-1.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.web-996-tablet .group-container-3 {
  align-items: flex-end;
  align-self: center;
  display: flex;
  height: 13.35vw;
  margin-right: 17.49vw;
  margin-top: 4.72vw;
  min-width: 63.76vw;
}

.web-996-tablet .group-34-1 {
  align-self: flex-start;
  display: flex;
  height: 12.35vw;
  transform: rotate(233.00deg);
  width: 11.65vw;
}

.web-996-tablet .group-33-8 {
  margin-bottom: -2.21vw;
  margin-left: -2.61vw;
  margin-right: -2.61vw;
  margin-top: -2.21vw;
  transform: rotate(-233.00deg);
  width: 16.92vw;
}

.web-996-tablet .group-49-1 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 4.62vw;
  justify-content: space-between;
  margin-left: 5.92vw;
  width: 14.06vw;
}

.web-996-tablet .dog-walking-2 {
  flex: 1;
  height: 3.92vw;
  line-height: 2.61vw;
  margin-left: 0.05vw;
  margin-right: 0.15vw;
  margin-top: 0.55vw;
  max-height: 3.92vw;
}

.web-996-tablet .line-3-1 {
  flex: 1;
  height: 0.1vw;
  margin-bottom: -0.05vw;
  max-height: 0.1vw;
  object-fit: cover;
}

.web-996-tablet .group-50-1 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 4.62vw;
  justify-content: space-between;
  margin-left: 4.32vw;
  transition: all 0.2s ease;
  width: 14.26vw;
}

.web-996-tablet .group-50-1:hover {
  color: #E39889
}

.web-996-tablet .about-hattie-2 {
  flex: 1;
  height: 3.92vw;
  line-height: 2.61vw;
  margin-right: -0.15vw;
  margin-top: 0.55vw;
  max-height: 3.92vw;
}

.web-996-tablet .line-1 {
  flex: 1;
  height: 0.1vw;
  margin-bottom: -0.05vw;
  margin-left: 0.05vw;
  margin-right: 0.15vw;
  max-height: 0.1vw;
  object-fit: cover;
}

.web-996-tablet .group-51-1 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 4.62vw;
  justify-content: space-between;
  margin-left: 4.12vw;
  transition: all 0.2s ease;
  width: 9.44vw;
}

.web-996-tablet .group-51-1:hover {
  color: #E39889
}

.web-996-tablet .place-2 {
  flex: 1;
  height: 3.92vw;
  line-height: 2.61vw;
  margin-left: 0.15vw;
  margin-right: -0.15vw;
  margin-top: 0.55vw;
  max-height: 3.92vw;
}

.web-996-tablet .line-4-1 {
  flex: 1;
  height: 0.1vw;
  margin-bottom: -0.05vw;
  margin-right: 0.15vw;
  max-height: 0.1vw;
  object-fit: cover;
}

.web-996-tablet .overlap-group8-1 {
  height: 87.65vw;
  margin-top: 14.46vw;
  position: relative;
  width: 96.69vw;
}

.web-996-tablet .widget-wrapper {
  align-items: flex-start;
  display: flex;
  height: 81.43vw;
  left: 5.92vw;
  position: absolute;
  top: 0;
  width: 88.25vw;
}
.web-996-tablet .widget-wrapper div {
    width: 100%;
}

.web-996-tablet .mask-group-5-1 {
  display: flex;
  height: 68.17vw;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 19.48vw;
  width: 75.7vw;
}

.web-996-tablet .group-30-1 {
  display: flex;
  flex: 1;
  margin-bottom: -6.13vw;
  margin-left: -3.25vw;
  margin-right: 4.83vw;
  margin-top: 5.5vw;
  transform: rotate(244.00deg);
  width: 74.12vw;
}

.web-996-tablet .group-29-1 {
  flex: 1;
  margin-bottom: -13.99vw;
  margin-left: -10.1vw;
  margin-right: -10.1vw;
  margin-top: -13.99vw;
  object-fit: cover;
  transform: rotate(-244.00deg);
  width: 94.33vw;
}

.web-996-tablet .group-38-1 {
  display: flex;
  height: 12.35vw;
  left: 79.92vw;
  position: absolute;
  top: 63.86vw;
  transform: rotate(144.00deg);
  width: 11.65vw;
}

.web-996-tablet .group-33-9 {
  margin-bottom: -2.26vw;
  margin-left: -2.52vw;
  margin-right: -2.52vw;
  margin-top: -2.26vw;
  transform: rotate(-144.00deg);
  width: 16.74vw;
}

.web-996-tablet .group-container-4 {
  align-items: center;
  background-color: var(--loafer);
  display: flex;
  flex-direction: column;
  min-height: 135.24vw;
  padding: 17.87vw 0;
  width: 100.0vw;
}

.web-996-tablet .group-43-1 {
  align-self: flex-end;
  display: flex;
  height: 12.35vw;
  margin-right: 7.91vw;
  transform: rotate(179.00deg);
  width: 11.65vw;
}

.web-996-tablet .group-33-10 {
  margin-bottom: -0.1vw;
  margin-left: -0.11vw;
  margin-right: -0.11vw;
  margin-top: -0.1vw;
  transform: rotate(-179.00deg);
  width: 11.91vw;
}

.web-996-tablet .overlap-group6-1 {
  height: 26.51vw;
  margin-left: 0.2vw;
  margin-top: 1.2vw;
  position: relative;
  width: 64.86vw;
    align-content: center;
display: flex;
justify-content: center;
}

.web-996-tablet .dog-walking-3 {
  line-height: 11.14vw;
  position: absolute;
  text-align: center;
  top: 0;
}

.web-996-tablet .at-wild-paw-trails-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 4.02vw;
  position: absolute;
  text-align: center;
  top: 15.46vw;
  width: 64.86vw;
}

.web-996-tablet .group-55 {
  align-items: flex-start;
  display: flex;
  gap: 8.94vw;
  margin-top: 8.23vw;
  min-width: 85.34vw;
}

.web-996-tablet .group-5 {
  display: flex;
  flex-direction: column;
  height: 47.29vw;
  justify-content: space-between;
  width: 22.69vw;
}

.web-996-tablet .mask-group-2-1 {
  flex: 1;
  height: 18.47vw;
  margin-left: 1.95vw;
  margin-right: 2.27vw;
  max-height: 18.47vw;
  object-fit: cover;
}

.web-996-tablet .group-40-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 25.27vw;
  min-height: 25.27vw;
}

.web-996-tablet .overlap-group-2 {
  height: 15.26vw;
  width: 22.89vw;
}

.web-996-tablet .group-w-alks-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 3.61vw;
  top: 0;
  white-space: nowrap;
    text-align: center;
}

.web-996-tablet .fun-safe-adventures-1 {
  left: 0.3vw;
  letter-spacing: 0;
  line-height: 2.41vw;
  position: absolute;
  text-align: center;
  top: 6.02vw;
  width: 22.29vw;
}

.web-996-tablet .group-39-2 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 4vw;
  width: 90px;
}

.web-996-tablet .group-53 {
  display: flex;
  flex-direction: column;
  height: 47.29vw;
  justify-content: space-between;
  width: 22.09vw;
}

.web-996-tablet .mask-group-1-1 {
  flex: 1;
  height: 18.47vw;
  margin-left: 1.81vw;
  margin-right: 1.81vw;
  max-height: 18.47vw;
  object-fit: cover;
}

.web-996-tablet .group-41-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 25.27vw;
  min-height: 25.27vw;
}

.web-996-tablet .overlap-group-3 {
  height: 12.85vw;
  width: 22.29vw;
}

.web-996-tablet .solo-walks-1 {
  letter-spacing: 0;
  line-height: 3.61vw;
  top: 0;
  white-space: nowrap;
    text-align: center;
}

.web-996-tablet .for-puppies-older-d-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 2.41vw;
  position: absolute;
  text-align: center;
  top: 6.02vw;
  width: 22.29vw;
}

.web-996-tablet .mask-group-3-1 {
  flex: 1;
  height: 18.47vw;
  margin-left: 2.11vw;
  margin-right: 2.11vw;
  max-height: 18.47vw;
  object-fit: cover;
}

.web-996-tablet .group-42-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 25.27vw;
  min-height: 25.27vw;
}

.web-996-tablet .overlap-group-4 {
  height: 10.44vw;
  width: 22.89vw;
}

.web-996-tablet .pop-in-visits-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 3.61vw;
  top: 0;
  white-space: nowrap;
    text-align: center;
}

.web-996-tablet .toilet-breaks-feedi-1 {
  left: 0.3vw;
  letter-spacing: 0;
  line-height: 2.41vw;
  position: absolute;
  text-align: center;
  top: 6.02vw;
  width: 22.29vw;
}

.web-996-tablet .overlap-group2 {
  align-items: center;
  background-color: var(--tonys-pink);
  min-height: 132.63vw;
  padding: 20.48vw 14.66vw;
}

.web-996-tablet .about-hattie-3 {
  line-height: 11.14vw;
  margin-left: 0.2vw;
  min-height: 16.37vw;
  min-width: 60.64vw;
  text-align: center;
}

.web-996-tablet .mask-group-4-1 {
  height: 31.63vw;
  margin-left: 0.1vw;
  margin-top: 1.91vw;
  object-fit: cover;
  width: 31.63vw;
}

.web-996-tablet .hi-im-hattie-wale-1 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 3.21vw;
  margin-top: 6.53vw;
  min-height: 33.43vw;
  width: 70.48vw;
}

.web-996-tablet .overlap-group4-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 86.65vw;
  padding: 21.55vw 27.21vw;
  width: 100.0vw;
}

.web-996-tablet .overlap-group5-1 {
  align-self: flex-end;
  height: 22.49vw;
  margin-top: 2.51vw;
  position: relative;
  width: 45.38vw;
}

.web-996-tablet .place-3 {
  line-height: 11.14vw;
  text-align: center;
  top: 0;
}

.web-996-tablet .if-youd-like-your-d-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 4.02vw;
  position: absolute;
  text-align: center;
  top: 15.46vw;
  width: 45.38vw;
}

.web-996-tablet .call-07931-826669-1 {
  letter-spacing: 0;
  line-height: 3.21vw;
  margin-bottom: -0.9vw;
  margin-left: 0.25vw;
  margin-top: 3.61vw;
  min-height: 2.31vw;
  text-align: center;
  white-space: nowrap;
  width: 33.84vw;
}

.web-996-tablet .email-hattiewildpawtrailscouk-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 3.21vw;
  margin-bottom: -0.9vw;
  margin-left: 0.25vw;
  margin-top: 2.21vw;
  min-height: 2.31vw;
  text-align: center;
  white-space: nowrap;
  width: 33.84vw;
}

.web-996-tablet .group-47-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.7vw;
  margin-left: 0.03vw;
  margin-top: 4.92vw;
  min-height: 3.11vw;
  width: 31.33vw;
}

.web-996-tablet .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 0.6vw;
  height: 3.01vw;
  margin-top: -0.7vw;
  min-width: 31.33vw;
}

.web-996-tablet .follow-our-adventures-on-instagram-1 {
  letter-spacing: 0;
  line-height: 3.21vw;
  min-height: 2.31vw;
  white-space: nowrap;
  width: 28.61vw;
}

.web-996-tablet .group-46-1 {
  align-self: flex-end;
  background-image: url(../img/group-45@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 2.11vw;
  width: 2.11vw;
}

.web-996-tablet .line-6-1 {
  height: 0.1vw;
  object-fit: cover;
  width: 31.33vw;
}

.web-996-tablet .about-hattie {
  letter-spacing: 0;
  white-space: nowrap;
}

.web-996-tablet .dog-walking {
  letter-spacing: 0;
  white-space: nowrap;
}

.web-996-tablet .enquire {
  flex: 1;
  height: 3.92vw;
  letter-spacing: 0;
  line-height: 2.61vw;
  margin-top: 0.55vw;
  max-height: 3.92vw;
  white-space: nowrap;
}

.web-996-tablet .group-33 {
  flex: 1;
  object-fit: cover;
}

.web-996-tablet .overlap {
  display: flex;
  flex-direction: column;
  width: 100.0vw;
}

.web-996-tablet .overlap-group {
  margin-top: 1.2vw;
  position: relative;
}

.web-996-tablet .place {
  letter-spacing: 0;
  white-space: nowrap;
}
@media screen and (max-width: 995px) {
  .screen.web-1600-desktop-all-breakpoints { 
    display: none;
   }
  .screen.web-996-tablet { 
    display: none;
   }
}
@media screen and (min-width: 996px) and (max-width: 1599px) {
  .screen.web-1600-desktop-all-breakpoints { 
    display: none;
   }
  .screen.web-390-mobile { 
    display: none;
   }
}
@media screen and (min-width: 1600px) {
  .screen.web-996-tablet { 
    display: none;
   }
  .screen.web-390-mobile { 
    display: none;
   }
}