:root {
  --color-primary: #faaf19;
  --color-secondary: #545afa;
  --color-dark: #0c0c0c;
  --color-blue: #545afa;
  --color-blue-secondary: #F0F1FF;
  /* ... */
  --color-yellow: #ffc75f;
  --color-error: #f91c42;
}

/* ----- BASE ----- */
html {
  font-size: 14px;
  overflow-y: scroll;
  /* Forces scrollbar even if not needed */
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(12 12 12 / 60%);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

[x-cloak] {
  display: none !important;
}

body.overflow,
body.popup.popup-show {
  overflow: hidden;
}

/* Body with also the class .pop-up-is-opened */
body.pop-up-is-opened {
  overflow: hidden;
}

/* ****************************** CUSTOM */
/* ----- POPOVER ----- */
.popover {
  opacity: 0;
  transform: scale(0.95);
  transform-origin: top center;
  transition: opacity 1s ease, transform 1s ease;
}

/* When you add this class, it will transition to visible */
.popover.show {
  opacity: 1;
  transform: scale(1);
}
/* ----- /POPOVER ----- */

.snap {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scroll-behavior: smooth
}

.snap::-webkit-scrollbar {
  display: none;
}

.snap>div {
  scroll-snap-align: center;
}

/* ****************************** CUSTOM */

@media (min-width: 1280px) {
  .container {
    max-width: 1280px !important;
  }
}

@media (max-width: 1024px) {
  body.overflow-mobile {
    overflow: hidden;
  }
}

body.popup-open {
  overflow: hidden;
  padding-right: 17px;
}

.container {
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
}

.container-faq-sitter-profile {
  padding: 0;
}

.container>.flex {
  margin: 0 -1rem;
}

.container .flex .col {
  padding: 0 1rem;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

section {
  position: relative;
}

.title {
  text-align: center;
}

.title p {
  max-width: 45rem;
  margin: 0 auto;
}

.title h2 {
  max-width: 70rem;
  margin: 0 auto 0.7rem;
  padding: 0 2rem;
}

/* ----- BASE ----- */
/*  */
/* ----- TYPOGRAPHY ----- */
h1,
h2,
h3,
h6 {
  color: var(--color-dark);
}

h1 {
  font-size: 3.5rem;
  line-height: 3.75rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.h1 {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 700;
  letter-spacing: 2.3px;
}

h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  margin-bottom: 0.7rem;
}

h2 b {
  font-weight: 700;
}

.h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3.6875rem;
}

h3 {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 0.9rem;
}

.h3 {
  font-size: 1.4rem;
  line-height: 2rem;
}

.section-terms .h3 {
  margin-top: 2rem;
}

h4 {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 2.1875rem;
  color: #3a3a3a;
  letter-spacing: 0.1px;
  margin-bottom: 0.15rem;
}

h5 {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 600;
  margin-bottom: 1.35rem;
}

h6,
.subtitle {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6875rem;
  letter-spacing: 0.6px;
  margin-bottom: 0.9rem;
}

.lead {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 400;
}

.text-regular {
  font-weight: 400;
}


/* ------ block style -------- */

.disabled {
  cursor: not-allowed !important;
  background-color: #e8e8e8;
}

/* ------ End block style ------ */
/* ----- /TYPOGRAPHY ----- */
/*  */
/* Remove icon for Chrome */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/* ----- BUTTONS ----- */
.btn {
  border: 1px solid transparent;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 1rem 1.3rem;
  letter-spacing: 0.9px;
  border-radius: 0.8rem;
  text-align: center;
  display: inline-block;
  transition: 0.4s;
  cursor: pointer;
}

.btn:hover {
  transition: 0.4s;
}

.btn-small {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.8rem 1.8rem;
  letter-spacing: 2.2px;
  margin-top: 2rem;
}

.btn-medium {
  font-size: 1.2rem;
  font-weight: 900;
  padding: 1rem 4.5rem;
  letter-spacing: 1.2px;
}

.btn-large {
  font-size: 1.4rem !important;
  padding: 2rem 2.5rem !important;
  width: 29rem !important;
}

.btn-yellow {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
  padding: 0.8rem 1rem;
}

.btn-yellow:hover {
  background-color: transparent;
  color: var(--color-primary);
}

.btn-outline-yellow {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.btn-outline-yellow:hover {
  color: #fff;
  background-color: var(--color-primary);
}

.btn-outline-red {
  border-color: #f91c42;
  color: #f91c42;
}

.btn-outline-red:hover {
  color: #fff;
  background-color: #f91c42;
}

.btn-outline-primary {
  background-color: #fff;
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}

.btn-red {
  border-color: #f91c42;
  background-color: #f91c42;
  color: #fff;
}

.btn-red-deactivate {
  border-color: #f91c42;
  background-color: #ffffff;
  color: #f91c42;
}

.btn-red:hover {
  color: #f91c42;
  background-color: #fff;
}

.btn-primary {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  color: #fff;
}

.btn-primary-pay {
  background-color: #fff;
  border-color: var(--color-blue);
  color: var(--color-blue);
}

.btn-primary:hover {
  box-shadow: 0 9px 17px 0 rgb(0 0 0 / 16%);
}

.btn-secondary {
  border-color: var(--color-blue);
  color: var(--color-blue);
}

.btn-secondary:hover {
  background-color: var(--color-blue);
  color: #fff;
}

.btn-black {
  background-color: var(--color-dark);
  color: #fff;
}

.btn-black:hover {
  background-color: #fff;
  color: var(--color-dark);
}

.btn-secondary-gray {
  color: #545afa;
  border-color: #545afa;
}

.btn-secondary-gray:hover {
  background-color: #545afa;
  color: #fff;
}

.btn-yellow-outline {
  border: 1px solid #faaf19;
  font-weight: 400;
  text-transform: uppercase;
  color: #1e1e1e;
  letter-spacing: 3px;
  font-size: 0.9375rem;
}

.btn-yellow-outline:hover {
  background-color: #faaf19;
  color: #fff;
}

.btn-disabled {
  background-color: #80808042 !important;
  border: gray;
  cursor: not-allowed;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

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

/*  */
/* ----- SEARCH ----- */
.search {
  display: flex;
  position: relative;
  align-items: center;
  margin-right: 1rem;
  z-index: 20;
}

.zip-search {
  align-items: initial;
  width: fit-content;
  margin-right: 0;
}

.search .form-control {
  background: #fafbfd;
  height: 3rem;
  border-radius: 1rem;
  max-width: 19rem;
  position: relative;
  padding: 1rem 1rem 1rem 3.6rem;
  letter-spacing: 0.3px;
  font-weight: 300;
}

.zip-search .form-control {
  max-width: 90vw;
  text-align: start;
  padding: 1rem;
  border: none;
  background-color: #f9f9ff;
  width: 40rem;
  margin-top: 0.5rem;
  height: 4rem;
  border: 1px solid #999;
}

form .form-control {
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  min-height: 2.8rem;
  color: #0f0f0f;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 5px 5px 7px;
  margin-top: 5px;
  margin-bottom: 12px;
  line-height: 32px;
}

.search .suggest-container {
  padding: 0.5rem 0;
}

.search .form-control:focus {
  outline: none;
}

.search .icon-search {
  position: absolute;
  left: -0.5rem;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 18px;
  height: 18px;
  background-position: -193px -118px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  cursor: pointer;
  margin-left: 0 !important;
}

.zip-search .icon-search {
  left: 0.5rem;
  top: 1.9rem;
}

.search .form-control::placeholder {
  color: #b4b4b4;
}

.form-control::placeholder {
  color: #b4b4b4 !important;
}

/* ----- /cat-sitters ----- */
/*  */
/* ----- SECTION BANNER ----- */
.section-banner {
  padding-top: 1rem;
}

.section-banner .image-wrap img {
  position: absolute;
  right: -3rem;
  z-index: -1;
  top: -3.7rem;
  width: 58.2%;
}

.section-banner .content p {
  max-width: 34rem;
}

.section-banner .content>.btn {
  margin-top: 1.9rem;
  padding: 1rem 2.4rem;
}

/* ----- /SECTION BANNER ----- */
/*  */
/* ----- FILTERS FORM ----- */
.search-form {
  background-color: #ffffff;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 11%);
  margin-top: 2.3rem;
  margin-right: -2.9rem;
  border-radius: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  padding: 1.05rem 1.3rem 1.4rem;
  align-items: flex-start;
  position: relative;
}

.search-form.simplified-search {
  justify-content: space-between;
}

.search-form:before {
  content: "";
  background-image: url(/img/form-bg.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: -3.2rem;
  bottom: 0.2rem;
  width: 13.7rem;
  height: 6rem;
  background-size: contain;
  z-index: -1;
}

.search-form label {
  display: block;
  color: #060606;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.search-form .form-control:focus {
  outline: none;
}

.search-form .form-group {
  padding: 0 1rem;
}

.search-form.simplified-search .form-group {
  flex: 0 0 60%;
  max-width: 60%;
}

.search-form .form-group:first-child {
  padding: 0 0.7rem;
}

.search-form.standard-search .form-group:first-child {
  padding: 0 0.7rem;
  max-height: 59px;
}

.search-form.standard-search .form-group:nth-child(2) {
  border-left: 1px solid #707070;
  max-width: 37%;
}

.search-form .form-group:nth-child(3) {
  flex: 0 0 22%;
  max-width: 22%;
}

.search-form .btn {
  padding: 0.9rem 0.7rem;
  align-self: center;
  padding-left: 0.8rem;
}

.search-form .btn .btn-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-form .btn .icon-search {
  width: 30px;
  height: 29px;
  background-position: -244px -213px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  display: block;
  margin-right: 0.6rem;
}

.search-form .form-control {
  max-width: 100%;
  width: auto;
  background: transparent;
}

.search-form.standard-search .form-control {
  font-size: 1.125rem;
}

.search-form.simplified-search .form-control {
  border: 1px solid lightgray;
  border-radius: 0.5rem;
  padding-left: 0.6rem;
  width: 100%;
  min-height: 3rem;
}

.search-form .noError {
  margin-bottom: 0;
  font-size: 1rem;
  color: rgb(0 0 0 / 60%);
}

.search-form .noError::placeholder {
  color: rgb(0 0 0 / 60%);
}

.search-form .form-control::placeholder {
  color: rgb(0 0 0 / 60%);
}

.form-control::placeholder {
  color: rgb(0 0 0 / 60%);
}

.search-form .see-more-link {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.7rem;
  align-items: center;
  font-weight: 500;
}

.search-form .see-more-link .icon-down {
  margin: 0 0.1rem 0 0.5rem;
  width: 23px;
  height: 23px;
  background-position: -343px -213px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  transform: rotate(0deg);
  transition: 0.4s;
}

.search-form .see-more-link.active .icon-down {
  transform: rotate(180deg);
}

.section-banner .container>.search-form {
  display: none;
}

/* ----- /FILTERS FORM ----- */
/*  */
/* ----- SECTION STEPS ----- */
.section-steps {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  background-image: url(/img/steps-line.svg);
  background-repeat: no-repeat;
  background-position-y: 20.5rem;
  background-size: contain;
}

.section-steps .title {
  margin-bottom: 6.6rem;
}

.step {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 16px 0 rgb(0 0 0 / 6%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 1.9rem 2.8rem;
  border-radius: 1rem;
  height: 100%;
}

.step .image-wrap {
  margin-top: -3.6rem;
  height: 10.2rem;
  margin-bottom: 0.95rem;
  position: relative;
  z-index: 9;
}

.step .image-wrap img {
  max-height: 100%;
}

.step .image-wrap:before {
  content: "";
  width: 3.1875rem;
  height: 3.1875rem;
  border-radius: 50%;
  background-color: #ffda2b;
  position: absolute;
  top: 0rem;
  left: -1.1rem;
  z-index: -1;
}

.step .image-wrap:after {
  content: "";
  width: 4.0625rem;
  height: 4.0625rem;
  border-radius: 50%;
  background-color: #ff7ebf;
  position: absolute;
  bottom: 1.2rem;
  right: -2.1rem;
  z-index: -1;
}

.step .number {
  position: absolute;
  left: -4.6rem;
  top: 26%;
  z-index: -1;
  font-size: 8.625rem;
  color: rgb(12 12 12 / 5%);
  font-weight: 700;
  width: 5.7rem;
  text-align: right;
}

.section-steps .flex .col {
  padding: 0 2.9rem;
}

.section-steps .flex {
  margin: 0 0.9rem;
}

.step p {
  letter-spacing: 0;
}

.section-steps .col:nth-child(2n) .step .image-wrap:before {
  background-color: #ff7ebf;
}

.section-steps .col:nth-child(2n) .step .image-wrap:after {
  background-color: #ffda2b;
}

.section-steps .btn {
  margin-top: 3rem;
  width: 18rem;
  padding: 1rem;
  font-size: 1rem;
}

/* ----- /SECTION STEPS ----- */
/*  */
/* ----- SECTION CAT SITTERS ----- */
.section-cat-sitters {
  /*padding-top: 3.2rem;*/
  padding-bottom: 1.8rem;
}

.section-cat-sitters .title {
  margin-bottom: 3.6rem;
}

.cat-sitter-card {
  border-radius: 2rem;
  text-align: center;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 10;
  min-height: 100%;
  padding-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.cat-sitter-card h4 {
  padding: 1rem 1rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 4em;
}

.cat-sitter-card .image-wrap {
  position: relative;
  height: fit-content;
  overflow: hidden;
}

.cat-sitter-card .image-wrap img {
  width: 250px;
  height: 250px;
  object-fit: cover;
}

.cat-sitter-card .image-wrap .label {
  position: absolute;
  top: 1.6rem;
  background-color: var(--color-secondary);
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 0.35rem;
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.cat-sitter-card .image-wrap .label b {
  font-weight: 700;
}

.cat-sitter-card .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.cat-sitter-card .rating span {
  font-size: 0.9rem;
  color: #757575;
  font-weight: 500;
  margin-left: 0.2rem;
}

.cat-sitter-card .rating .icon-star {
  margin: 0 0.15rem;
}

.cat-sitter-card .btn {
  text-transform: uppercase;
  padding: 0.95rem 1.7rem;
  width: 90%;
}

.owl-carousel .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}

.owl-carousel .owl-dots .owl-dot {
  width: 1rem;
  height: 1rem;
  border: 1px solid #b9b4b4;
  border-radius: 50%;
  margin: 0 0.45rem;
}

.owl-carousel .owl-dots .owl-dot.active {
  border-color: #faaf19;
  background: #faaf19;
}

.owl-carousel .owl-dots .owl-dot:focus {
  outline: none;
}

.icon-star {
  width: 1.6rem;
  height: 1.7rem;
  background-position: -176px -177px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  margin: 0 0.1rem;
}

.icon-half-star {
  width: 1.6rem;
  height: 1.7rem;
  background-position: -214px -310px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  margin: 0 0.1rem;
}

.icon-grey-star {
  width: 1.6rem;
  height: 1.7rem;
  background-position: -216px -254px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  margin: 0 0.1rem;
}

.section-cat-sitters .flex .col {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 1.5rem;
  min-width: 250px;
}

.section-cat-sitters .card-container {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 1.5rem;
}

.section-cat-sitters .flex {
  margin: 0 0rem;
}

.section-cat-sitters .buttons {
  text-align: center;
  margin-top: 0.5rem;
}

.section-cat-sitters .buttons .btn {
  margin-top: 1.7rem;
  width: 18rem;
  padding: 1rem;
  font-size: 1rem;
}

.section-cat-sitters .VueCarousel-inner {
  flex-basis: auto !important;
  padding: 0 !important;
}

.section-cat-sitters .VueCarousel-slide {
  flex: 0 0 33.33%;
  width: 33.33%;
}

.section-cat-sitters .VueCarousel-dot:focus {
  border: 1px solid #545afa;
  outline: none;
}

/* ----- /SECTION CAT SITTERS ----- */
/*  */
/* ----- SECTION CTA ----- */
.section-cta {
  padding-top: 8.4rem;
}

.section-cta .content-wrap {
  background-color: var(--color-secondary);
  background-image: url(/img/cta-bg.svg);
  background-repeat: no-repeat;
  border-radius: 1rem;
  position: relative;
  margin: 0;
  padding: 2rem 3rem 2.2rem;
}

.section-cta .content-wrap:after {
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  top: -11.8rem;
  background-position: -140px -240px;
  right: 0;
  margin: 0 auto;
  width: 25.2rem;
  height: 13.2rem;
  z-index: -1;
  /* Fallback image */
  background-image: url("/img/css_sprites_city@1x.png");
  /* WebP and PNG images for different resolutions */
  background-image: -webkit-image-set(url(/img/css_sprites_city@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_city@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_city@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_city@1x.png) 1x type("image/png"),
      url(/img/css_sprites_city@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_city@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/css_sprites_city@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_city@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_city@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_city@1x.png) 1x type("image/png"),
      url(/img/css_sprites_city@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_city@2x.png) 2x type("image/png"));
}

.section-cta .content-wrap p {
  font-size: 1.1rem;
}

.section-cta .content-wrap h4,
.section-cta .content-wrap p {
  line-height: 2.5rem;
  color: #fff;
  margin-bottom: 0;
  font-weight: 600;
  letter-spacing: 0px;
}

.section-cta .content-wrap h4 span,
.section-cta .content-wrap p span {
  color: #faaf19;
  margin-left: 0.3rem;
}

.section-cta .content-wrap h4 .large-text,
.section-cta .content-wrap p .large-text {
  font-size: 2rem;
  font-weight: 700;
}

.section-cta .content-wrap .col:first-child {
  flex: 0 0 62%;
  max-width: 62%;
}

.section-cta .content-wrap .custom-wrap {
  flex: 0 0 70% !important;
  max-width: 70% !important;
}


.section-cta .content-wrap .btn {
  text-transform: uppercase;
  padding: 1.1rem 1rem;
  width: 16.2rem;
}

.section-cta .content-wrap h4 span.text-lg,
.section-cta .content-wrap p span.text-lg {
  font-size: 2rem;
  margin-left: 0rem;
}

.section-cta .content-wrap .btn-tabl {
  display: none;
}

/* ----- /SECTION CTA ----- */
/*  */
/* ----- SECTION TESTIMONIALS ----- */
.section-testimonials {
  padding-bottom: 2.1rem;
  padding-top: 7rem;
}

.section-testimonials:before {
  content: "";
  background-image: url(/img/testimonials-bg.svg);
  background-position-y: top;
  background-position-x: left;
  background-repeat: no-repeat;
  position: absolute;
  top: 12rem;
  left: 0;
  width: 22.95rem;
  height: 46.9rem;
  background-position-x: right;
  background-size: contain;
}

.section-testimonials .owl-carousel .owl-stage {
  padding-left: 4.5rem;
  display: flex;
}

.section-testimonials .owl-carousel img {
  width: 100%;
}

.section-testimonials .title {
  margin-bottom: 4rem;
}

.section-testimonials .owl-carousel .owl-dots {
  margin-top: 2rem;
}

.section-testimonials .owl-carousel .owl-dots .owl-dot.active {
  background-color: #545afa;
  border-color: #545afa;
}

.testimonial {
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 39px 0 rgb(0 0 0 / 6%);
  position: relative;
  padding: 6.9rem 2.5rem 2.1rem;
  text-align: center;
  min-width: 20.125rem;
  margin: 5.1rem 1.5625rem 2rem;
  height: 100%;
}

.testimonial .img-wrap {
  position: absolute;
  top: -5.2rem;
  left: 0;
  right: 0;
  width: 11.4375rem;
  height: 10.6875rem;
  margin: 0 auto;
  display: block;
}

.testimonial .rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
}

.testimonial .rating .icon-star {
  width: 1.55rem;
  height: 1.55rem;
  margin: 0 0.1rem;
  background-size: 570px;
  background-position: -166px -168px;
}

.testimonial .name {
  font-weight: 600;
  letter-spacing: 0.1px;
  margin-bottom: -0.2rem;
  font-size: 1.125rem;
  color: #0c0c0c;
  line-height: 1.75rem;
  display: block;
}

.testimonial .location {
  font-size: 1.125rem;
  font-weight: 400;
  display: block;
  color: rgb(12 12 12 / 52%);
  margin-bottom: 0.7rem;
}

.testimonial>img {
  margin: 0.7rem auto 0;
}

.testimonial .logo-trustpilot {
  width: 214px;
  height: 88px;
  background-position: -10px -10px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
}

/* ----- /SECTION TESTIMONIALS ----- */
/*  */
address {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.775rem;
  margin-top: -0.4rem;
  letter-spacing: 0.6px;
  margin-bottom: 1.2rem;
}

/*  */
/* ----- FORM SEARCH ----- */
.form-search {
  position: relative;
  width: 100%;
  max-width: 55.2rem;
  margin: 0 auto;
}

.form-search .form-control {
  border: 1px solid #e3e3e3;
  border-radius: 1rem;
  width: 100%;
  font-size: 1rem;
  font-weight: 300;
  height: 4.2rem;
  padding: 1rem 1.9rem;
  letter-spacing: 0.3px;
}

.form-search .form-control:focus {
  outline: none;
}

.form-search .form-control::placeholder {
  color: #b4b4b4;
}

.form-search .btn {
  position: absolute;
  right: 0.8rem;
  top: 0.55rem;
  bottom: 0.55rem;
  width: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 0.5rem 0.4rem;
}

.form-search .btn .icon-search {
  width: 30px;
  height: 29px;
  background-position: -141px -123px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  display: block;
  background-size: 317px;
  top: 0rem;
}

.radio-buttons .form-radio .form-check-input~label:before {
  width: 1.25rem;
  flex: 0 0 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 2px solid #cccccc;
  margin-left: -0.15rem;
  margin-right: 0.9rem;
}

.radio-buttons .form-radio .form-check-input~label {
  font-size: 1.125rem;
  color: #000000;
  line-height: 1.45rem;
  position: relative;
}

.radio-buttons {
  margin-top: 1.1rem;
  display: flex;
  flex-direction: column;
}

.radio-buttons .form-radio {
  margin-bottom: 0.6rem;
}

.radio-buttons .form-check .form-check-input:checked~label:after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background-color: #545afa;
  position: absolute;
  margin-left: 0.2rem;
  margin-top: 0.4rem;
}

.form-check .form-check-input:checked~label:before {
  background-image: none;
  border-color: #545afa;
}


/* ----- /FORM SEARCH ----- */
/*  */
/* ----- BREADCRUMBS ----- */
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.9rem;
}

.breadcrumbs li {
  font-size: 1.125rem;
  font-weight: 400;
  margin-right: 0.3rem;
}

.breadcrumbs li,
.breadcrumbs li a {
  color: #000;
}


/* ----- /BREADCRUMBS ----- */
/*  */
/* ----- ACHIEVEMENT ----- */
.achievement {
  width: 100%;
  max-width: 100%;
  min-width: 50%;
  padding: 1rem;
  min-height: 10rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  height: 14rem;
  border-radius: 1rem;
  margin-bottom: 0rem;
  box-shadow: 0 10px 30px 0 rgb(0 0 0 / 4%);
}

.achievement:last-child {
  margin-bottom: 0;
}

.achievement h3 {
  position: relative;
  margin-bottom: 0;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 200;
}

.achievement h3 .green-star {
  display: inline-block;
  vertical-align: -0.5rem;
  width: 29px;
  height: 28px;
  background-position: -294px -213px;
  /* Fallback image */
  background-image: url("/img/css_sprites@1x.png");
  background-image: -webkit-image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
  background-image: image-set(url("/img/css_sprites@1x.webp") 1x type("image/webp"),
      url("/img/css_sprites@1.5x.webp") 1.5x type("image/webp"),
      url("/img/css_sprites@2x.webp") 2x type("image/webp"),
      url("/img/css_sprites@1x.png") 1x type("image/png"),
      url("/img/css_sprites@1.5x.png") 1.5x type("image/png"),
      url("/img/css_sprites@2x.png") 2x type("image/png"));
}

.achievement .count {
  font-size: 2rem;
  display: block;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 2px;
  margin-bottom: 0.1rem;
}

.achievement.bg-orange {
  background-color: #fff1e0;
  color: #a35500;
}

.achievement.bg-orange h3 {
  color: #a35500;
}

.achievement.bg-blue {
  background-color: #dedeff;
  color: #0000cc;
}

.achievement.bg-blue h3 {
  color: #0000cc;
}

.achievement.bg-green {
  background-color: #e6f9f1;
  color: #007f56;
}

.achievement.bg-green h3 {
  color: #007f56;
}

.achievement.bg-red {
  background-color: #ffebeb;
  color: #cc0000;
}

.achievement.bg-red h3 {
  color: #cc0000;
}

/* ----- /ACHIEVEMENT ----- */
/*  */
/* ----- SECTION ACHIEVEMENTS ----- */
.section-achievements {
  padding-top: 8rem;
  padding-bottom: 2rem;
}

.section-achievements .kpi-container {
  flex: 0 0 35%;
  max-width: 35%;
}

.section-achievements .title {
  margin-bottom: 1.6rem;
}

.section-achievements .image-col img {
  width: 85%;
}

.section-achievements .image-col {
  max-width: fit-content;
  flex: 0 0 30%;
}

.section-achievements .content-col .flex {
  margin: 0 -3rem 0 -2.3rem;
  align-items: center;
}

.section-achievements .content-col .col {
  padding: 0 1.7rem;
}

.section-achievements .buttons {
  text-align: center;
  margin-top: 3.6rem;
}

.section-achievements .buttons .btn {
  padding: 1rem 3.1rem;
}

/* ----- SECTION ACHIEVEMENTS ----- */
/*  */
/*  */
/* ----- SECTION ABOUT ----- */
.section-about {
  padding-top: 7.3rem;
  padding-bottom: 6rem;
}

.section-about .flex {
  margin: 0 -2rem;
  justify-content: space-between;
}

.section-about .items-col .col {
  padding: 0 2.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-about .flex .items-col {
  flex: 0 0 40.6%;
  max-width: 40.6%;
  padding: 0;
}

.section-about .flex .content-col {
  flex: 0 0 44.4%;
  max-width: 44.4%;
  padding-bottom: 0.3rem;
}

.section-about .content-col .btn {
  margin-top: 1.8rem;
  padding: 1rem 2.3rem;
  font-weight: 700;
}

.section-about .content-col p {
  font-size: 1.1875rem;
  line-height: 2.125rem;
  max-width: 31rem;
}

.section-about .content-col .h1 {
  font-size: 4.375rem;
  line-height: 4.5625rem;
  font-weight: 400;
  margin-bottom: 2.2rem;
  letter-spacing: 0.1px;
}

.section-about .content-col .buttons {
  display: none;
}

.section-about .items-col .buttons {
  display: none;
}

/* ----- /SECTION ABOUT ----- */
/*  */
/* ----- SECTION INCLUDES ----- */
.section-includes {
  padding-top: 7.1rem;
}

.section-includes .item-include .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.3rem;
}

.section-includes .item-include .icon {
  /* Fallback image */
  background-image: url("/img/css_sprites_includes@1x.png");
  background-image: -webkit-image-set(url(/img/css_sprites_includes@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_includes@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_includes@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_includes@1x.png) 1x type("image/png"),
      url(/img/css_sprites_includes@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_includes@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/css_sprites_includes@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_includes@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_includes@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_includes@1x.png) 1x type("image/png"),
      url(/img/css_sprites_includes@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_includes@2x.png) 2x type("image/png"));
  background-repeat: no-repeat;
  display: block;
  min-height: 5.4rem;
  width: 5.8rem;
}

.section-includes .item-include {
  background-color: #fff;
  border-radius: 2.25rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.1875rem;
  display: block;
  font-weight: 600;
  color: #0c0c0c;
  box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
  padding: 2.1rem 1.8rem;
  margin-bottom: 4.4rem;
  min-height: 0rem;
}

.section-includes .item-include .icon-milk {
  background-position: -3px -10px;
}

.section-includes .item-include .icon-pet {
  background-position: -8px -100px;
}

.section-includes .item-include .icon-cat {
  background-position: -7px -192px;
}

.section-includes .item-include .icon-phone {
  background-position: 7px -284px;
}

.section-includes .item-include .icon-insurance {
  background-position: -2px -377px;
}

.section-includes .flex .col {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 2.1rem;
}

.section-includes .flex {
  justify-content: center;
  margin: 0 4.5rem;
}

.section-includes .title {
  margin-bottom: 3.9rem;
}

.section-includes .buttons {
  text-align: center;
  margin-top: -0.7rem;
}

.section-includes .buttons .btn {
  margin: 0 0.9rem;
  padding: 1rem 0.5rem;
  font-weight: 700;
  width: 14.5rem;
}

.section-includes .buttons .btn-primary {
  width: 14.5rem;
}

/* ----- /SECTION INCLUDES ----- */
/*  */
/* ----- AREAS WRAP ----- */
.areas-wrap {
  position: relative;
  border-radius: 2.0625rem;
  background-color: #fff;
  padding: 0.6rem 0rem 0.6rem 1.5rem;
  margin-right: 1rem;
  box-shadow: 20px 30px 39px rgb(0 0 0 / 10%);
}

.areas-wrap .white-box {
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0.6rem;
  bottom: 0;
  width: 14.5rem;
  border-radius: 2rem;
}

.areas-wrap .white-box .box-header {
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
  padding: 1.2rem 0 0.8rem;
}

.areas-wrap h6 {
  font-size: 1.0625rem;
  font-weight: 500;
  color: #060606;
  margin-bottom: 0;
  letter-spacing: 0.2px;
}

.areas-wrap .white-box .box-body {
  padding: 0.9rem 1.3rem;
}

.areas-wrap .white-box .form-search .form-control {
  background-color: #f9f9f9;
  font-size: 0.6875rem;
  height: 2.25rem;
  border: 0;
  padding: 0.6rem 0.6rem 0.6rem 3rem;
  letter-spacing: 0;
}

.areas-wrap .white-box .form-search .btn {
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgb(84 90 250 / 8%);
  border-radius: 50%;
  padding: 0;
  position: absolute;
  left: 0.3rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.areas-wrap .white-box .form-search {
  position: relative;
  margin-bottom: 1.1rem;
}

.areas-wrap .white-box .form-search .form-control::placeholder {
  color: #b4b4b4;
}

.areas-wrap .white-box .form-search .btn .icon-search {
  /* Fallback image */
  background-image: url("/img/css_sprites_about_us@1x.png");
  background-image: -webkit-image-set(url(/img/css_sprites_about_us@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_about_us@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_about_us@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_about_us@1x.png) 1x type("image/png"),
      url(/img/css_sprites_about_us@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_about_us@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/css_sprites_about_us@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_about_us@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_about_us@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_about_us@1x.png) 1x type("image/png"),
      url(/img/css_sprites_about_us@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_about_us@2x.png) 2x type("image/png"));
  background-position: -5px -3px;
  background-size: auto;
}

.areas-wrap .white-box .area {
  border: 1px solid #e3e3e3;
  border-radius: 0.875rem;
  font-weight: 500;
  color: #545afa;
  font-size: 0.75rem;
  max-width: 10.8rem;
  margin: 0 auto;
  padding: 0.5rem 1.4rem 0.5rem;
  margin-bottom: 0.6rem;
  display: block;
  text-align: center;
  letter-spacing: 0.2px;
  position: relative;
}

.areas-wrap .white-box .area .icon-map-marker {
  width: 1.1875rem;
  height: 1.5625rem;
  /* Fallback image */
  background-image: url("/img/css_sprites_about_us@1x.png");
  background-image: -webkit-image-set(url(/img/css_sprites_about_us@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_about_us@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_about_us@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_about_us@1x.png) 1x type("image/png"),
      url(/img/css_sprites_about_us@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_about_us@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/css_sprites_about_us@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_about_us@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_about_us@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_about_us@1x.png) 1x type("image/png"),
      url(/img/css_sprites_about_us@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_about_us@2x.png) 2x type("image/png"));
  background-position: -10px -44px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.1rem;
  margin: auto 0;
}

.areas-wrap:before {
  content: "";
  /* Fallback image */
  background-image: url("/img/css_sprites_about_us@1x.png");
  background-image: -webkit-image-set(url(/img/css_sprites_about_us@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_about_us@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_about_us@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_about_us@1x.png) 1x type("image/png"),
      url(/img/css_sprites_about_us@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_about_us@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/css_sprites_about_us@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_about_us@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_about_us@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_about_us@1x.png) 1x type("image/png"),
      url(/img/css_sprites_about_us@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_about_us@2x.png) 2x type("image/png"));
  width: 10rem;
  height: 7.2rem;
  background-repeat: no-repeat;
  position: absolute;
  top: -4.7rem;
  right: 2rem;
  background-position: -32px -438px;
  z-index: 10;
}

.areas-wrap::after {
  content: "";
  background-image: url(/img/areas-bg.svg);
  background-repeat: no-repeat;
  z-index: -1;
  position: absolute;
  right: -15.1rem;
  top: -7.4rem;
  width: 46rem;
  height: 42.8125rem;
  background-size: contain;
}

/* ----- /AREAS WRAP ----- */
/*  */
/* ----- SECTION FAQS ----- */
.section-faqs {
  padding-top: 1.6rem;
}

.section-faqs h2 {
  font-weight: 400;
}

.section-faqs .title {
  margin-bottom: 3.8rem;
}



.section-faqs .faq-item>button {
  font-weight: 600;
  color: #545afa;
  font-size: 1.25rem;
  line-height: 2rem;
  position: relative;
  width: 100%;
  text-align: left;
}

.section-faqs .faq-item>button:focus {
  outline: none;
}



.section-faqs .faq-item .faq-content {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  padding: 0 0.6rem 0;
}

.section-faqs .faq-item .faq-content p {
  font-size: 1.125rem;
  line-height: 2.25rem;
}

.section-faqs .faq-item .faq-content a {
  cursor: pointer;
  color: blue;
}

.section-faqs .faq-item .faq-content li {
  font-size: 14px;
  margin-left: 20px;
  list-style-type: circle;
}

.section-faqs .faq-item .faq-content li.ql-indent-2 {
  margin-left: 50px !important;
}

.section-faqs .faq-item .faq-content img {
  max-width: 432px;
  margin: auto;
}

.section-faqs .faq-item.active .faq-content {
  visibility: visible;
  opacity: 1;
  max-height: 5000px;
  padding: 0.9rem 0.6rem 0;
}

.section-faqs .faq-item.active button:after {
  transform: rotate(180deg);
  transition: 0.4s;
}

.section-faqs .buttons {
  text-align: center;
  margin-top: 3.4rem;
}

.section-faqs .buttons .btn {
  padding-left: 3.1rem;
  padding-right: 3.1rem;
}

/* ----- /SECTION FAQS ----- */
/*  */
/* ----- SECTION IMAGE CONTENT TWO ----- */
.section-image-content-two {
  padding-top: 5.3rem;
  text-align: center;
  position: relative;
  padding-bottom: 4rem;
}

.section-image-content-two:before {
  content: "";
  background-image: url(/img/image-content-line.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 33%;
  top: 22.5rem;
  bottom: -6rem;
  width: 38.25rem;
  background-size: contain;
}

.image-content-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 6.5rem;
  max-width: 62.7rem;
  text-align: left;
}

.image-content-row .content-wrap {
  flex: 0 0 47%;
  max-width: 47%;
  padding-bottom: 1.2rem;
}

.image-content-row p {
  font-size: 1.5rem;
  line-height: 2rem;
}

.image-content-row .image-wrap {
  flex: 0 0 42%;
  max-width: 42%;
}

.section-image-content-two .title {
  margin-bottom: 3.9rem;
}

.image-content-row .image-wrap img {
  width: 100%;
  border-radius: 2rem;
  height: 29.125rem;
  object-fit: cover;
}

.image-content-row h3 {
  max-width: 20rem;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 1.4rem;
}

.image-content-row.image-left .content-wrap {
  flex: 0 0 45.3%;
  max-width: 45.3%;
}

.image-content-row:last-of-type {
  margin-bottom: 0;
}

.section-image-content-two .btn {
  margin-top: 3.5rem;
  width: 18rem;
  padding: 1.5rem;
}

/* ----- /SECTION IMAGE CONTENT TWO ----- */
/*  */
/* ----- SECTION COMMUNITY ----- */
.section-community {
  padding-top: 6rem;
  position: relative;
  background-image: url(/img/community-bg.svg);
  background-repeat: no-repeat;
  background-position: center 5.5rem;
  background-size: 106.5% 88%;
}

.section-community:before {
  content: "";
  background-image: url(/img/testimonials-line.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 22.4rem;
  left: 0;
  right: 0;
  bottom: 9.8rem;
  z-index: -1;
  background-position: 0rem 0rem;
  background-size: 100% 100%;
}

.section-community .title {
  margin-bottom: 2.7rem;
}

.section-community .testimonial {
  min-width: 1rem;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 4.9rem 2rem 1.1rem;
  margin-bottom: 6rem;
}

.section-community .testimonial .img-wrap {
  width: 8.25rem;
  height: revert;
  top: -3.8rem;
}

.section-community .testimonial h5 {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  font-weight: 600;
  color: rgb(12 12 12 / 60%);
  margin-bottom: 1.2rem;
}

.section-community .flex .col {
  padding: 0 0.9rem;
  flex: 0 0 25%;
  max-width: 25%;
}

.section-community .container>.flex {
  margin: 0 -4rem 0 -2.7rem;
  justify-content: center;
}

.section-community .testimonial .rating .icon-star {
  width: 1rem;
  height: 1rem;
  margin: 0 0.12rem;
  background-position: -107px -107px;
  background-size: 362px;
}

.section-community .testimonial .name {
  font-size: 1.1rem;
  line-height: 1.1875rem;
  margin-bottom: 0rem;
}

.section-community .testimonial .location {
  font-size: 1rem;
  line-height: 1.2rem;
  margin-bottom: 0.9rem;
}

.section-community .testimonial .logo-trustpilot {
  width: 163px;
  height: 64px;
  background-size: 380px;
  background-position: -4px -13px;
}

.section-community .testimonial .rating {
  margin-bottom: 0.7rem;
}

.section-community .testimonial-small h5 {
  font-size: 0.8125rem;
  line-height: 1.1875rem;
}

.section-community .testimonial-small h6 {
  font-size: 0.625rem;
  line-height: 1rem;
}

.section-community .testimonial-small {
  max-width: 85%;
  margin: 4.6rem auto 6.5rem;
  padding: 4.3rem 2rem 1.1rem;
}

.section-community .testimonial-small .img-wrap {
  top: -3.4rem;
  width: 7.25rem;
}

.section-community .testimonial-small .location {
  font-size: 1rem;
  line-height: 1.2rem;
}

.section-community .testimonial-small .logo-trustpilot {
  width: 140px;
  height: 56px;
  background-position: -6px -10px;
  background-size: 320px;
}

.section-community .testimonial-small:last-child,
.section-community .testimonial:last-child {
  margin-bottom: 0;
}

.section-community .buttons {
  margin-top: 10.9rem;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.section-community .buttons .btn {
  margin: 0 1rem;
  width: 18rem;
  padding: 1rem 1rem;
}

.section-community .items-mob {
  display: none;
}

/* ----- /SECTION COMMUNITY ----- */
/*  */
/* ----- POPUP ----- */

.popup .popup-dialog {
  min-height: calc(100% - 3.5rem);
  max-width: 34.6rem;
  margin: 1.75rem auto;
  display: flex;
  align-items: center;
  position: relative;
  width: auto;
}

.popup .popup-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 3rem;
  outline: 0;
  min-height: 20rem;
  max-height: 90vh;
}

.popup.popup-show {
  display: block;
}

.popup .popup-body {
  text-align: center;
  padding: 1rem 3.8rem 2em;
}

.btn-close {
  background-image: url(/img/icon-close.svg);
  background-repeat: no-repeat;
  background-size: 1rem;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
}

.popup .btn-close:focus,
.popup .btn-close:hover {
  outline: none;
  border: 0;
}

.popup .popup-header {
  display: flex;
  align-items: center;
  padding: 2.2rem 2.6rem 0rem;
}

.popup .popup-body h3 {
  color: #545afa;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.popup .popup-body .btn {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.75rem;
  letter-spacing: 0;
  width: 100%;
  margin-top: 2rem;
}

.popup .popup-body .form-control {
  width: 100%;
  text-align: center;
  border: 1px solid #666;
  height: 4rem;
  border-radius: 0.75rem;
  margin-top: 1.6rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.popup .popup-body .form-control::placeholder {
  color: #666;
}

.popup .popup-body .form-control:focus {
  outline: none;
}

.popup-zip .popup-header {
  padding: 2.1rem 2.6rem 0.4rem;
}

/* ----- /POPUP ----- */
/*  */
/* ----- SECTION AROUND ----- */
.section-around .areas-wrap:after {
  display: none;
}

.section-around {
  padding-top: 3.3rem;
  padding-bottom: 3.7rem;
}

.section-around .title {
  margin-bottom: 5.8rem;
}

.section-around .areas-wrap {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background: transparent;
  box-shadow: none;
  width: 100%;
  border-radius: 0;
}

.section-around .areas-wrap .white-box {
  border: 1px solid #dbdbdb;
  position: static;
  margin-left: 1.5rem;
  flex: 0 0 26.1%;
  max-width: 26.1%;
  width: auto;
}

.section-around .areas-wrap picture {
  flex: 0 0 71.7%;
  max-width: 71.7%;
}

.section-around .areas-wrap img {
  width: 100%;
}

.section-around .areas-wrap h4 {
  font-weight: 500;
  letter-spacing: 0.2px;
  margin-bottom: 0;
}

.section-around .areas-wrap .white-box .box-header {
  padding: 1.9rem 0 0.9rem;
}

.section-around .areas-wrap .white-box .box-body {
  padding: 1.2rem 1.3rem;
}

.section-around .white-box .form-search .form-control {
  height: 3rem;
  font-size: 1rem;
  padding: 0.6rem 0.6rem 0.6rem 4.4rem;
  border-radius: 1.5rem;
}

.section-around .white-box .form-search .btn {
  width: 2rem;
  height: 2rem;
  left: 0.8rem;
}

.section-around .white-box .form-search .btn .icon-search {
  background-position: -5px -6px;
  background-size: 279px;
}

.section-around .white-box .form-search {
  margin-bottom: 1.5rem;
}

.section-around .white-box .area {
  max-width: 14.1rem;
  font-size: 1rem;
  padding: 1rem 4.4rem 0.9rem;
  margin-bottom: 1rem;
  text-align: left;
}

.section-around .white-box .area .icon-map-marker {
  width: 1.5625rem;
  height: 2.0625rem;
  background-position: -13px -56px;
  background-size: 310px;
  left: 1.5rem;
}

.section-around .buttons {
  text-align: center;
  margin-top: 3.6rem;
}

.section-around .buttons .btn {
  margin: 0 1.1rem;
  margin-top: 1.7rem;
  width: 18rem;
  padding: 1rem;
  font-size: 1rem;
}

/* ----- /SECTION AROUND ----- */
/*  */
/* ----- SECTION CONTACT LINKS ----- */
.section-contact-links {
  padding-top: 3.4rem;
  margin-bottom: -2rem;
}

.section-contact-links .contact-link {
  border: 1px solid #dbdbdb;
  display: block;
  text-align: center;
  border-radius: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #545afa;
  line-height: 2.25rem;
  padding: 2.1rem 1rem;
  background-color: #fff;
  letter-spacing: 1px;
  width: 100%;
}

.section-contact-links .contact-link p {
  font-size: 0.875rem;
  line-height: 2.25rem;
  color: #797979;
  font-weight: 400;
  letter-spacing: 0.6px;
  margin-top: -0.2rem;
  margin-bottom: 0;
}

.section-contact-links .flex .col {
  padding: 0 2rem;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.section-contact-links .title {
  margin-bottom: 3.7rem;
}

.section-contact-links .flex {
  margin: 0 -0.4rem;
}

.section-contact-links .contact-link .icon {
  width: 3.5rem;
  height: 3.4rem;
  background-repeat: no-repeat;
  margin: 0 auto;
  /* Fallback image */
  background-image: url("/img/css_sprites_contact@1x.png");
  background-image: -webkit-image-set(url(/img/css_sprites_contact@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_contact@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_contact@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_contact@1x.png) 1x type("image/png"),
      url(/img/css_sprites_contact@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_contact@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/css_sprites_contact@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_contact@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_contact@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_contact@1x.png) 1x type("image/png"),
      url(/img/css_sprites_contact@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_contact@2x.png) 2x type("image/png"));
  margin-bottom: 1rem;
}

.section-contact-links .contact-link .icon-phone {
  background-position: -10px -165px;
}

.section-contact-links .contact-link .icon-mail {
  background-position: -10px -102px;
}

.section-contact-links .contact-link .icon-chat {
  background-position: -10px -233px;
}

/* ----- /SECTION CONTACT LINKS ----- */
/*  */
/* ----- DROPDOWN ----- */
.dropdown .dropdown-btn:after {
  content: "";
  background-image: url(/img/dropdown-arrow.svg);
  width: 0.75rem;
  height: 0.4375rem;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: 0.1rem;
  margin-left: 0.3rem;
}

.dropdown {
  position: relative;
}

.dropdown .dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
}

.dropdown .dropdown-menu.show {
  display: block;
  z-index: 1;
}

/* ----- /DROPDOWN ----- */
/*  */
/* ----- FORM CHECK ----- */
.form-check {
  margin-bottom: 0.9rem;
  display: flex;
  cursor: pointer;
}

.form-check .form-check-input {
  appearance: none;
  -webkit-appearance: none;
}

.form-check label {
  font-size: 0.875rem;
  color: #717171;
  font-weight: 400;
  cursor: pointer;
  line-height: 1.3125rem;
  display: flex;
  align-items: flex-start;
}

.form-check .form-check-input~label:before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 1.125rem;
  border: 1px solid #dcdcdc;
  display: inline-block;
  border-radius: 0.1875rem;
  vertical-align: -0.3rem;
  margin-right: 0.5rem;
  margin-top: 0.1rem;
}

.form-check .form-check-input:checked ~ label:before {
  background-color: transparent;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.488' height='7.766' viewBox='0 0 9.488 7.766'%3E%3Cpath id='Контур_25796' data-name='Контур 25796' d='M1107.33,891.973l1.771,1.329a.939.939,0,0,0,1.287-.156l5.025-6.146' transform='translate(-1106.63 -886.296)' fill='none' stroke='%23545afa' stroke-linecap='round' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}


/* LEGACY */



/* ----- /FORM CHECK ----- */
/*  */
/* ----- SECTION DOWNLOAD ----- */
.section-download {
  padding-top: 6.4rem;
  padding-bottom: 2rem;
}

.section-download .content-box {
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0 0 39px 0 rgb(0 0 0 / 6%);
  position: relative;
  margin-top: 8.8rem;
  padding: 6.9rem 3.9rem 6.4rem;
}

.section-download .content-box:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 22.5rem;
  height: 13.75rem;
  position: absolute;
  left: -6rem;
  right: 0;
  margin: 0 auto;
  top: -11.9rem;
  z-index: -1;
  /* Fallback image */
  background-image: url("/img/pictures/cat-img-2b@1x.png");
  /* WebP and PNG images for different resolutions */
  background-image: -webkit-image-set(url(/img/pictures/cat-img-2b@1x.webp) 1x type("image/webp"),
      url(/img/pictures/cat-img-2b@1.5x.webp) 1.5x type("image/webp"),
      url(/img/pictures/cat-img-2b@2x.webp) 2x type("image/webp"),
      url(/img/pictures/cat-img-2b@1x.png) 1x type("image/png"),
      url(/img/pictures/cat-img-2b@1.5x.png) 1.5x type("image/png"),
      url(/img/pictures/cat-img-2b@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/pictures/cat-img-2b@1x.webp) 1x type("image/webp"),
      url(/img/pictures/cat-img-2b@1.5x.webp) 1.5x type("image/webp"),
      url(/img/pictures/cat-img-2b@2x.webp) 2x type("image/webp"),
      url(/img/pictures/cat-img-2b@1x.png) 1x type("image/png"),
      url(/img/pictures/cat-img-2b@1.5x.png) 1.5x type("image/png"),
      url(/img/pictures/cat-img-2b@2x.png) 2x type("image/png"));
}

.section-download .image-col img {
  position: absolute;
  width: 45%;
  right: 0;
  bottom: 0;
}

.section-download .col:first-child {
  flex: 0 0 51.3%;
  max-width: 51.3%;
}

.section-download .content-box h2 {
  margin-bottom: 1.1rem;
}

.section-download .content-box p {
  line-height: 2.25rem;
}

.section-download .content-box .links {
  margin-top: 2.7rem;
  display: flex;
  flex-wrap: wrap;
}

.section-download .content-box .links a {
  margin-right: 1rem;
}

.section-download .content-box .links a:last-child {
  margin-right: 0;
}

.section-download .content-box .app-links {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 2.7rem;
}

.section-download .content-box .app-links .link {
  width: 14.125rem;
  height: 5.1rem;
  background-repeat: no-repeat;
  /* Fallback image */
  background-image: url("/img/css_sprites_download@1x.png");
  background-image: -webkit-image-set(url(/img/css_sprites_download@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_download@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_download@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_download@1x.png) 1x type("image/png"),
      url(/img/css_sprites_download@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_download@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/css_sprites_download@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_download@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_download@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_download@1x.png) 1x type("image/png"),
      url(/img/css_sprites_download@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_download@2x.png) 2x type("image/png"));
  background-size: 403px;
  flex: 0 0 14.925rem;
  margin-right: 0.8rem;
}

.section-download .content-box .app-links .link-google-play {
  background-position: -10px -49px;
}

.section-download .content-box .app-links .link-app-store {
  background-position: -10px -141px;
}

/* ----- /SECTION DOWNLOAD ----- */
/*  */

/* ----- SECTION CUSTOM ----- */

.unanswereds-bubble-head {
  background-color: rgb(255 202 155);
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.2rem;
}

.unanswereds-bubble-nav {
  margin-right: 2rem;
  margin-left: 0.5rem;
  background-color: rgb(255 202 155);
  border-radius: 35%;
  width: 1.5rem;
  height: 1.5rem;
  color: black;
  display: inline-flex;
}

.suggest-container {
  position: absolute;
  z-index: 500;
  background-color: white;
  width: -webkit-fill-available;
  width: -moz-available;
}

.error-class {
  color: crimson;
}

.errors-class {
  border-top: 2px solid rgb(255, 0, 51);
}

.valid-class {
  border: 2px bolder greenyellow;
}

.focus-error-class {
  border: 2px bolder crimson;
}

.button-vue {
  width: 100%;
}

/* ----- /SECTION CUSTOM ----- */
/*  */
/* Search Results */
.suggest-container {
  list-style: none;
  margin: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 30px rgb(0 0 0 / 11%);
}

form.search-form .suggest-container {
  max-width: 14.75rem;
}

.search-form.simplified-search .suggest-container {
  max-width: 100%;
  /* margin-right: 0.7rem; */
}

.suggest-container .suggest:hover {
  background-color: transparent;
  border: 0;
  /*  color: #faaf19; */
  cursor: pointer;
}

.suggest-container .suggest {
  margin: 0;
  padding: 0.3rem 0.2rem;
  display: flex;
  align-items: center;
  line-height: 2rem;
  margin-left: 1rem;
  border: 0;
  transition: 0.4s;
  color: #141414;
  font-weight: 400;
  font-size: 13.5px;
}

.suggest-container li:hover {
  background: #f7f7f7;
}

.suggest-container,
.suggest:active,
.suggest:hover {
  border: 0;
}

/* /Search Results */
/*  */
.section-popular-sitters {
  padding-top: 0;
}

/* ----- CALENDAR ----- */
.section-banner .vc-container.vc-is-expanded {
  margin-top: 2.1rem;
  min-width: 1rem;
}

.section-popular-sitters .vc-container.vc-is-expanded {
  margin-top: 0;
}

.vc-pane-container {
  background: #fff;
  box-shadow: 0 0 0.75rem rgb(84 90 250 / 50%);
  border: 1px solid #545afa;
  border-radius: 0.375rem;
}

.vc-container .vc-title {
  color: #545afa;
  font-weight: 400;
}

.vc-container .vc-arrow {
  color: #545afa;
  width: 35px;
  height: 35px;
  border: 1px solid transparent;
  border-radius: 50%;
}

.vc-container .vc-arrow:hover {
  border-color: #545afa;
  background-color: transparent;
}

.vc-container .vc-weekday {
  font-size: 0.875rem;
  color: #1a1a1a;
  font-weight: 500;
}

.vc-pane-container .vc-day-content {
  width: 37px;
  height: 37px;
  font-weight: 500;
  font-size: 1rem;
  border: 1px solid transparent;
}

.vc-container .vc-day-content:hover {
  background-color: transparent;
  border-color: #4c51e1;
}

.vc-container .vc-day-content.is-disabled:hover {
  border: 0;
  cursor: default;
}

.vc-arrows-container {
  padding: 0.4rem 0.625rem !important;
}

.vc-header {
  padding: 10px 18px 12px 18px !important;
}

.vc-container .vc-highlight {
  height: 37px;
  width: 37px;
  border-radius: 50% !important;
  background-color: #4c51e1 !important;
}

.vc-container .vc-highlight-base-start,
.vc-container .vc-highlight-base-end,
.vc-container .vc-highlight-base-middle {
  border-radius: 0 !important;
  background-color: #e4e4fe !important;
}

.vc-container .vc-arrow.is-left {
  padding-left: 0.1rem;
}

.vc-container .vc-arrow.is-right {
  padding-right: 0.1rem;
}

.section-about .achievement {
  margin-bottom: 2rem;
  z-index: 10;
}

.section-about .achievement:last-child {
  margin-bottom: 1.9rem;
}

.city-pic {
  max-width: unset !important;
}

.girl-pic {
  height: 216px !important;
  max-width: unset !important;
}

/* ----- /CALENDAR ----- */

.carousel__pagination-button::after {
  border-radius: 100% !important;
  margin-top: 30px !important;
  padding: 7.5px !important;
  background-color: rgb(239, 239, 239) !important;
}

.carousel__pagination-button--active::after {
  background-color: #ffc75f !important;
}

.radio-buttons .form-radio .form-check-input~label {
  font-size: 0.75rem;
  line-height: 0.95rem;
}

.radio-buttons .form-radio .form-check-input~label:before {
  width: 0.75rem;
  height: 0.75rem;
  flex: 0 0 0.75rem;
  border-width: 1px;
  margin-left: 0.1rem;
  margin-right: 0.7rem;
}

.radio-buttons {
  margin-top: 0.6rem;
  margin-bottom: 1.6rem;
}

.radio-buttons .form-check .form-check-input:checked~label:after {
  width: 0.4rem;
  height: 0.4rem;
  margin-top: 0.28rem;
  margin-left: 0.28rem;
}

.radio-buttons {
  margin-top: 1.2rem;
  margin-bottom: 1rem;
}

.radio-buttons .form-radio .form-check-input~label {
  font-size: 0.875rem;
  line-height: 1rem;
  margin-bottom: 0rem;
}

.radio-buttons .form-radio .form-check-input~label:before {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 1.125rem;
  margin-left: -0.15rem;
  margin-right: 0.6rem;
}

.radio-buttons .form-check .form-check-input:checked~label:after {
  width: 0.625rem;
  height: 0.625rem;
  margin-top: 0.35rem;
  margin-left: 0.1rem;
}

.radio-buttons .form-radio {
  margin-bottom: 0.9rem;
}

/* ---- Maps Styles */
/* Styles to popup */
.container-map {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.container-map .container-img-map {
  width: 100px;
  height: 100px;
}

.container-map .img-map {
  border-radius: 100%;
}

.container-map .container-info-map {
  display: flex;
  flex-direction: column;
}

.container-map .container-info-map span {
  display: block;
}

.container-map .container-info-map span:first-child {
  font-weight: 800;
  margin-bottom: 5px;
  color: blue;
}

.stars {
  display: flex;
  flex-direction: row;
}

.stars span {
  margin: 3px;
}

.stars span:first-child {
  margin-left: 0px;
}
.btn-media {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  letter-spacing: 0;
  color: #202020;
  border: 1px solid #e3e3e3;
  position: relative;
  border-radius: .5rem;
  font-size: 1rem;
  margin-bottom: .4rem;
  padding: .75rem 1rem;
}

.buttons .btn .icon,
.buttons .btn .icon {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  left: 1.3rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-repeat: no-repeat;
  /* Fallback image */
  background-image: url("/img/css_sprites_sign_in@1x.png");
  /* WebP and PNG images for different resolutions */
  background-image: -webkit-image-set(url(/img/css_sprites_sign_in@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_sign_in@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_sign_in@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_sign_in@1x.png) 1x type("image/png"),
      url(/img/css_sprites_sign_in@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_sign_in@2x.png) 2x type("image/png"));
  background-image: image-set(url(/img/css_sprites_sign_in@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_sign_in@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_sign_in@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_sign_in@1x.png) 1x type("image/png"),
      url(/img/css_sprites_sign_in@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_sign_in@2x.png) 2x type("image/png"));
}

.buttons .btn-google .icon-google {
  background-position: -9px -8px;
}

.buttons .btn-apple .icon-apple {
  background-position: -8px -96px;
}

.buttons .btn-apple.btn-color {
  background-color: #0c0c0c;
}

.login-separator {
  display: flex;
  color: #959595;
  justify-content: center;
  align-items: center;
}

.login-separator::before {
  content: "";
  width: 90px;
  height: 1px;
  box-sizing: border-box;
  background: #959595;
}

.login-separator::after {
  content: "";
  width: 90px;
  height: 1px;
  box-sizing: border-box;
  background: #959595;
}

/* ----- MEDIA ----- */
@media (max-width: 768px) {
  .section-achievements .kpi-container {
    width: 95%;
    max-width: 95%;
  }

  .achievement {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 704px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 700px;
  }
}

@media (min-width: 1024px) {
  .find {
    margin-top: -3rem;
    padding-top: 0rem !important;
  }

  .girl-pic {
    height: 355px !important;
    margin-left: 0rem !important;
  }
  .container {
    max-width: 900px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .section-banner .container.home-image {
    max-width: 1100px !important;
  }

  .section-achievements .container {
    max-width: 1170px !important;
  }

  .cat-sitter-card h4 {
    -webkit-line-clamp: 1;
    min-height: unset;
  }

  .section-start-prices {
    margin-top: 10rem;
  }

  .find-and-learn {
    margin-top: -5.6rem;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1205px !important;
  }
}

@media (max-width: 1365px) {

  /* ----- SECTION STEPS ----- */
  .step {
    padding: 0 1.1rem 2.8rem;
  }

  /* ----- /SECTION STEPS ----- */
  /*  */
  /* ----- SECTION ACHIEVEMENTS ----- */
  .section-achievements .content-col .flex {
    margin-right: -2rem;
  }

  /* ----- /SECTION ACHIEVEMENTS ----- */
  /*  */
  /* ----- SECTION COMMUNITY ----- */
  .section-community .container>.flex {
    margin: 0 -1.2rem 0 -0.3rem;
  }

  .section-community .testimonial {
    padding: 4.9rem 1.6rem 1.1rem;
  }

  /* ----- /SECTION COMMUNITY ----- */
  /*  */
  /* ----- SECTION TESTIMONIALS ----- */
  .testimonial {
    min-width: 20.125rem;
  }

  /* ----- /SECTION TESTIMONIALS ----- */
  /*  */
  /* ----- SECTION DOWNLOAD ----- */
  .section-download .content-box {
    padding: 6.9rem 2.9rem 6.4rem 2.9rem;
  }

  /* ----- /SECTION DOWNLOAD ----- */
  /*  */
}

@media (max-width: 1199px) {


  .zip-search {
    display: flex;
  }

  .cat-sitter-card .btn {
    width: 90%;
  }

  /* ----- /HEADER ----- */
  /*  */
  /* ----- FILTERS FORM ----- */

  .search-form.simplified-search .form-group {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .search-form .form-group:nth-child(3) {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .search-form {
    padding: 1.05rem 0.8rem 1.4rem;
  }

  .search-form .btn {
    padding: 1rem 3.5rem;
    flex: 0 0 30%;
    max-width: 30%;
  }

  .search-form.standard-search .btn {
    margin-left: 2rem;
  }

  /* ----- /FILTERS FORM ----- */
  /*  */
  /* ----- SECTION STEPS ----- */
  .section-steps .flex .col {
    padding: 0 1.7rem;
  }

  /* ----- /SECTION STEPS ----- */
  /*  */
  /* ----- SECTION CTA ----- */
  .section-cta .content-wrap h4 br,
  .section-cta .content-wrap p br {
    display: none;
  }

  /* ----- /SECTION CTA ----- */
  /*  */
  /* ----- SECTION TESTIMONIALS ----- */
  .testimonial {
    min-width: 16rem;
    padding: 6.9rem 1.5rem 2.1rem;
    margin: 5.1rem 0.5rem 2rem;
  }

  .section-community .testimonial-small {
    max-width: 100%;
  }

  /* ----- /SECTION TESTIMONIALS ----- */
  /*  */
  /* ----- SECTION ABOUT ----- */
  .section-about .flex {
    margin: 0 -1rem;
  }

  .section-about .flex .items-col .flex {
    margin: 0;
  }

  .section-about .items-col .col {
    padding: 0 1.2rem;
  }

  .section-about .flex .items-col {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* ----- /SECTION ABOUT ----- */
  /*  */
  /* ----- SECTION INCLUDES ----- */
  .section-includes .flex {
    margin: 0 -1rem;
  }

  /* ----- /SECTION INCLUDES ----- */
  /*  */
  /* ----- SECTION ACHIEVEMENTS ----- */
  .section-achievements .content-col .col {
    padding: 0 0.5rem;
  }

  .section-achievements {
    padding-top: 4rem;
  }

  .section-achievements .content-col .flex {
    margin: 0 -0.8rem;
  }

  .section-achievements h3 {
    font-size: 1.2rem;
  }

  .achievement .count {
    font-size: 1.75rem;
  }

  /* ----- /SECTION ACHIEVEMENTS ----- */
  /*  */
  /* ----- SECTION LINKS ----- */
  .section-contact-links .flex .col {
    padding: 0 1rem;
  }

  /* ----- /SECTION LINKS ----- */
  /*  */
  /* ----- SECTION DOWNLOAD ----- */
  .section-download .content-box {
    padding: 2.9rem 1.5rem 3.4rem;
  }

  .section-download .image-col img {
    right: -1.6rem;
    width: 49.6%;
  }

  .section-download .content-box .links a {
    flex: 0 0 45%;
    max-width: 45%;
  }

  .section-download .content-box .app-links .link {
    width: 9.125rem;
    height: 4.3rem;
    background-size: 343px;
    flex: 0 0 13.125rem;
  }

  .section-download .content-box .app-links .link-google-play {
    background-position: -9px -41px;
  }

  .section-download .content-box .app-links .link-app-store {
    background-position: -9px -120px;
  }

  /* ----- /SECTION DOWNLOAD ----- */
  /*  */
  .section-around .white-box .form-search .form-control {
    padding: 0.6rem 0.6rem 0.6rem 3.4rem;
  }

  .cat-sitter-card .image-wrap {
    height: fit-content;
  }

  .cat-sitter-card h4 {
    min-height: 3rem;
    padding-top: 1rem;
  }

  .section-cta .content-wrap .custom-wrap {
    flex: 0 0 66% !important;
    max-width: 66% !important;
  }
}

@media (max-width: 1023px) {
  .header .search.search-collapsed .form-control {
    background: transparent !important;
    border: 1px solid transparent !important;
  }

  body {
    font-size: 1rem;
    line-height: 1.625rem;
  }

  h1 {
    font-size: 2.75rem;
    line-height: 3.75rem;
    margin-bottom: 0.8rem;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }

  h3 {
    font-size: 1.4375rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
  }

  h4 {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  h5 {
    font-size: 0.9rem;
    line-height: 1.2625rem;
    margin-bottom: 1.15rem;
  }

  h6 {
    font-size: 1rem;
    line-height: 1.125rem;
    margin-bottom: 0.7rem;
  }

  .lead {
    font-size: 1rem;
    line-height: 1.625rem;
  }

  .title p {
    max-width: 26rem;
  }

  .btn {
    font-size: 0.8rem;
    padding: 0.6rem 2.1rem;
    font-weight: 700;
    border-radius: 0.375rem;
    max-width: 100%;
  }

  /*  */
  /* ----- SECTION BANNER ----- */
  .section-banner .image-wrap img {
    width: 56%;
    right: -1rem;
    top: -3rem;
    z-index: -1;
  }

  .search-form {
    margin-top: 4.4rem;
    margin-right: 0.6rem;
    padding: 1.05rem 1.2rem 1.4rem;
  }

  .section-banner {
    padding-top: 1.6rem;
  }

  .section-banner .content p {
    max-width: 21rem;
  }

  .section-banner .flex .search-form {
    display: none;
  }

  .section-banner .container>.search-form {
    display: flex;
  }

  .section-banner .content {
    flex: 0 0 58%;
    max-width: 58%;
  }

  .search-form .btn {
    padding: 1rem 4rem 1rem -5rem;
    border-radius: 1rem;
    font-size: 1rem;
  }

  .search-form label {
    margin-bottom: 0.4rem;
  }

  .search-form.simplified-search label {
    font-size: 1rem;
  }

  .search-form .form-control {
    font-size: 1rem;
  }

  .search-form .form-group {
    padding: 0 1rem;
    text-align: left;
  }

  .section-banner .content>.btn {
    padding: 0.4rem 1.45rem;
    margin-top: 1.3rem;
    border-radius: 0.5rem;
  }

  /* ----- /SECTION BANNER ----- */
  /*  */
  /* ----- SECTION STEPS ----- */
  .section-steps .flex .col {
    padding: 0 1.5rem;
  }

  .section-steps .title {
    margin-bottom: 5.5rem;
  }

  .section-steps .flex {
    margin: 0 -0.3rem;
  }

  .step {
    padding: 0 1.1rem 1.8rem;
    min-height: 11rem;
  }

  .step .number {
    font-size: 5rem;
    width: 8rem;
    top: 15.3%;
    text-align: center;
  }

  .section-steps {
    background-position-y: 16.5rem;
    padding-top: 0.75rem;
  }

  .step .image-wrap {
    height: 6.125rem;
    width: 7.375rem;
    margin: -2.6rem auto 1.1rem;
  }

  .step .image-wrap:before {
    width: 2rem;
    height: 2rem;
    left: -0.4rem;
  }

  .step .image-wrap:after {
    width: 2.4375rem;
    height: 2.4375rem;
    right: -1.4rem;
    bottom: 0.6rem;
  }

  .step p {
    font-size: 0.9rem;
    line-height: 1.125rem;
  }

  .section-steps .btn {
    margin-top: 3rem;
    width: 18rem;
    padding: 0.75rem;
    font-size: 1rem;
  }

  /* ----- /SECTION STEPS ----- */
  address {
    font-size: 0.8rem;
    line-height: 1.2rem;
    letter-spacing: 0.4px;
    margin-bottom: 1rem;
    font-weight: 500;
  }

  /*  */
  /* ----- SECTION CAT SITTERS ----- */
  .section-cat-sitters {
    /*padding-top: 3rem;*/
    padding-bottom: 3.8rem;
  }

  .section-cat-sitters .title {
    margin-bottom: 2.6rem;
  }

  .section-cat-sitters .owl-carousel {
    margin-left: -0.2rem;
    margin-right: -0.9rem;
    width: auto;
  }

  .cat-sitter-card .image-wrap {
    height: fit-content;
    margin-bottom: 0.85rem;
  }

  .cat-sitter-card {
    border-radius: 1rem;
    padding-bottom: 0.5rem;
    min-height: 100%;
  }

  .cat-sitter-card .image-wrap .label {
    font-size: 0.9rem;
    line-height: 1.25rem;
    padding: 0.5rem 0.5rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .cat-sitter-card .rating .icon-star {
    margin: 0 0.1rem;
  }

  .cat-sitter-card .rating {
    margin-bottom: 0.3rem;
  }

  .cat-sitter-card .btn {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.75rem;
    font-size: 0.8rem;
    border-radius: 0.6rem;
  }

  .owl-carousel .owl-dots {
    margin-top: 2.3rem;
  }

  .owl-carousel .owl-dots .owl-dot {
    width: 0.585625rem;
    height: 0.585625rem;
    margin: 0 0.25rem;
  }

  /* ----- /SECTION CAT SITTERS ----- */
  /*  */
  /* ----- SECTION CTA ----- */
  .section-cta {
    padding-top: 4rem;
  }

  .section-cta .content-wrap {
    padding: 1.1rem 1.3rem 1.2rem;
    margin-right: -0.2rem;
    background-position-x: 6%;
    background-position-y: 35%;
    background-size: 100%;
  }

  .section-cta .content-wrap h4,
  .section-cta .content-wrap p {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .section-cta .content-wrap .btn {
    padding: 0.75rem 0.65rem;
    letter-spacing: 0.7px;
    font-size: 1rem;
    font-weight: 600;
    width: auto;
    min-width: 14rem;
  }

  .section-cta .content-wrap .col:first-child {
    flex: 0 0 64%;
    max-width: 64%;
  }

  .section-cta .content-wrap .custom-wrap {
    flex: 0 0 62% !important;
    max-width: 62% !important;
  }

  .section-cta .content-wrap:after {
    width: 20rem;
    height: 10rem;
    background-size: 100%;
    background-position: -60px -100px;
    top: -9rem;
    right: -1.5rem;
  }

  .section-cta .content-wrap h4 .large-text,
  .section-cta .content-wrap p .large-text {
    font-size: 1.125rem;
    font-weight: 600;
    margin-left: 0rem;
  }

  .section-cta .content-wrap h4 span.text-lg,
  .section-cta .content-wrap p span.text-lg {
    font-size: 1.125rem;
  }

  .section-cta .content-wrap .btn-tabl {
    display: block;
  }

  .section-cta .content-wrap .btn-desk {
    display: none;
  }

  /* ----- /SECTION CTA ----- */
  /*  */
  /* ----- SECTION TESTIMONIALS ----- */
  .section-testimonials {
    padding-top: 1.9rem;
    padding-bottom: 1.1rem;
    margin-top: 2rem;
  }

  .testimonial {
    min-width: 10.34375rem;
    margin: 3.4rem 1.5625rem 2.3rem;
    padding: 4.1rem 1.6rem 1.7rem;
  }

  .testimonial .img-wrap {
    width: 6.5625rem;
    height: 6.125rem;
    top: -2.8rem;
  }

  .section-testimonials .owl-carousel .owl-stage {
    padding-left: 1.5rem;
  }

  .section-testimonials .title {
    margin-bottom: 2rem;
  }

  .testimonial .rating img {
    width: 0.8875rem;
    height: 0.8875rem;
    object-fit: contain;
    margin: 0 0.08rem;
  }

  .testimonial .rating {
    margin-bottom: 0.5rem;
  }

  .testimonial .location {
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
  }

  .testimonial .logo-trustpilot {
    background-size: 300px;
    width: 9.625rem;
    height: 1.925rem;
    background-position: -5px -18px;
  }

  .section-testimonials:before {
    top: 5.8rem;
    width: 13.05rem;
    height: 26.9rem;
  }

  .testimonial .name {
    font-size: 0.9rem;
    line-height: 1.5875rem;
  }

  .section-testimonials .owl-carousel .owl-dots {
    margin-top: 0rem;
  }

  .testimonial .rating .icon-star {
    width: 0.9rem;
    height: 0.9rem;
    background-position: -95px -95px;
    background-size: 322px;
    margin: 0 0.15rem;
  }

  /* ----- /SECTION TESTIMONIALS ----- */
  /*  */
  /* ----- FORM SEARCH ----- */
  .form-search {
    max-width: 36.2rem;
  }

  .form-search .form-control {
    font-size: 0.875rem;
    height: 3rem;
  }

  .form-search .form-control::placeholder {
    color: rgb(180 180 180 / 40%);
  }

  .form-search .btn {
    width: 2.3125rem;
    top: 0.45rem;
    bottom: 0.45rem;
  }

  .form-search .btn .icon-search {
    background-size: 210px;
    background-position: -96.5px -84px;
    width: 1rem;
    height: 1.1rem;
  }

  .zip-search .icon-search {
    top: 3.8rem;
    left: 2.5rem;
  }

  /* ----- /FORM SEARCH ----- */
  /*  */
  /* ----- BREADCRUMBS ----- */
  .breadcrumbs li {
    font-size: 0.875rem;
  }

  .breadcrumbs {
    margin-top: 0.5rem;
    margin-bottom: 2.2rem;
  }

  /* ----- /BREADCRUMBS ----- */
  /*  */
  /* ----- ACHIEVEMENT ----- */
  .achievement {
    height: 14rem;
    border-radius: 1rem;
  }

  .achievement .count {
    font-size: 1.2rem;
    line-height: 1.9375rem;
  }

  .achievement h3 {
    font-size: 0.8rem;
    line-height: 1.2rem;
    padding: 0 1.1rem;
  }

  .achievement {
    height: 10rem;
    min-height: 1rem;
    border-radius: 0.5rem;
    padding: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .achievement h3 .green-star {
    width: 15px;
    height: 14px;
    background-position: -172px -125px;
    background-size: 306px;
    margin-left: -1rem;
    vertical-align: -0.1rem;
    margin-right: 0rem;
  }

  /* ----- /ACHIEVEMENT ----- */
  /*  */
  /* ----- SECTION ACHIEVEMENTS ----- */

  .section-achievements .title {
    margin-bottom: 3rem;
  }

  .section-achievements {
    padding-top: 1.2rem;
    margin-bottom: 1rem;
  }

  .section-achievements h2 {
    margin-bottom: 0.8rem;
  }

  .section-achievements .content-col .col {
    padding: 0 1rem;
  }

  .section-achievements .content-col .flex {
    margin: 0 -1.4rem;
  }

  .section-achievements .buttons {
    margin-top: 2.6rem;
  }

  .section-achievements .buttons .btn {
    padding: 0.4rem 1.9rem;
  }

  /* ----- /SECTION ACHIEVEMENTS ----- */
  /*  */
  /* ----- SECTION ABOUT ----- */
  .section-about {
    padding-top: 3.3rem;
    padding-bottom: 7.3rem;
  }

  .section-about .content-col .h1 {
    font-size: 2.5rem;
    line-height: 2.5625rem;
    margin-bottom: 1.4rem;
  }

  .section-about .content-col p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    max-width: 16.6rem;
  }

  .section-about .flex .content-col {
    flex: 0 0 46.7%;
    max-width: 46.7%;
    padding-bottom: 0;
    padding-top: 0.5rem;
  }

  .section-about .flex {
    margin: 0 -1.7rem;
  }

  .section-about .items-col .col {
    padding: 0 1.2rem;
  }

  .section-about .flex .items-col {
    flex: 0 0 44.2%;
    max-width: 44.2%;
    position: relative;
  }

  .section-about .flex .items-col:before {
    content: "";
    width: 22.875rem;
    height: 23.3125rem;
    background-image: url(/img/section-about-line.svg);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -0.6rem;
    left: -6.2rem;
    z-index: 1;
    background-size: 100%;
  }

  .section-about .flex .items-col:after {
    content: "";
    width: 14.8125rem;
    height: 25.4625rem;
    background-image: url(/img/testimonials-bg.svg);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -0.7rem;
    left: -3.2rem;
    background-size: contain;
    z-index: -1;
  }

  .section-about .achievement {
    margin-bottom: 2.9rem;
    height: 8.625rem;
    z-index: 10;
  }

  .section-about .content-col>.btn {
    display: none;
  }

  .section-about .buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.4rem;
  }

  .section-about .btn {
    padding: 0.75rem 1rem;
    margin-right: 1rem;
    border-radius: 0.5rem;
    font-size: 0.95rem;
    width: 7.8125rem;
    margin-top: 0;
  }

  /* ----- /SECTION ABOUT ----- */
  /*  */
  /* ----- SECTION INCLUDES ----- */
  .section-includes {
    padding-top: 3rem;
  }

  .section-includes .item-include {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
    padding: 1.4rem 1.8rem;
    margin-bottom: 3.5rem;
  }

  .section-includes .item-include .icon {
    background-size: 65px;
    width: 3.7rem;
    min-height: 4rem;
  }

  .section-includes .flex .col {
    padding: 0 1.5rem;
  }

  .section-includes .title {
    margin-bottom: 3.1rem;
  }

  .section-includes .flex {
    margin: 0 -1.8rem;
  }

  .section-includes .item-include .icon-milk {
    background-position: 0px -3px;
  }

  .section-includes .item-include .icon-pet {
    background-position: -6px -67px;
  }

  .section-includes .item-include .icon-cat {
    background-position: -8px -129px;
  }

  .section-includes .item-include .icon-wrap {
    margin-bottom: 0.9rem;
  }

  .section-includes .item-include .icon-phone {
    background-position: 7px -192px;
  }

  .section-includes .item-include .icon-insurance {
    background-position: -4px -255px;
  }

  .section-includes .buttons .btn {
    padding: 0.4rem 0rem;
    width: 8.4375rem;
    margin: 0 0.2rem;
  }

  .section-includes .buttons .btn-secondary {
    padding: 0.4rem 0.2rem;
  }

  /* ----- /SECTION INCLUDES ----- */
  /*  */
  /* ----- AREAS WRAP ----- */
  .areas-wrap::after {
    right: -8.4rem;
    top: -4.2rem;
    width: 26.0625rem;
    height: 24.1875rem;
  }

  .areas-wrap h6 {
    font-size: 0.625rem;
    line-height: 1.5625rem;
  }

  .areas-wrap .white-box .area {
    font-size: 0.5rem;
    line-height: 0.5rem;
    max-width: 6.2rem;
    padding: 0.5rem 0.3rem 0.5rem 0.7rem;
    border-radius: 0.5rem;
    margin-bottom: 0.2rem;
  }

  .areas-wrap {
    padding: 0.3rem 0rem 0.6rem 0.8rem;
    border-radius: 1rem;
    max-height: 15.5rem;
  }

  .areas-wrap .white-box {
    top: 0.3rem;
    border-radius: 1rem;
    width: 8.4rem;
  }

  .areas-wrap .white-box .box-header {
    padding: 0.2rem 0 0.3rem;
  }

  .areas-wrap .white-box .box-body {
    padding: 0.2rem 0.7rem;
  }

  .areas-wrap .white-box .form-search .form-control {
    font-size: 0.45rem;
    height: 1.3125rem;
    padding: 0.1rem 0.2rem 0.1rem 1.8rem;
  }

  .areas-wrap .white-box .form-search .btn {
    width: 0.875rem;
    height: 0.875rem;
    left: 0.3rem;
    margin: 0;
    top: 0.6rem;
  }

  .areas-wrap .white-box .form-search .btn .icon-search {
    background-size: 120px;
    background-position: -4px -3px;
    width: 0.5375rem;
    height: 0.6375rem;
  }

  .areas-wrap .white-box .form-search {
    margin-bottom: 0.5rem;
  }

  .areas-wrap .white-box .area .icon-map-marker {
    width: 0.6875rem;
    height: 0.875rem;
    background-size: 130px;
    background-position: -5px -24px;
    left: 0.6rem;
  }

  .areas-wrap:before {
    width: 5.5625rem;
    height: 3.5625rem;
    background-position: -27px -258px;
    background-size: 140px;
    top: -2.5rem;
    right: 0.7rem;
  }

  /* ----- /AREAS WRAP ----- */
  /*  */
  /* ----- SECTION FAQS ----- */
  .section-faqs {
    padding-top: 3.8rem;
    padding-bottom: 0.1rem;
  }

  .section-faqs .title {
    margin-bottom: 2.6rem;
  }

  .section-faqs .faq-item>button {
    font-size: 1.125rem;
    line-height: 2.25rem;
    padding-right: 6rem;
    display: flex;
    align-items: center;
  }


  .section-faqs .faq-item .faq-content p {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }

  .section-faqs .faq-item.active .faq-content {
    padding: 0.45rem 0 0;
  }

  .section-faqs .faq-item .faq-content {
    padding: 0;
  }

  .section-faqs .buttons .btn {
    padding: 0.4rem 1.9rem;
  }

  .section-faqs .buttons {
    margin-top: 2.6rem;
  }

  /* ----- /SECTION FAQS ----- */
  /*  */
  /* ----- SECTION IMAGE CONTENT ----- */
  .section-image-content-two {
    padding-top: 4.65rem;
  }

  .section-image-content-two .title h2 {
    font-size: 1.875rem;
    line-height: 2.875rem;
  }

  .section-image-content-two .title {
    margin-bottom: 2.8rem;
  }

  .image-content-row {
    margin: 0 -0.2rem 4.35rem;
  }

  .image-content-row .image-wrap {
    flex: 0 0 41.6%;
    max-width: 41.6%;
  }

  .image-content-row .image-wrap img {
    height: 19.375rem;
  }

  .image-content-row h3 {
    font-size: 1.625rem;
    line-height: 2.25rem;
    /* max-width: 13rem; */
    margin-bottom: 0.9rem;
  }

  .image-content-row p {
    font-size: 1rem;
    line-height: 1.75rem;
  }

  .image-content-row .content-wrap {
    flex: 0 0 44%;
    max-width: 44%;
    padding-bottom: 0;
    padding-top: 0.4rem;
  }

  .section-image-content-two:before {
    width: 28.75rem;
    left: 13.9rem;
    top: 16.5rem;
    bottom: -6rem;
  }

  .section-image-content-two .btn {
    margin-top: 2.5rem;
    padding: 0.45rem 1rem;
  }

  /* ----- /SECTION IMAGE CONTENT ----- */
  /*  */
  /* ----- SECTION COMMUNITY ----- */
  .section-community {
    padding-top: 4rem;
    background-position: center 6.6rem;
    background-size: 100%;
  }

  .section-community:before {
    top: 15rem;
    bottom: 9.8rem;
    background-position: top;
    background-size: 101%;
  }

  .section-community .title {
    margin-bottom: 3.1rem;
  }

  .section-community .testimonial .img-wrap {
    width: 4.4375rem;
    height: 4.1875rem;
    top: -1.9rem;
  }

  .section-community .testimonial {
    margin-top: 1.9rem;
  }

  .section-community .testimonial {
    padding: 2.85rem 0.9rem 1.1rem;
    margin-bottom: 3.2rem;
  }

  .section-community .testimonial .rating .icon-star {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.1rem;
    background-position: -78px -79px;
    background-size: 262px;
  }

  .section-community .flex .col {
    padding: 0 0.6rem;
  }

  .section-community .testimonial h5 {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0.3rem;
  }

  .section-community .testimonial .name {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .section-community .testimonial .location {
    font-size: 0.9rem;
    line-height: 1rem;
    margin-bottom: 0.6rem;
  }

  .section-community .testimonial .logo-trustpilot {
    width: 86px;
    height: 20px;
    background-size: 200px;
    background-position: -4px -11px;
  }

  .section-community .testimonial .rating {
    margin-bottom: 0.5rem;
  }

  .section-community .testimonial-small .img-wrap {
    width: 3.9375rem;
    height: 3.75rem;
  }

  .section-community .testimonial-small {
    padding: 2.35rem 0.8rem 0.9rem;
    max-width: 90%;
    margin-bottom: 3.6rem;
  }

  .section-community .testimonial-small .rating img {
    width: 0.4375rem;
    height: 0.4375rem;
  }

  .section-community .testimonial-small h5 {
    line-height: 1rem;
  }

  .section-community .testimonial-small .location {
    margin-bottom: 0.3rem;
  }

  .section-community .testimonial-small .logo-trustpilot {
    width: 74px;
    height: 18px;
    background-size: 184px;
    background-position: -4px -11px;
  }

  .section-community .buttons {
    margin-top: 5.1rem;
    margin-bottom: -0.8rem;
    padding-bottom: 0.5rem;
  }

  .section-community .buttons .btn {
    margin: 0.5rem 0.5rem;
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
  }

  /* ----- /SECTION COMMUNITY ----- */
  /*  */
  /* ----- POPUP ----- */
  .popup .popup-dialog {
    max-width: 32rem;
    min-height: calc(100% - 35.5rem);
  }

  .popup .popup-content {
    border-radius: 2rem;
    min-height: 18.625rem;
  }

  .popup .popup-header {
    padding: 1.5rem 1.8rem 1rem;
  }

  .popup .btn-close {
    width: 0.875rem;
    height: 0.875rem;
    background-size: 0.875rem;
  }

  .popup .popup-body h3 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0px;
  }

  .popup .popup-body {
    padding: 0.2rem 2.2rem 2rem;
  }

  .popup .popup-body .btn:first-child {
    margin-top: 1.4rem;
  }

  .popup .popup-body .btn {
    margin-top: 2rem !important;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    padding: 0.6rem 1.3rem;
    font-size: 1rem;
  }

  .popup .popup-body .form-control {
    margin-top: 1.2rem;
    height: 3rem;
    font-size: 1rem;
    margin-bottom: -1rem;
  }

  /* ----- /POPUP ----- */
  /*  */
  /* ----- SECTION AROUND ----- */
  .section-around {
    padding-top: 2rem;
    padding-bottom: 1.3rem;
  }

  .section-around .title {
    margin-bottom: 3.3rem;
  }

  .section-around .areas-wrap .white-box {
    margin-left: 0.9rem;
    flex: 0 0 26.1%;
    max-width: 26.1%;
  }

  .section-around .areas-wrap .white-box .box-header {
    padding: 1rem 0 0.5rem;
  }

  .section-around .areas-wrap h4 {
    font-size: 0.75rem;
  }

  .section-around .white-box .form-search .form-control {
    height: 1.75rem;
    font-size: 0.8rem;
    padding: 0.3rem 0.6rem 0.3rem 2.2rem;
  }

  .section-around .white-box .form-search .btn {
    width: 1.125rem;
    height: 1.125rem;
    left: 0.4rem;
    top: 0.3rem;
  }

  .section-around .areas-wrap .white-box .box-body {
    padding: 0.6rem 0.8rem;
  }

  .section-around .white-box .form-search .btn .icon-search {
    background-position: -6px -5px;
    background-size: 149px;
  }

  .section-around .white-box .form-search {
    margin-bottom: 0.8rem;
  }

  .section-around .white-box .area {
    max-width: 8.2rem;
    font-size: 0.625rem;
    padding: 0.7rem 0.6rem 0.7rem 2.6rem;
    margin-bottom: 0.6rem;
  }

  .section-around .white-box .area .icon-map-marker {
    width: 0.875rem;
    background-size: 170px;
    height: 1.1875rem;
    background-position: -7px -31px;
    left: 0.9rem;
  }

  .section-around .areas-wrap {
    max-height: 100%;
  }

  .section-around .buttons {
    margin-top: 2.6rem;
  }

  .section-around .buttons .btn {
    margin: 0 0.4rem;
    width: 18rem;
    padding: 0.75rem 0.3rem;
  }

  .section-around .areas-wrap:before {
    width: 8.125rem;
    height: 5.1875rem;
    background-size: 200px;
    top: -3.8rem;
    right: 1.5rem;
    background-position: -27px -368px;
  }

  /* ----- /SECTION AROUND ----- */
  /*  */
  /* ----- SECTION CONTACT LINKS ----- */
  .section-contact-links {
    margin-bottom: -0.1rem;
  }

  .section-contact-links .title {
    margin-bottom: 2.7rem;
  }

  .section-contact-links .flex .col {
    padding: 0 0.5rem;
  }

  .section-contact-links .flex {
    margin: 0 -0.6rem;
  }

  .section-contact-links .contact-link {
    padding: 1.1rem 0.5rem 1.2rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .section-contact-links .contact-link p {
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-top: 0.15rem;
    letter-spacing: 0.7px;
  }

  .section-contact-links .contact-link .icon {
    width: 2.5rem;
    height: 2.5rem;
    background-size: 128px;
    margin-bottom: 0.5rem;
  }

  .section-contact-links .contact-link .icon-phone {
    background-position: -7px -114px;
  }

  .section-contact-links .contact-link .icon-mail {
    background-position: -6px -69px;
  }

  .section-contact-links .contact-link .icon-chat {
    background-position: -6px -160px;
  }

  /* ----- /SECTION CONTACT LINKS ----- */
  /*  */
  /* ----- FORM CHECK ----- */
  .form-check label {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-bottom: 0.5rem;
  }

  .form-check .form-check-input~label:before {
    width: 0.875rem;
    height: 0.875rem;
    flex: 0 0 0.875rem;
  }

  /* ----- /FORM CHECK ----- */
  /*  */
  /* ----- SECTION DOWNLOAD ----- */
  .section-download .col:first-child {
    flex: 0 0 50.4%;
    max-width: 50.4%;
  }

  .section-download .image-col img {
    width: 46%;
    top: 1rem;
    right: 0.9rem;
  }

  .section-download {
    padding-top: 8.4rem;
  }

  .homepage-download {
    padding-top: 0rem;
  }

  .section-download .content-box {
    margin-top: 3.6rem;
  }

  .section-download .content-box {
    padding: 3.7rem 2.5rem 3.6rem 2.1rem;
  }

  .section-download .content-box:before {
    width: 11.6rem;
    height: 7.25rem;
    top: -6.5rem;
    left: -3.6rem;
  }

  .section-download .content-box h2 {
    font-size: 1.625rem;
    line-height: 2.5rem;
    margin-bottom: 0.6rem;
  }

  .section-download .content-box p {
    line-height: 1.5rem;
    font-size: 0.875rem;
  }

  .section-download .content-box .links {
    margin-top: 1.8rem;
  }

  .section-download .content-box .links a {
    flex: 0 0 46%;
    max-width: 46%;
    margin-right: 0.5rem;
  }

  .section-download .content-box .app-links {
    margin-top: 1.9rem;
  }

  .section-download .content-box .app-links .link {
    height: 3.4rem;
    flex: 0 0 9.225rem;
    background-size: 239px;
    margin-right: 0.4rem;
  }

  .section-download .content-box .app-links .link-google-play {
    background-position: -5px -26px;
  }

  .section-download .content-box .app-links .link-app-store {
    background-position: -4px -81px;
  }

  /* ----- /SECTION DOWNLOAD ----- */
  /*  */

  /* ----- /SECTION CUSTOM ----- */
  .subscribe-input {
    height: 2rem;
    font-size: 0.75rem;
    padding: 0.8rem 1.1rem;
    margin-bottom: 0.5rem;
  }

  .cat-sitter-card h4 {
    min-height: 1rem;
  }

  .zip-search .icon-search {
    top: 1.3rem;
    left: 2.5rem;
  }

  .zip-search .form-control {
    width: 36rem;
    height: 3rem;
  }
}

@media (max-width: 768px) {

  .btn {
    font-size: 0.9rem;
  }

  .suggest-container .suggest {
    font-size: 12.5px;
  }

  .header .menu-btn.menu-signed-in {
    display: block;
  }

  body {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }

  h1 {
    font-size: 1.9375rem;
    line-height: 2.375rem;
    margin-bottom: 1rem;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: 0.7rem;
  }

  h3 {
    font-size: 1.375rem;
    line-height: 2rem;
    margin-bottom: 0.3rem;
  }

  h5 {
    font-size: 1rem;
    line-height: 1.0625rem;
  }

  h6 {
    margin-bottom: 0.4rem;
  }

  .lead {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .container {
    padding: 0 1rem;
  }

  .container-faq-sitter-profile {
    padding: 0;
  }

  .container>.flex {
    margin: 0 -0.5rem;
  }

  .container .flex .col {
    padding: 0 1rem;
  }

  .section {
    position: relative;
    padding: 0 1rem;
  }

  /* ----- SECTION BANNER ----- */
  .section-banner .flex .content,
  .section-banner .flex .image-wrap {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
  }

  .section-banner {
    text-align: center;
    padding-top: 0.5rem;
  }

  .section-banner .image-wrap img {
    position: static;
    width: 20.4rem;
    z-index: -1;
    margin: 0 auto;
  }

  .kitty-mobile-image img {
    position: static;
    width: 20.4rem;
    z-index: -1;
    margin: 0 auto;
    padding-bottom: 2rem;
  }

  .section-banner .content p {
    margin: 0 auto;
  }

  .search-form .form-control {
    font-size: 0.9rem;
  }

  .search-form.standard-search .form-control {
    height: 1.25rem;
  }

  .search-form.simplified-search .form-control {
    font-size: 1rem;
  }

  .search-form:before {
    left: -8.1rem;
    bottom: -1.7rem;
    height: 3.1rem;
    background-size: cover;
  }

  .suggest-container {
    /*width: 13rem;*/
    font-size: 0.7rem;
  }

  .zip-search .suggest-container {
    width: unset;
  }

  .section-banner .flex .search-form {
    display: flex;
    padding: 0.75rem 0.6rem;
    text-align: left;
    align-items: flex-start;
    max-width: 25rem;
    margin: 1rem auto 2.7rem;
    border-radius: 1rem;
  }

  .section-banner .container>.search-form {
    display: none;
  }

  .search-form .form-group {
    padding: 0 0.85rem;
    flex: 0 0 42%;
    max-width: 42%;
    margin: 0.6rem 0;
  }

  .search-form label {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-top: -0.3rem;
    margin-bottom: 0.4rem;
  }

  .search-form .btn {
    padding: 0.75rem 0;
    border-radius: 0.5rem;
    align-self: flex-start;
  }

  .search-form.standard-search .btn {
    flex: 0 0 3.125rem !important;
    width: 3.125rem;
    margin-right: 1.3rem;
    margin-left: auto;
  }

  .search-form .btn .icon-search {
    background-size: 300px;
    background-position: -139px -122px;
    width: 18px;
    height: 18px;
    margin-right: 0;
    margin-left: 0.4rem;
  }

  .search-form .form-group:nth-child(3) {
    flex: 0 0 26.9%;
    max-width: 26.9%;
  }

  .search-form .see-more-link {
    margin-top: -0.1rem;
    font-size: 0.75rem;
  }

  .search-form .see-more-link .icon-down {
    background-size: 300px;
    background-position: -196px -122px;
    width: 1rem;
    height: 1rem;
  }

  .section-banner .content>.btn {
    margin-top: 1.7rem;
  }

  .section-banner-blog .form-search .form-control {
    padding-left: 5;
  }

  /* ----- /SECTION BANNER ----- */
  /*  */
  /* ----- SECTION STEPS ----- */
  .section-steps {
    background-image: url(/img/steps-bg-mob.svg);
    padding-top: 1rem;
    background-position-y: 20.6rem;
    background-size: 23.6rem;
  }

  .section-steps .flex .col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .step {
    max-width: 16.9375rem;
    min-height: 1rem;
    padding: 0 0.5rem 1.8rem;
    margin: 0 auto 4.9rem;
  }

  .section-steps .btn {
    margin-top: 3rem;
    width: 90%;
    padding: 0.75rem;
    font-size: 1rem;
  }

  .step .image-wrap {
    margin-bottom: 0.9rem;
  }

  .step p {
    line-height: 1.25rem;
  }

  .step p {
    max-width: 12.4rem;
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 1.5rem;
  }

  .step .number {
    width: 8rem;
    top: 13.3%;
  }

  .section-steps .col:last-child .step {
    margin-bottom: 0;
  }

  /* ----- /SECTION STEPS ----- */
  /*  */
  /* ----- SECTION CAT SITTERS ----- */
  .section-cat-sitters {
    padding-bottom: 1rem;
    /*padding-top: 1rem;*/
  }

  .owl-carousel .owl-dots .owl-dot {
    margin: 0 0.2rem;
  }

  .section-cat-sitters .title {
    margin: 0 2rem 2.3rem;
  }

  .section-cat-sitters .owl-carousel {
    margin: 0 auto;
  }

  .section-cat-sitters .owl-carousel .owl-item {
    max-width: 9.4375rem;
  }

  .owl-carousel .owl-dots {
    margin-top: 1.9rem;
  }

  .section-cat-sitters .VueCarousel-slide {
    flex: 0 0 33.3%;
    width: 70%;
  }

  .carousel__pagination-button {
    width: 34px;
    height: 50px;
  }

  /* ----- /SECTION CAT SITTERS ----- */
  /*  */
  /* ----- SECTION CTA ----- */
  .section-cta .content-wrap .col:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .section-cta .content-wrap .custom-wrap {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .section-cta .content-wrap h4,
  .section-cta .content-wrap p {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.75rem;
  }

  .section-cta .content-wrap .btn {
    margin: 0 auto;
    margin-top: 0rem;
  }

  .section-cta .content-wrap .col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0;
  }

  .section-cta {
    padding-top: 4.8rem;
  }

  .section-cta .content-wrap {
    margin: 0;
    padding: 2.3rem 1.3rem 2.4rem;
    text-align: center;
    align-items: flex-start;
    background-size: cover;
    background-position: 5% 71%;
  }

  /* ----- /SECTION CTA ----- */
  /*  */
  /* ----- SECTION TESTIMONIALS ----- */
  .section-testimonials {
    padding-top: 4.9rem;
    padding-bottom: 2.5rem;
  }

  .section-testimonials .owl-carousel .owl-stage {
    padding-left: 0;
  }

  .section-testimonials .VueCarousel .testimonial {
    min-height: 20.5rem;
  }

  .testimonial {
    min-width: 0.1rem;
    margin: 3.4rem 0.5rem 0;
    padding: 3.8rem 1.6rem 1.7rem;
    height: 100%;
  }

  .section-testimonials .title {
    margin: 0 1rem 2rem;
  }

  .section-testimonials .owl-carousel {
    margin-left: 0.6rem;
  }

  .section-testimonials .owl-carousel .owl-item {
    min-width: 16.275rem;
  }

  .testimonial .img-wrap {
    top: -3rem;
  }

  .section-testimonials:before {
    top: 10.6rem;
    width: 13.05rem;
    height: 26.9rem;
    left: -1.7rem;
  }

  .section-testimonials .owl-carousel .owl-dots {
    margin-left: -0.6rem;
    margin-top: 1.1rem;
  }

  .section-testimonials .container {
    padding: 0;
  }

  /* ----- /SECTION TESTIMONIALS ----- */
  /*  */
  address {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
  }

  /*  */
  /* ----- FORM SEARCH ----- */
  .form-search .btn .icon-search {
    background-position: -79px -68px;
    background-size: 175px;
  }

  .form-search {
    max-width: 19.2rem;
  }

  .form-search .form-control {
    font-size: 0.75rem;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 7%);
    border: 0;
    height: 2.6875rem;
    padding: 0.7rem 1.1rem;
    letter-spacing: 0.1px;
    border-radius: 1rem;
  }

  .form-search .form-control::placeholder {
    color: rgb(0 0 0 / 60%);
    padding: 1rem 0;
  }

  .form-search .btn {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.6rem;
    right: 1.3rem;
    padding: 0;
  }

  /* ----- /FORM SEARCH ----- */
  /*  */
  /* ----- BREADCRUMBS ----- */
  .breadcrumbs li {
    font-size: 0.85rem;
    margin-right: 0.1rem;
    line-height: 1rem;
  }

  .breadcrumbs {
    margin-bottom: 1.5rem !important;
    padding: .25rem 1.1rem .25rem .9rem;
  }

  /* ----- /BREADCRUMBS ----- */
  /*  */
  /* ----- SECTION ACHIEVEMENTS ----- */
  .section-achievements {
    padding-top: 1.9rem;
    padding-bottom: 1.7rem;
    margin-bottom: 0rem;
  }

  .section-achievements .image-col {
    display: none;
  }

  .section-achievements .title {
    margin-bottom: 1rem;
  }

  .section-achievements .content-col .flex {
    margin: 0 -1.4rem;
    justify-content: center;
  }

  .section-achievements .content-col .col {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 0.5rem;
  }

  /* ----- /SECTION ACHIEVEMENTS ----- */
  /*  */
  /* ----- ACHIEVEMENT ----- */
  .achievement {
    max-width: 23rem;
    margin: 0 0;
  }

  .achievement h3 {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }

  .achievement .count {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .achievement:last-child {
    margin-bottom: 2rem;
  }

  /* ----- /ACHIEVEMENT ----- */
  /*  */
  /* ----- SECTION ABOUT ----- */
  .section-about .flex .items-col {
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
  }

  .section-about .flex .content-col {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
    margin-bottom: 3.1rem;
  }

  .section-about {
    padding-top: 2.6rem;
    padding-bottom: 4.9rem;
  }

  .section-about .content-col .h1 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: 0.8rem;
  }

  .section-about .content-col .h1 b {
    text-transform: uppercase;
  }

  .section-about .content-col p {
    margin: 0 auto;
    line-height: 1.625rem;
  }

  .section-about .content-col .buttons {
    display: none;
  }

  .section-about .flex .items-col:before,
  .section-about .flex .items-col:after {
    display: none;
  }

  .section-about .flex .items-col .flex {
    margin: 0 2.7rem;
  }

  .section-about .items-col .col {
    padding: 0 1rem;
  }

  .section-about .achievement {
    height: 8.225rem;
    margin-bottom: 3.1rem;
  }

  .section-about .items-col .buttons {
    display: flex;
    justify-content: center;
  }

  .section-about .btn {
    width: 40%;
    margin: 0 0.5rem;
  }

  .section-about .buttons {
    margin-top: 1.6rem;
  }

  /* ----- /SECTION ABOUT ----- */
  /*  */
  /* ----- SECTION INCLUDES ----- */
  .section-includes {
    padding-top: 1rem;
  }

  .section-includes h2 {
    line-height: 2rem;
    margin: 0 auto;
  }

  .section-includes .flex .col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .section-includes .title {
    margin-bottom: 2.1rem;
  }

  .section-includes .item-include {
    max-width: 12.0625rem;
    margin: 0 auto 2.3rem;
    padding: 1.7rem 1.8rem;
  }

  .section-includes .buttons .btn {
    width: 18rem;
    padding: 0.75rem;
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }

  .section-includes .buttons {
    margin-top: 1.1rem;
  }

  /* ----- /SECTION INCLUDES ----- */
  /*  */
  /* ----- AREAS WRAP ----- */
  .areas-wrap {
    margin-right: 1.8rem;
    max-height: 13.1rem;
    padding: 0.3rem 0rem 0.6rem 0.6rem;
    margin-left: 0.4rem;
  }

  .areas-wrap .white-box {
    width: 7rem;
  }

  .areas-wrap h6 {
    font-size: 0.5rem;
    line-height: 1.25rem;
  }

  .areas-wrap .white-box .box-header {
    padding: 0.1rem 0 0.3rem;
  }

  .areas-wrap .white-box .box-body {
    padding: 0rem 0.7rem;
  }

  .areas-wrap .white-box .form-search .form-control {
    font-size: 0.375rem;
    line-height: 0.375rem;
    padding: 0.1rem 0.2rem 0.1rem 1.3rem;
    height: 1.125rem;
  }

  .areas-wrap .white-box .form-search .btn {
    width: 0.75rem;
    height: 0.75rem;
  }

  .areas-wrap .white-box .area {
    padding: 0.35rem 0.3rem 0.35rem 0.2rem;
    font-size: 0.375rem;
    line-height: 0.375rem;
    max-width: 5.4rem;
    margin-bottom: 0.3rem;
  }

  .areas-wrap .white-box .area .icon-map-marker {
    width: 0.5625rem;
    height: 0.75rem;
    background-size: 100px;
    background-position: -2.9px -18px;
  }

  .areas-wrap::after {
    right: -7.3rem;
    top: -3.5rem;
    width: 22.0625rem;
    height: 20.1875rem;
  }

  .areas-wrap:before {
    top: -2.2rem;
    right: 1.4rem;
    width: 3.8625rem;
    height: 2.9625rem;
    background-position: -24px -221px;
    background-size: 120px;
  }

  /* ----- /AREAS WRAP ----- */
  /*  */
  /* ----- SECTION FAQS ----- */
  .section-faqs {
    padding-top: 3.4rem;
    padding-bottom: 0rem;
  }

  .section-faqs h2 {
    font-weight: 500;
  }

  .section-faqs .title {
    margin-bottom: 2.4rem;
  }


  .section-faqs .faq-item>button {
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding-right: 0.2rem;
    padding: 0.6rem 0.8rem 0.6rem 0rem;
  }

  .section-faqs .faq-item .faq-content p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }

  .section-faqs .faq-item.active .faq-content {
    padding: 0.25rem 0 0;
  }

  .section-faqs .faq-item .faq-content {
    max-width: 97%;
  }

  .section-faqs .buttons .btn {
    display: none;
  }

  /* ----- /SECTION FAQS ----- */
  /*  */
  /* ----- SECTION IMAGE CONTENT ----- */
  .section-image-content-two {
    padding-top: 1.05rem;
  }

  .section-image-content-two .title h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .image-content-row .content-wrap,
  .image-content-row.image-left .content-wrap {
    order: 2;
    flex: 0 0 16rem;
    max-width: 16rem;
    margin: 0 auto;
  }

  .image-content-row .image-wrap {
    flex: 0 0 16.4375rem;
    max-width: 16.4375rem;
    margin: 0 auto 1rem;
  }

  .section-image-content-two .title {
    margin-bottom: 2.5rem;
  }

  .image-content-row .image-wrap img {
    height: 8.8125rem;
    border-radius: 1.125rem;
  }

  .image-content-row h3 {
    font-size: 1rem;
    line-height: 1.5625rem;
    max-width: 100%;
    letter-spacing: 0.8px;
    margin-bottom: 0.6rem;
  }

  .image-content-row {
    text-align: center;
    margin-bottom: 2rem;
  }

  .image-content-row p {
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }

  .section-image-content-two .btn {
    display: none;
  }

  .section-image-content-two:before {
    display: none;
  }

  /* ----- /SECTION IMAGE CONTENT ----- */
  /*  */
  /* ----- SECTION COMMUNITY ----- */
  .section-community {
    padding-top: 2.9rem;
    background-image: url(/img/community-bg-mob.svg);
    background-size: 291% 96.5%;
    background-position: center 3.4rem;
  }

  .section-community .flex .col {
    flex: 0 0 11rem;
    max-width: 11rem;
    padding: 0 0.7rem;
  }

  .section-community .container>.flex {
    display: none;
  }

  .section-community .container>.items-mob {
    display: flex;
    margin: 0 -0.8rem;
    align-items: flex-start;
  }

  .section-community .container>.items-mob .col:last-child {
    padding-top: 4rem;
  }

  .section-community .testimonial,
  .section-community .testimonial-small {
    margin-bottom: 5.1rem;
  }

  .section-community .buttons {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .section-community:before {
    background-image: url(/img/testimonials-line-mob.svg);
    top: 11rem;
    bottom: 6rem;
    background-position: -1.2rem -1.1rem;
    background-size: cover;
  }

  /* ----- /SECTION COMMUNITY ----- */
  /*  */
  /* ----- POPUP ----- */
  .popup .popup-body h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .popup .btn-close {
    width: 0.6875rem;
    height: 0.6875rem;
    background-size: 0.6875rem;
  }

  .popup .popup-dialog {
    max-width: 90%;
  }

  .popup .popup-header {
    padding: 1.3rem 1.45rem 0.6rem;
  }

  .popup .popup-body .btn:first-child {
    margin-top: 1.4rem !important;
  }

  .popup .popup-body .btn {
    margin-top: 1rem !important;
    font-size: 1rem;
    padding: 0.5rem 1.3rem;
  }

  .popup .popup-body {
    padding: 0.2rem 2.2rem 2rem;
  }

  .popup .popup-content {
    min-height: 15.125rem;
  }

  .popup .popup-body .form-control {
    margin-top: 0.3rem;
    height: 2.5rem;
    font-size: 0.75rem;
    padding: 0.6rem 1rem;
    margin-bottom: 0.4rem;
  }

  /* ----- /POPUP ----- */
  /*  */
  /* ----- SECTION AROUND ----- */
  .section-around {
    padding-top: 4.9rem;
    padding-bottom: 1.6rem;
    display: none;
  }

  .section-around .title {
    margin-bottom: 3rem;
  }

  .section-around .areas-wrap {
    margin: 0 0.7rem;
  }

  .section-around .areas-wrap picture {
    flex: 0 0 66.2%;
    max-width: 66.2%;
  }

  .section-around .areas-wrap .white-box {
    margin-left: 0.5rem;
    flex: 0 0 24.2%;
    max-width: 24.2%;
  }

  .section-around .areas-wrap h4 {
    font-size: 0.3125rem;
    line-height: 0.3125rem;
  }

  .section-around .areas-wrap .white-box .box-header {
    padding: 0.5rem 0 0.4rem;
  }

  .section-around .white-box .form-search .form-control {
    height: 1.2rem;
    max-height: 1.2rem;
    font-size: 0.5rem;
    line-height: 0.35rem;
    padding: 0.1rem 0.2rem 0.1rem 0rem;
  }

  .section-around .white-box .form-search .btn {
    width: 0.518125rem;
    height: 0.518125rem;
    top: 0.5rem;
    left: 0.2rem;
  }

  .section-around .white-box .form-search .btn .icon-search {
    background-position: -3px -1px;
    background-size: 89px;
  }

  .section-around .areas-wrap .white-box .box-body {
    padding: 0rem 0.6rem;
  }

  .section-around .white-box .form-search {
    line-height: 1rem;
    margin-bottom: 0.3rem;
  }

  .section-around .white-box .area {
    font-size: 0.25rem;
    line-height: 0.25rem;
    padding: 0.25rem 0.3rem 0.25rem 1.1rem;
    max-width: 8.2rem;
    margin-bottom: 0.3rem;
  }

  .section-around .white-box .area .icon-map-marker {
    height: 0.5rem;
    width: 0.40625rem;
    background-size: 80px;
    background-position: -3px -15px;
    left: 0.3rem;
  }

  .section-around .areas-wrap:before {
    width: 3.625rem;
    height: 2.3125rem;
    background-position: -19px -165px;
    background-size: 90px;
    top: -1.7rem;
    right: 1.7rem;
  }

  .section-around .buttons {
    display: none;
  }

  .section-around .buttons .btn {
    width: 10.2rem;
    margin-bottom: 0.5rem;
  }

  /* ----- /SECTION AROUND ----- */
  /*  */
  /* ----- SECTION CONTACT LINKS ----- */
  .section-contact-links {
    padding-top: 6.1rem;
    margin-bottom: -1.7rem;
  }

  .section-contact-links .title {
    margin-bottom: 2.9rem;
  }

  .section-contact-links .flex .col {
    flex: 0 0 14.5rem;
    max-width: 15.5rem;
  }

  .section-contact-links .flex {
    justify-content: center;
    margin: 0 -1.5rem;
  }

  .section-contact-links .contact-link {
    margin-bottom: 1.9rem;
  }

  /* ----- /SECTION CONTACT LINKS ----- */
  /*  */
  /* ----- SECTION DOWNLOAD ----- */
  .section-download {
    padding-bottom: 0;
    padding-top: 4.2rem;
  }

  .section-download .content-box {
    padding: 2.3rem 1.8rem 1.5rem;
    text-align: center;
  }

  .section-download .content-box .links {
    justify-content: center;
    margin-top: 1.3rem;
    padding: 0 0.7rem;
  }

  .section-download .content-box .links a,
  .section-download .content-box .links a:last-child {
    margin: 0 auto 1rem;
  }

  .section-download .image-col img {
    width: 21.7rem;
    position: static;
    margin: 2.7rem auto 0;
    max-width: 106%;
  }

  .section-download .col:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .section-download .content-box:before {
    width: 9.6rem;
    height: 5.95rem;
    top: -5.1rem;
    left: -0.4rem;
  }

  .section-download .content-box h2 {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

  .section-download .content-box .app-links {
    margin-top: 1.4rem;
    justify-content: center;
  }

  .section-download .content-box .app-links .link {
    margin: 0 0.1rem;
  }

  /* ----- /SECTION DOWNLOAD ----- */
  /*  */
  .suggest-container .suggest {
    display: inline-block;
    text-align: left;
    padding-right: 0.8rem;
  }

  /* ----- CUSTOM ----- */

  .unanswereds-bubble-head {
    width: 1.2rem;
    height: 1.2rem;
  }

  .nav-tabs .nav-item.active span{
    margin-left: -0.3rem;
  }

  .nav-tabs .nav-item.active #n-records-upcoming {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .nav-tabs .nav-item.active #n-records-in-progress {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .nav-tabs .nav-item.active #n-records-past {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .unanswereds-bubble-nav {
    margin-right: 2rem;
    margin-left: 0.5rem;
    background-color: rgb(255 202 155);
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    color: black;
    display: inline-flex;
  }

  /* ----- CALENDAR ----- */
  .section-banner .vc-container.vc-is-expanded {
    width: 100%;
    margin-top: 0;
  }

  .vc-pane-layout {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .vc-pane-layout .vc-day.is-not-in-month {
    height: 0;
    width: 0;
    min-height: 0;
  }

  .vc-pane:nth-child(2) .vc-header {
    padding-top: 0 !important;
  }

  .is-last-day .vc-highlight.vc-highlight-base-start {
    background: transparent !important;
  }

  .vc-arrows-container {
    bottom: 0;
  }

  .vc-container .vc-arrow.is-right {
    position: absolute;
    bottom: 19rem;
    right: 0.625rem;
  }

  .vc-arrows-container {
    padding: 0.5rem 0.625rem !important;
  }

  .vc-pane-layout .vc-pane {
    min-height: 21.28rem;
  }

  /* ----- /CALENDAR ----- */
  /*  */
}

@media(max-width: 480px){
  .section-download .content-box .app-links .link {
    height: 3.4rem;
    flex: 1;
    background-size: 239px;
    margin-right: 0.4rem;
  }
}


@media (min-width: 320px) and (max-width: 640px) {
    .container {
      max-width: 95vw !important;
    }
}