/* Fix the height of the FAQ section only, do not affect internal components */
#faq-section {
  height: 340px;
  overflow-y: auto;
}
.frame-child,
.vuesaxboldgallery-icon {
  position: absolute;
  top: 18px;
  left: 117px;
  width: 24px;
  height: 24px;
}
.frame-child {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.vuesaxboldgallery-parent {
  height: 59.1px;
  width: 187px;
  position: relative;
}
.home {
  position: relative;
}
.nav-link-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 13px 0 0;
  color: var(--color-darkslategray-200);
}
.why-dogsi {
  flex: 1;
}
.download,
.why-dogsi {
  position: relative;
  font-weight: 500;
  z-index: 3;
}
.nav-link-container1 {
  flex: 0.866;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 13px 0 0;
}
.nav-link-container1,
.nav-links,
.nav-links-wrapper {
  display: flex;
  align-items: flex-start;
}
.nav-links {
  margin: 0;
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-18);
  text-align: center;
  font-size: var(--font-size-16);
  color: var(--color-gray-300);
  font-family: var(--font-montserrat);
}
.nav-links-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 34px 19.1px 0;
  box-sizing: border-box;
  max-width: 100%;
}
.login,
.sign-up {
  position: absolute;
  top: 0;
  font-weight: 500;
  display: inline-block;
  z-index: 3;
}
.sign-up {
  left: 88px;
  min-width: 65px;
  white-space: nowrap;
}
.login {
  left: 0;
  min-width: 46px;
}
.auth-actions {
  align-self: stretch;
  height: 20px;
  position: relative;
}
.auth-actions-wrapper {
  width: 153px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 19.1px;
  box-sizing: border-box;
}
.frame-parent,
.hero-sec-inner {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.frame-parent {
  width: 1238px;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-20);
  text-align: center;
  font-size: var(--font-size-16);
  color: var(--color-gray-300);
  font-family: var(--font-montserrat);
}
.hero-sec-inner {
  width: 1404px;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-20);
  box-sizing: border-box;
}
.hero-sec-child {
  width: 907px;
  height: 1038.9px;
  position: absolute;
  margin: 0 !important;
  right: -89px;
  bottom: -173.9px;
  object-fit: contain;
  z-index: 2;
}
.spontaneous-dog-meetups {
  margin: 0;
  width: 590px;
  position: relative;
  font-size: inherit;
  line-height: 76px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  max-width: calc(100% - 44px);
  z-index: 3;
}
.vuesaxboldgallery-icon1 {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 4;
}
.image-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 66px 0 0;
}
.spontaneous-dog-meetups-made-e-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-20);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-48);
  color: var(--color-darkslategray-200);
  font-family: var(--font-montserrat);
}
.create-or-join {
  width: 496px;
  position: relative;
  line-height: 36px;
  font-weight: 500;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.frame-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-12);
  max-width: 100%;
}
.download-app {
  position: relative;
  font-size: var(--font-size-18);
  line-height: 36px;
  font-family: var(--font-montserrat);
  color: var(--Gray-Colors-White-4);
  text-align: left;
}
.button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-12) var(--padding-16);
  background-color: var(--color-mediumaquamarine);
  border-radius: var(--br-14);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.button:hover {
  background-color: var(--color-seagreen);
}
.content-container,
.content-container-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.content-container {
  width: 1213px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-48);
}
.content-container-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-20) 20.1px 33px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--color-gray-300);
  font-family: var(--font-montserrat);
}
.k,
.stats-child {
  position: relative;
}
.stats-child {
  height: 170px;
  width: 1115px;
  background-color: var(--color-mediumaquamarine);
  display: none;
  max-width: 100%;
}
.k {
  margin: 0;
  font-size: inherit;
  line-height: 36px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.number-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 10px;
}
.total-client {
  position: relative;
  font-size: var(--font-size-16);
  line-height: 36px;
  font-weight: 500;
  color: var(--color-gray-300);
  z-index: 1;
}
.stat-container {
  flex-direction: column;
  gap: var(--gap-12);
}
.k-wrapper,
.stat-container,
.stat-container1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.k-wrapper {
  flex-direction: row;
  padding: 0 var(--padding-11) 0 4px;
}
.stat-container1 {
  flex-direction: column;
  padding: 0 7px 0 0;
  gap: var(--gap-12);
}
.events {
  position: relative;
  line-height: 36px;
  font-weight: 500;
  z-index: 1;
}
.events-wrapper {
  flex-direction: row;
  padding: 0 2px 0 3px;
  font-size: var(--font-size-16);
  color: var(--color-gray-300);
}
.events-wrapper,
.k-container,
.location-pin-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.location-pin-parent {
  flex-direction: column;
  padding: 0 19px 0 0;
  gap: var(--gap-12);
}
.k-container {
  flex-direction: row;
  padding: 0 25px 0 var(--padding-16);
}
.stats {
  width: 1115px;
  background-color: var(--color-mediumaquamarine);
  flex-direction: row;
  padding: 43px 120px;
  gap: 90px;
  text-align: left;
  font-size: var(--font-size-32);
  color: var(--color-darkslategray-200);
  font-family: var(--font-montserrat);
}
.hero-sec,
.puppies-desktop1,
.stats {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.hero-sec {
  flex: 1;
  background-color: var(--color-floralwhite);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-32) 0 0;
  position: relative;
  gap: 121.9px;
}
.puppies-desktop1 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 21.2px;
}
.get-started-in,
.step-icons {
  margin: 0;
  width: 763px;
  position: relative;
  font-size: inherit;
  line-height: 56px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
}
.step-icons {
  width: 50px;
  height: 48px;
  line-height: 48px;
}
.step-icons-parent {
  height: 338px;
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-30);
  box-sizing: border-box;
  gap: 82px;
}
.creatediscover {
  margin: 0;
  width: 293px;
  position: relative;
  font-size: inherit;
  line-height: 40px;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
}
.open-dogsi-set {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-16);
  line-height: 24px;
  color: var(--color-gray-300);
}
.creatediscover-parent,
.frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.creatediscover-parent {
  align-self: stretch;
  gap: var(--gap-14);
}
.frame-wrapper {
  border-left: 4px solid var(--color-mediumaquamarine);
  padding: 0 var(--padding-22) 0 var(--padding-24);
}
.joininvite {
  margin: 0;
  width: 307px;
  position: relative;
  font-size: inherit;
  line-height: 40px;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
}
.label-subtitle-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-24);
}
.play-socialize {
  margin: 0;
  width: 412px;
  position: relative;
  font-size: inherit;
  line-height: 40px;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
}
.frame-div,
.frame-wrapper1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-wrapper1 {
  width: 445px;
  padding: 0 var(--padding-24);
}
.frame-div {
  border-left: 4px solid var(--Gray-Colors-White-4);
  gap: var(--gap-40);
  max-width: 100%;
  font-size: var(--font-size-32);
  font-family: var(--font-montserrat);
}
.frame-container,
.step-item {
  width: 535px;
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.frame-container {
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-20);
}
.step-item {
  height: 550px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 212px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-40);
  color: var(--color-darkslategray-200);
  font-family: var(--font-inter-tight);
}
.business-group-portrait-posing-icon {
  width: 663px;
  position: relative;
  border-radius: var(--br-12);
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
}
.steps-content {
  width: 1284px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-60);
  max-width: 100%;
}
.get-started-in-3-easy-steps-parent {
  align-self: stretch;
  flex: 1;
  flex-direction: column;
  gap: var(--gap-60);
}
.get-started-in-3-easy-steps-parent,
.steps-container,
.steps-container-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.steps-container-inner {
  align-self: stretch;
  flex: 1;
  flex-direction: column;
}
.steps-container {
  width: 1338px;
  flex-direction: row;
  padding: 0 29px;
  box-sizing: border-box;
}
.why-dogsi1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 56px;
  font-weight: 700;
  font-family: inherit;
}
.discover-how-dogsi {
  position: relative;
  font-size: var(--font-size-16);
  line-height: 36px;
  font-weight: 500;
  color: var(--color-gray-300);
}
.why-dogsi-parent {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-12);
  min-width: 237px;
  max-width: 100%;
}
.button-wrapper,
.frame-section,
.why-dogsi-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.button-wrapper {
  flex-direction: column;
  padding: var(--padding-40) 0 0;
}
.frame-section {
  align-self: stretch;
  flex-direction: row;
  gap: 796px;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-36);
  color: var(--color-darkslategray-200);
  font-family: var(--font-montserrat);
}
.presentation-meeting-of-male-t-icon {
  width: 333px;
  position: relative;
  border-radius: var(--br-12);
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
}
.instant-meetups {
  margin: 0;
  width: 445px;
  position: relative;
  font-size: inherit;
  line-height: 32px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
}
.effortlessly-create-or {
  width: 601px;
  position: relative;
  font-size: var(--font-size-18);
  line-height: 26px;
  color: var(--color-gray-300);
  display: inline-block;
}
.labels-meetups,
.meetup-elements {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
}
.labels-meetups {
  height: 277px;
  width: 601px;
  flex-direction: column;
}
.meetup-elements {
  align-self: stretch;
  flex: 1;
  backdrop-filter: blur(20px);
  border-radius: var(--br-24);
  background-color: var(--color-gray-700);
  border: 0.5px solid var(--Abu-Stroke);
  box-sizing: border-box;
  flex-direction: row;
  padding: 23px var(--padding-24);
  gap: 0;
  text-align: left;
  font-size: var(--font-size-32);
  color: var(--color-darkslategray-300);
  font-family: var(--font-montserrat);
}
.adoption-sec,
.meetup-elements-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.meetup-elements-parent {
  align-self: stretch;
  gap: var(--gap-24);
  max-width: 100%;
}
.adoption-sec {
  margin-left: -51px;
  background-color: var(--color-floralwhite);
  overflow: hidden;
  padding: 68px var(--padding-80) 67px;
  box-sizing: border-box;
  gap: 73px;
  max-width: 104%;
}
.vuesaxboldgallery-icon2 {
  width: 24px;
  height: 24px;
  position: relative;
}
.testimonials {
  position: relative;
  font-weight: 500;
}
.testimonials-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}
.user-interface {
  width: 961px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-36);
  max-width: 100%;
}
.bg {
  width: 312px;
  height: 454.4px;
  position: relative;
  border-radius: var(--br-10);
  background-color: var(--Gray-Colors-White-4);
  border: 3px solid var(--Gray-Colors-Gray-3);
  box-sizing: border-box;
  display: none;
}
.icon {
  width: 29.2px;
  height: 20px;
}
.icon,
.lorem-ipsum-is {
  position: relative;
  z-index: 1;
}
.quotes-layout {
  width: 232px;
  height: 317.4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 13.4px;
}
.profile-img-icon {
  height: 48px;
  width: 48px;
  position: relative;
  border-radius: var(--br-100);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.leslie-alexander {
  align-self: stretch;
  position: relative;
  font-weight: 600;
  z-index: 1;
}
.star-icon {
  height: 18px;
  width: 18.9px;
  position: relative;
  z-index: 1;
}
.star-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5);
}
.user-info-layout {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-3);
}
.profiles-container,
.testimonial-01,
.user-info-layout {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.profiles-container {
  flex-direction: row;
  gap: var(--gap-20);
  text-align: center;
  font-size: var(--font-size-18);
  color: var(--Brand-Colors-Tertiary);
}
.testimonial-01 {
  border-radius: var(--br-10);
  background-color: var(--Gray-Colors-White-4);
  border: 3px solid var(--color-whitesmoke-100);
  flex-direction: column;
  padding: var(--padding-26) 37px;
  gap: 29px;
  flex-shrink: 0;
}
.savannah-nguyen {
  position: relative;
  font-weight: 600;
  z-index: 1;
}
.user-profile-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3);
}
.testimonial-02 {
  border-radius: var(--br-10);
  background-color: var(--Gray-Colors-White-4);
  border: 3px solid var(--color-whitesmoke-100);
  padding: var(--padding-26) 31px var(--padding-26) 37px;
  gap: 29px;
  flex-shrink: 0;
}
.review-cards,
.review-containers,
.testimonial-02 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.review-cards {
  gap: var(--gap-24);
}
.review-containers {
  padding: 122.4px 0 0;
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--Gray-Colors-Black-1);
  font-family: var(--font-poppins);
}
.jane-cooper-parent {
  gap: 3.4px;
}
.jane-cooper-parent,
.review-containers1,
.testimonial-03 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimonial-03 {
  border-radius: var(--br-10);
  background-color: var(--Gray-Colors-White-4);
  border: 3px solid var(--color-whitesmoke-100);
  padding: var(--padding-26) 37px;
  gap: 29px;
}
.review-containers1 {
  padding: 34px 0 0;
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--Gray-Colors-Black-1);
  font-family: var(--font-poppins);
}
.what-our-users-container {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 67.4px;
  text-transform: capitalize;
  font-weight: 700;
  font-family: inherit;
}
.profile-details,
.profile-img-container,
.testimonial-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 13.4px;
}
.profile-details,
.profile-img-container {
  gap: 2.8px;
}
.profile-img-container {
  flex-direction: row;
  align-items: flex-end;
  gap: 19.6px;
  text-align: center;
  font-size: var(--font-size-18);
  color: var(--Brand-Colors-Tertiary);
}
.testimonial-05,
.testimonial-05-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimonial-05 {
  height: 454.4px;
  border-radius: var(--br-10);
  background-color: var(--Gray-Colors-White-4);
  border: 3px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  padding: var(--padding-26) 37px;
  gap: 29.1px;
}
.testimonial-05-wrapper {
  flex: 1;
}
.bg5 {
  width: 312px;
  height: 454.4px;
  position: relative;
  box-shadow:
    10px 10px 25px rgba(37, 40, 57, 0.05),
    -10px -10px 25px rgba(37, 40, 57, 0.05);
  border-radius: var(--br-10);
  background-color: var(--Gray-Colors-White-4);
  display: none;
}
.profile-details1,
.testimonial-content1 {
  flex-direction: column;
  align-items: flex-start;
}
.testimonial-content1 {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  gap: 13.4px;
}
.profile-details1 {
  gap: 2.7px;
}
.frame-parent2,
.profile-details1,
.testimonial-06 {
  display: flex;
  justify-content: flex-start;
}
.testimonial-06 {
  height: 454.4px;
  flex: 0.7436;
  box-shadow:
    10px 10px 25px rgba(37, 40, 57, 0.05),
    -10px -10px 25px rgba(37, 40, 57, 0.05);
  border-radius: var(--br-10);
  background-color: var(--Gray-Colors-White-4);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-30) var(--padding-40);
  box-sizing: border-box;
  gap: 29px;
}
.frame-parent2 {
  align-self: stretch;
  height: 597px;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--gap-30);
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--Gray-Colors-Black-1);
  font-family: var(--font-poppins);
}
.frame-parent1,
.testimonials-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-parent1 {
  flex: 1;
  flex-direction: column;
  gap: 167.2px;
  min-width: 425px;
}
.testimonials-inner {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-30);
  font-size: 56px;
  font-family: var(--font-montserrat);
}
.steps-container-parent,
.user-interface-parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.user-interface-parent {
  width: 1358px;
  align-items: flex-end;
  padding: 0 var(--padding-20) 0 0;
  gap: 10px;
  font-size: var(--font-size-16);
  color: var(--color-mediumaquamarine);
  font-family: var(--font-poppins);
}
.steps-container-parent {
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 44px;
  gap: 57.5px;
  text-align: left;
  font-size: var(--font-size-48);
  color: var(--color-darkslategray-200);
  font-family: var(--font-montserrat);
}
.get-mobile-app {
  flex: 1;
  position: relative;
  line-height: 22px;
  font-weight: 500;
  z-index: 1;
}
.get-mobile-app-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 393px;
}
.more-than-an {
  margin: 0;
  position: relative;
  font-size: var(--font-size-48);
  line-height: 64px;
  font-weight: 700;
  font-family: var(--font-montserrat);
  color: var(--Brand-Colors-Tertiary);
  z-index: 1;
}
.frame-parent5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 27px;
}
.dogsi-champions-a {
  margin: 0;
}
.dogsi-champions-a-container {
  flex: 1;
  position: relative;
  line-height: 180%;
  text-transform: capitalize;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.dogsi-champions-a-simple-joyf-wrapper,
.frame-parent4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.dogsi-champions-a-simple-joyf-wrapper {
  flex-direction: row;
  padding: 0 7px;
  box-sizing: border-box;
  font-size: var(--font-size-18);
  color: var(--Gray-Colors-Black-1);
}
.frame-parent4 {
  flex-direction: column;
  gap: var(--gap-5);
  flex-shrink: 0;
}
.apple-icon {
  width: 30.8px;
  position: relative;
  height: 37px;
}
.app-store,
.download-on-the {
  align-self: stretch;
  position: relative;
  font-size: 13.9px;
  line-height: 13.9px;
  font-weight: 500;
  font-family: var(--font-sf-compact-text);
  color: var(--Gray-Colors-White-4);
  text-align: left;
}
.app-store {
  font-size: 27.7px;
  letter-spacing: -0.72px;
  line-height: 100%;
  font-family: var(--font-sf-compact-display);
}
.content,
.content-wrapper,
.store-download-button {
  width: 120.2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.content-wrapper,
.store-download-button {
  height: 31.8px;
  justify-content: flex-end;
  padding: 0 0 4.8px;
  box-sizing: border-box;
}
.store-download-button {
  cursor: pointer;
  border: 1.5px solid var(--color-darkgray);
  padding: 12.3px 9.2px 12.3px 12.3px;
  background-color: var(--color-black);
  height: 61.6px;
  width: 184.9px;
  border-radius: 9.2px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 12.4px;
}
.playstore-icon {
  width: 32.4px;
  position: relative;
  height: 37px;
}
.subtext {
  align-self: stretch;
  position: relative;
  font-size: 15.4px;
  text-transform: uppercase;
  font-family: var(--font-product-sans);
  color: var(--Gray-Colors-White-4);
  text-align: left;
}
.path90-icon {
  width: 114px;
  position: relative;
  height: 23.1px;
}
.content-frame,
.content1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.content1 {
  justify-content: flex-start;
  gap: 4.6px;
}
.content-frame {
  height: 41.6px;
  width: 114px;
  justify-content: flex-end;
  padding: 0 0 1.9px;
  box-sizing: border-box;
}
.store-buttons,
.store-download-button1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.store-download-button1 {
  cursor: pointer;
  border: 1.5px solid var(--color-darkgray);
  padding: 7.7px 12.3px 12.3px;
  background-color: var(--color-black);
  height: 61.6px;
  width: 184.9px;
  border-radius: 9.2px;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 10.8px;
}
.store-buttons {
  align-items: flex-start;
  gap: var(--gap-30);
  max-width: 100%;
}
.store-buttons-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-20);
  box-sizing: border-box;
}
.adoption-sec-inner,
.frame-parent3,
.store-buttons-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent3 {
  width: 978px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-32);
}
.adoption-sec-inner {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-20);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-16);
  color: var(--color-mediumaquamarine);
  font-family: var(--font-poppins);
}
.overlay-pieces-icon,
.overlay-pieces-icon1,
.overlay-pieces-icon2 {
  height: 698.4px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  flex-shrink: 0;
}
.overlay-pieces-icon1,
.overlay-pieces-icon2 {
  z-index: 2;
  margin-left: -453.3px;
}
.overlay-pieces-icon2 {
  z-index: 1;
}
.overlay-pieces-parent {
  align-self: stretch;
  flex-direction: row;
  z-index: 1;
}
.adoption-sec-wrapper,
.adoption-sec1,
.overlay-pieces-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.adoption-sec1 {
  flex: 1;
  background-color: var(--color-floralwhite);
  overflow: hidden;
  flex-direction: column;
  padding: 77px 0 76.6px;
  box-sizing: border-box;
  gap: 51.4px;
}
.adoption-sec-wrapper {
  margin-left: -7px;
  margin-bottom: 12.2px;
  align-self: stretch;
  flex-direction: row;
}
.text {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 120%;
  font-weight: 600;
  font-family: inherit;
}
.content4 {
  gap: var(--gap-24);
}
.content3,
.content4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.button-label {
  position: relative;
  font-size: var(--font-size-14);
  letter-spacing: -0.01em;
  line-height: 160%;
  font-weight: 600;
  font-family: var(--font-archivo);
  background: linear-gradient(
    180deg,
    var(--Gray-Colors-White-4),
    rgba(255, 255, 255, 0.9)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  text-shadow: 0 0 0 0.5px #374859;
}
.button2 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-12) var(--padding-32);
  background-color: var(--Neutral-500);
  height: 50px;
  box-shadow:
    0 0 1px 1.5px rgba(4, 18, 33, 0.05) inset,
    0 0 0 0.5px var(--Neutral-400) inset;
  border-radius: 9999px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.content2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-48);
  min-width: 486px;
  max-width: 100%;
  z-index: 0;
  text-align: left;
  font-size: var(--font-size-48);
  color: var(--Neutral-500);
  font-family: var(--font-archivo);
}
.headline {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 140%;
  font-weight: 600;
  font-family: inherit;
}
.icon-caret-up {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.headline-icon {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}
.description {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-18);
  letter-spacing: -0.01em;
  line-height: 160%;
  color: var(--Neutral-400);
}
.accordion {
  width: 730px;
  box-shadow: 0 0 0 0.5px rgba(140, 150, 159, 0.24);
  border-radius: var(--br-24);
  background-color: var(--Neutral-50);
  overflow: hidden;
  justify-content: center;
  padding: var(--padding-24);
  box-sizing: border-box;
  gap: var(--gap-16);
}
.accordion,
.accordion1,
.content-groups {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.accordion1 {
  width: 730px;
  box-shadow: 0 0 0 0.5px rgba(140, 150, 159, 0.24);
  border-radius: var(--br-24);
  background-color: var(--Gray-Colors-White-4);
  overflow: hidden;
  justify-content: center;
  padding: var(--padding-24);
  box-sizing: border-box;
}
.content-groups {
  flex: 1;
  justify-content: flex-start;
  gap: var(--gap-24);
  max-width: 100%;
  z-index: 1;
  text-align: left;
  font-size: var(--font-size-24);
  color: var(--Neutral-500);
  font-family: var(--font-archivo);
}
.faqs-child {
  height: 180.4px;
  width: 151px;
  position: absolute;
  margin: 0 !important;
  top: 207px;
  left: 293px;
  object-fit: contain;
  z-index: 2;
}
.faqs1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-80);
  box-sizing: border-box;
  position: relative;
  gap: 64px;
  max-width: 100%;
  z-index: 0;
}
.frame-item {
  position: absolute;
  top: 151px;
  left: 0;
  border-radius: 40px;
  width: 1200px;
  height: 376px;
  overflow: hidden;
}
.portrait-happy-young-adult-goo-icon {
  position: absolute;
  top: 0;
  left: 107px;
  width: 411.2px;
  height: 508.1px;
  object-fit: cover;
  z-index: 1;
}
.frame-parent6 {
  height: 527px;
  width: 1200px;
  position: absolute;
  margin: 0 !important;
  bottom: -386.8px;
  left: 113px;
}
.faqs-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 253.2px 8px;
  box-sizing: border-box;
  position: relative;
  max-width: 100%;
}
.subscribe-to-our {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 56px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.get-all-the {
  width: 514px;
  position: relative;
  font-size: var(--font-size-16);
  line-height: 36px;
  font-weight: 500;
  display: flex;
  align-items: center;
  max-width: 100%;
  z-index: 1;
}
.frame-inner,
.title-content {
  align-self: stretch;
  max-width: 100%;
}
.title-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.frame-inner {
  width: 533px;
  position: relative;
  border-radius: var(--br-14);
  background-color: var(--Gray-Colors-White-4);
  display: none;
}
.frame-input {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 47px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11);
  box-sizing: border-box;
  font-family: var(--font-montserrat);
  font-weight: 500;
  font-size: var(--font-size-16);
  color: var(--color-darkslategray-100);
}
.subscribe {
  position: relative;
  line-height: 36px;
}
.rectangle-parent,
.subscribe-button {
  border-radius: var(--br-14);
  display: flex;
  flex-direction: row;
}
.subscribe-button {
  flex: 1;
  background-color: var(--color-goldenrod);
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12) var(--padding-16);
  z-index: 2;
}
.rectangle-parent {
  width: 533.1px;
  background-color: var(--Gray-Colors-White-4);
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 0 0 var(--padding-20);
  box-sizing: border-box;
  gap: var(--gap-20);
  max-width: 100%;
  z-index: 1;
  font-size: var(--font-size-18);
  color: var(--color-darkslategray-200);
}
.puppies-desktop-inner,
.title-content-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.title-content-parent {
  width: 554.1px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-36);
}
.puppies-desktop-inner {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-20) 102.2px 438px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-36);
  color: var(--Gray-Colors-White-4);
  font-family: var(--font-montserrat);
}
.div-child {
  width: 174px;
  position: relative;
  max-height: 100%;
}
.join-our-newsletter {
  width: 600px;
  display: flex;
  align-items: left;
}
.enter-your-email,
.join-our-newsletter {
  position: relative;
  line-height: 120%;
}
.button3 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: var(--color-darkseagreen);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-12) var(--padding-24);
  box-sizing: border-box;
  font-family: var(--font-dm-sans);
  font-weight: 500;
  font-size: var(--font-size-14);
  color: var(--Gray-Colors-White-4);
}
.div1,
.search {
  display: flex;
  justify-content: flex-start;
}
.search {
  border-radius: var(--br-80);
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gainsboro);
  flex-direction: row;
  align-items: center;
  padding: 6px 15px;
  gap: 140px;
  color: var(--color-gray-500);
  font-family: var(--font-poppins);
}
.div1 {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-16);
}
.social-icon {
  width: 28px;
  border-radius: var(--br-80);
  max-height: 100%;
}
.row,
.social-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-24);
}
.row {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-40);
  max-width: 100%;
}
.quick-links1,
.why-dogsi2 {
  position: relative;
  line-height: 120%;
}
.quick-links1 {
  font-weight: 500;
  color: var(--color-gray-400);
}
.why-dogsi2 {
  width: 211px;
  display: flex;
  align-items: center;
}
.quick-links-parent {
  height: 227px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-24);
}
.customer-support {
  position: relative;
  line-height: 120%;
  font-weight: 500;
}
.contact-us {
  position: relative;
  line-height: 150%;
}
.customer-support-parent,
.legal-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.legal-details {
  height: 236px;
  gap: var(--gap-16);
  color: var(--color-gray-600);
}
.customer-support-parent {
  gap: var(--gap-24);
  color: var(--color-gray-400);
}
.column,
.content-wrapper1,
.div,
.quick-links {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.quick-links {
  height: 147px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 90px;
  font-size: var(--font-size-16);
}
.column,
.content-wrapper1,
.div {
  align-self: stretch;
}
.column {
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  gap: 0;
}
.content-wrapper1,
.div {
  justify-content: flex-start;
}
.div {
  flex: 1;
  flex-direction: column;
}
.content-wrapper1 {
  height: 278px;
  flex-direction: row;
  padding: 0 71px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-18);
  color: var(--color-gray-600);
  font-family: var(--font-montserrat);
}
.copyright-inner,
.copyright-inner-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.copyright-inner {
  justify-content: space-between;
  padding: 0 0 0 25px;
}
.copyright-inner-wrapper {
  align-self: stretch;
  border-top: 1px solid var(--color-silver);
  justify-content: center;
  padding: var(--padding-22) 0 var(--padding-24);
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--color-gray-400);
  font-family: var(--font-montserrat);
}
.adoption-sec2 {
  flex: 1;
  background-color: var(--color-floralwhite);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-26) 0 25px;
  box-sizing: border-box;
  gap: 57px;
  max-width: 100%;
}
.adoption-sec-container,
.adoption-sec2,
.puppies-desktop {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.adoption-sec-container {
  margin-left: -7px;
  align-self: stretch;
  flex-direction: row;
  max-width: 100%;
}
.puppies-desktop {
  width: 100%;
  position: relative;
  background-color: var(--color-gray-200);
  overflow: hidden;
  flex-direction: column;
  gap: 100.8px;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1350px) {
  .business-group-portrait-posing-icon,
  .step-item {
    flex: 1;
  }
  .steps-content {
    flex-wrap: wrap;
  }
  .frame-section {
    gap: 398px;
    flex-wrap: wrap;
  }
  .labels-meetups,
  .presentation-meeting-of-male-t-icon {
    flex: 1;
  }
  .meetup-elements {
    flex-wrap: wrap;
  }
  .adoption-sec,
  .adoption-sec1 {
    padding-top: 44px;
    padding-bottom: 44px;
    box-sizing: border-box;
  }
  .adoption-sec1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .content4 {
    align-self: stretch;
    width: 100%;
  }
  .content-groups,
  .content2 {
    flex: 1;
  }
  .faqs1 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1125px) {
  .stats {
    gap: 45px;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: var(--padding-60);
    padding-right: var(--padding-60);
    box-sizing: border-box;
  }
  .labels-meetups {
    min-width: 100%;
  }
  .review-containers {
    padding-top: var(--padding-80);
    box-sizing: border-box;
  }
  .get-mobile-app-wrapper {
    padding-left: 196px;
    padding-right: 196px;
    box-sizing: border-box;
  }
  .content-groups {
    min-width: 100%;
  }
  .faqs-parent {
    padding-bottom: 165px;
    box-sizing: border-box;
  }
  .puppies-desktop-inner {
    padding-left: 219px;
    box-sizing: border-box;
  }
  .quick-links,
  .row {
    flex: 1;
  }
  .column {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 800px) {
  .nav-links {
    display: none;
  }
  .nav-links-wrapper {
    width: 34px;
  }
  .spontaneous-dog-meetups {
    font-size: 38px;
    line-height: 61px;
  }
  .content-container {
    gap: var(--gap-24);
  }
  .k {
    font-size: var(--font-size-26);
    line-height: 29px;
  }
  .hero-sec {
    gap: 61px;
  }
  .get-started-in {
    font-size: 38px;
    line-height: 45px;
  }
  .step-icons {
    font-size: var(--font-size-32);
    line-height: 38px;
  }
  .creatediscover,
  .joininvite,
  .play-socialize {
    font-size: var(--font-size-26);
    line-height: 32px;
  }
  .frame-container {
    flex-wrap: wrap;
  }
  .step-item {
    height: auto;
    gap: var(--gap-20);
    padding-bottom: 138px;
    box-sizing: border-box;
    min-width: 100%;
  }
  .get-started-in-3-easy-steps-parent,
  .steps-content {
    gap: var(--gap-30);
  }
  .why-dogsi1 {
    font-size: 29px;
    line-height: 45px;
  }
  .frame-section {
    gap: 199px;
  }
  .instant-meetups {
    font-size: var(--font-size-26);
    line-height: 26px;
  }
  .adoption-sec {
    gap: var(--gap-36);
    padding: 29px var(--padding-40);
    box-sizing: border-box;
  }
  .user-interface {
    gap: var(--gap-18);
  }
  .review-containers {
    padding-top: 52px;
    box-sizing: border-box;
  }
  .what-our-users-container {
    font-size: 45px;
    line-height: 54px;
  }
  .frame-parent2 {
    flex-wrap: wrap;
  }
  .frame-parent1 {
    gap: 84px;
    min-width: 100%;
  }
  .steps-container-parent {
    gap: 29px;
    padding-left: var(--padding-22);
    box-sizing: border-box;
  }
  .get-mobile-app-wrapper {
    padding-left: 98px;
    padding-right: 98px;
    box-sizing: border-box;
  }
  .more-than-an {
    font-size: 38px;
    line-height: 51px;
  }
  .frame-parent3 {
    gap: var(--gap-16);
  }
  .adoption-sec1 {
    gap: 26px;
    padding-top: var(--padding-32);
    padding-bottom: var(--padding-32);
    box-sizing: border-box;
  }
  .text {
    font-size: 38px;
    line-height: 46px;
  }
  .content2 {
    gap: var(--gap-24);
    min-width: 100%;
  }
  .faqs1 {
    gap: var(--gap-32);
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }
  .subscribe-to-our {
    font-size: 29px;
    line-height: 45px;
  }
  .title-content-parent {
    gap: var(--gap-18);
  }
  .puppies-desktop-inner {
    padding-left: 109px;
    box-sizing: border-box;
  }
  .search {
    flex-wrap: wrap;
  }
  .row {
    min-width: 100%;
  }
  .customer-support-parent,
  .quick-links-parent {
    flex: 1;
  }
  .quick-links {
    height: auto;
    flex-wrap: wrap;
    min-width: 100%;
  }
  .div {
    gap: var(--gap-16);
  }
  .content-wrapper1 {
    padding-left: 35px;
    padding-right: 35px;
    box-sizing: border-box;
  }
  .adoption-sec2 {
    gap: 28px;
  }
  .puppies-desktop {
    gap: 50px;
  }
}
@media screen and (max-width: 450px) {
  .spontaneous-dog-meetups {
    font-size: 29px;
    line-height: 46px;
  }
  .k {
    font-size: var(--font-size-19);
    line-height: 22px;
  }
  .stats {
    gap: 22px;
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .hero-sec {
    gap: var(--gap-30);
  }
  .get-started-in {
    font-size: 29px;
    line-height: 34px;
  }
  .step-icons {
    font-size: var(--font-size-24);
    line-height: 29px;
  }
  .creatediscover,
  .joininvite,
  .play-socialize {
    font-size: var(--font-size-19);
    line-height: 24px;
  }
  .frame-div {
    gap: var(--gap-20);
  }
  .why-dogsi1 {
    font-size: var(--font-size-22);
    line-height: 34px;
  }
  .frame-section {
    gap: 99px;
  }
  .instant-meetups {
    font-size: var(--font-size-19);
    line-height: 19px;
  }
  .adoption-sec {
    gap: var(--gap-18);
  }
  .testimonial-01,
  .testimonial-02,
  .testimonial-03 {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .what-our-users-container {
    font-size: 34px;
    line-height: 40px;
  }
  .testimonial-05,
  .testimonial-06 {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .testimonial-06 {
    flex: 1;
  }
  .frame-parent1 {
    gap: 42px;
  }
  .more-than-an {
    font-size: 29px;
    line-height: 38px;
  }
  .store-buttons {
    flex-wrap: wrap;
  }
  .text {
    font-size: 29px;
    line-height: 35px;
  }
  .faqs1 {
    gap: var(--gap-16);
  }
  .faqs-parent {
    padding-bottom: 107px;
    box-sizing: border-box;
  }
  .subscribe-to-our {
    font-size: var(--font-size-22);
    line-height: 34px;
  }
  .rectangle-parent {
    flex-wrap: wrap;
    padding-top: var(--padding-20);
    padding-right: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .puppies-desktop-inner {
    padding-left: var(--padding-20);
    box-sizing: border-box;
  }
  .search {
    gap: 70px;
  }
  .row {
    gap: var(--gap-20);
  }
  .quick-links {
    gap: 45px;
  }
  .adoption-sec2 {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .puppies-desktop {
    gap: 25px;
  }
.stats-bg {
  width: 100vw;
  background: #3ec28f; 
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.stats {
  max-width: 1200px; 
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  /* keep your existing styles for .stats here */
}
}