/* ----- SECTION BANNER SEARCH ----- */

.form-check-input {
  display: none;
}

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

.section-banner-search .container > .search-form {
  display: flex;
  text-align: left;
  max-width: 59.8rem;
  margin: 2.3rem auto;
  border: 1px solid #e3e3e3;
  box-shadow: 0px 20px 40px 0 rgb(0 0 0 / 3%);
  border-radius: 1.5rem;
  padding: 0.95rem 1.1rem 1rem;
}

.section-banner-search .search-form:before {
  display: block;
}

.section-banner-search p {
  max-width: 49rem;
  font-weight: 400;
}

.section-banner-search .search-form .icon-filter {
  width: 1.125rem;
  height: 1.125rem;
  /* Fallback image */
  background-image: url("/img/css_sprites_search@1x.png");
  background-image: -webkit-image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-image: image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-repeat: no-repeat;
  background-position: -10px -45px;
  margin: 0 0.4rem 0 0.2rem;
}

.section-banner-search .search-form .filters button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0c0c0c;
  font-weight: 600;
}

.section-banner-search .search-form .form-group.filters {
  flex: 0 0 13.9%;
  max-width: 13.9%;
  padding: 0;
  margin: 0;
}

.section-banner-search .search-form .form-group:first-child {
  flex: 0 0 25.4%;
  max-width: 25.4%;
  padding-left: 2.3rem;
}

.section-banner-search .search-form .form-group:nth-child(2) {
  flex: 0 0 24.1%;
  max-width: 24.1%;
  padding-left: 3.5rem;
  border-color: rgb(112 112 112 / 50%);
}

.section-banner-search .search-form .form-group:nth-child(3) {
  flex: 0 0 26.1%;
  max-width: 26.1%;
  border-right: 1px solid rgb(112 112 112 / 50%);
  padding-left: 3.4rem;
}

.section-banner-search .search-form .form-group {
  margin: 0rem 0 0;
}

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

.section-banner-search .search-form .see-more-link {
  display: none;
}

.section-banner-search .advanced-filters {
  position: absolute;
  background-color: #ffffff;
  border-radius: 1.5rem;
  z-index: 1000;
  display: flex;
  max-width: 59.9375rem;
  width: 93%;
  margin: -0.3rem auto 0;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 11%);
  padding: 2.4rem 3rem 1.9rem;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}

.section-banner-search .advanced-filters .filters-col {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 0.5rem;
  padding-right: 2rem;
}

.section-banner-search .advanced-filters h6 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5625rem;
  letter-spacing: 0px;
}

.section-banner-search
  .advanced-filters
  .form-check
  .form-check-input
  ~ label:before {
  margin-right: 0.8rem;
}

.section-banner-search .advanced-filters .form-check {
  margin-bottom: 0.6rem;
}

.section-banner-search .advanced-filters .form-check label {
  line-height: 1.3125rem;
}

.section-banner-search .advanced-filters .filters-col:last-child {
  padding-left: 2.6rem;
  padding-right: 0.4rem;
}

.section-banner-search .advanced-filters .form-group {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 1.9rem;
}

.section-banner-search .advanced-filters .form-group > div {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
}

.section-banner-search .advanced-filters .form-group .form-control {
  height: 2.6875rem;
  border: 1px solid #cccccc;
  border-radius: 0.625rem;
  text-align: right;
  width: 100%;
  font-size: 0.875rem;
  padding: 0 1rem;
}

.section-banner-search .advanced-filters .form-group label {
  display: block;
  font-size: 0.75rem;
  color: #000000;
  font-weight: 600;
  margin-top: -0.15rem;
  margin-bottom: 0.5rem;
}

.section-banner-search
  .advanced-filters
  .form-group
  .form-control::placeholder {
  color: #cccccc;
}

.section-banner-search
  .advanced-filters
  .form-radio
  .form-check-input
  ~ label:before {
  border-radius: 50%;
}

.section-banner-search .advanced-filters .form-radio {
  margin-bottom: 0.4rem;
}

.section-banner-search .advanced-filters .form-group label:before {
  content: "$";
  position: absolute;
  color: #a8a5a5;
  font-size: 0.875rem;
  bottom: 0.6rem;
  font-weight: 400;
  left: 1rem;
}

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

.section-banner-search .container > .search-form.filters-open .filters button {
  color: #ffb834;
}

.section-banner-search .advanced-filters.filters-open {
  visibility: visible;
  opacity: 1;
}

.section-featured-sitters {
  padding-top: 0;
}

.section-featured-sitters .carousel__slide {
  padding-top: 1.5rem;
}

.section-featured-sitters .VueCarousel {
  margin-bottom: 4rem;
}

/* ----- /SECTION BANNER SEARCH ----- */
/*  */
/* ----- SECTION CUSTOM ----- */

.error-location {
  border-radius: 5px;
  border: 2px solid rgb(243, 99, 99);
}

.error-message {
  color: rgb(243, 99, 99);
  margin-top: 0px;
  position: relative;
  top: -1.325rem;
  left: 0px;
}

.custom-toast {
  height: 50px !important;
  font-weight: bolder !important;
  font-size: 2.5rem;
}

.custom-toast-container {
  background-color: transparent !important;
}

/* ----- /SECTION CUSTOM ----- */
/*  */
/* ----- SECTION NEW SITTERS ----- */
.section-new-sitters {
  padding-top: 3rem;
}

.section-new-sitters .title {
  margin-bottom: 1.4rem;
}

.VueCarousel {
  margin: 0 -1.8rem 5rem;
}

.carousel__track {
  padding-bottom: 4rem;
}

.new-sitter-card {
  display: block;
  background-color: #ffffff;
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 7%);
  border-radius: 1.5rem;
  padding: 1.6rem 1.4rem 2.3rem;
  margin-top: 1rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  margin-bottom: 0rem;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.new-sitter-card .image-wrap {
  border-radius: 1rem;
  overflow: hidden;
  height: 22.5rem;
  position: relative;
  margin-bottom: 1.1rem;
  flex: 0 0 100%;
}

.new-sitter-card .image-wrap img {
  object-fit: cover;
  width: 100%;
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0;
}

.new-sitter-card .rating {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #b4b4b4;
  font-weight: 500;
}

.new-sitter-card h6 {
  margin-bottom: 0.3rem;
  text-align: left;
  height: 46.6px;
}

.new-sitter-card .rating .icon-star {
  margin-right: 0.34rem;
}

.new-sitter-card .last-active {
  position: absolute;
  right: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-transform: uppercase;
  font-size: 0.625rem;
  color: #bcbcbc;
  font-weight: 600;
  line-height: 1rem;
  top: 0.4rem;
  letter-spacing: 0.1px;
  text-align: right;
}

.new-sitter-card .last-active span {
  color: #7a7a7a;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.3rem;
  max-width: 70%;
}

.new-sitter-card .content-wrap {
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.new-sitter-card .badges-wrap {
  display: flex;
  align-items: center;
  margin-top: 0.9rem;
}

.new-sitter-card .badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.new-sitter-card .badges .badge {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-right: -0.75rem;
}

.new-sitter-card .badges .badge .icon {
  border-radius: 50%;
  border: 2px solid #ffd27f;
  display: block;
  width: 100%;
  height: 100%;
  /* Fallback image */
  background-image: url("/img/css_sprites_search@1x.png");
  background-image: -webkit-image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-image: image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-repeat: no-repeat;
}

.new-sitter-card .badges .badge .icon-1 {
  background-position: -6px -190px;
}

.new-sitter-card .badges .badge .icon-2 {
  background-position: -6px -228px;
}

.new-sitter-card .badges .badge .icon-3 {
  background-position: -7px -5px;
}

.new-sitter-card .badges .badge .icon-4 {
  background-position: -8px -150px;
}

.new-sitter-card .badges .badge .icon-5 {
  background-position: -5px -39px;
}

.new-sitter-card .badges-wrap .green-badge {
  font-weight: 400;
  background-color: #24cb40;
  color: #fff;
  border-radius: 0.625rem;
  padding: 0.4rem 0.7rem;
  font-size: 0.875rem;
  position: absolute;
  right: 0.1rem;
  box-shadow: 1.95px 1.95px 2.6px rgb(0 0 0 / 15%);
  /*margin-left: auto;
  margin-right: 0.2rem;*/
}

.new-sitter-card .badges-wrap .green-badge b {
  font-size: 1rem;
}

.new-sitter-card .info {
  font-weight: 400;
  border: 1px dashed #dbdbdb;
  border-radius: 0.625rem;
  color: #666666;
  font-size: 1rem;
  line-height: 1.3125rem;
  display: flex;
  align-items: center;
  padding: 0.4rem 1rem;
  letter-spacing: 0.2px;
  margin-bottom: 0.8rem;
}

.new-sitter-card .info .icon-info {
  width: 2rem;
  height: 2rem;
  /* Fallback image */
  background-image: url("/img/css_sprites_search@1x.png");
  background-image: -webkit-image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-image: image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-repeat: no-repeat;
  background-position: -10px -334px;
  margin-right: 1rem;
  margin-top: 3px;
}

.new-sitter-card .info .text-yellow {
  color: #ffb834;
  font-weight: 600;
  font-size: 1.125rem;
  margin-left: 0.3rem;
}

.new-sitter-card .btn {
  width: 100%;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0px;
  font-weight: 900;
  margin-top: auto;
}

.section-new-sitters .owl-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 0.9rem;
  right: 0.9rem;
  height: 1px;
  margin: auto 0;
  padding-top: 2.6rem;
}

.section-new-sitters .owl-carousel .owl-nav button {
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0px 6px 20px 0px rgb(0 0 0 / 10%);
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-new-sitters .owl-carousel .owl-nav button span {
  /* Fallback image */
  background-image: url("/img/css_sprites_search@1x.png");
  background-image: -webkit-image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-image: image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-repeat: no-repeat;
  background-position: 0px -244px;
  width: 2rem;
  height: 2rem;
}

.section-new-sitters .owl-carousel .owl-nav button.owl-next span {
  background-position: 0px -286px;
}

.new-sitter-card .image-wrap .label {
  position: absolute;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #ffffff;
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  bottom: 1rem;
  left: 0;
  border: 1px solid;
  padding: 0.3rem 0.8rem;
  letter-spacing: 0.4px;
}

.new-sitter-card .image-wrap .label-blue {
  background: #5b61f3;
  border-color: #ffffff;
  z-index: 0;
}

.section-new-sitters .owl-carousel {
  margin: 0 -3.2rem;
  padding: 0 3.2rem;
  width: auto;
  overflow: hidden;
}

.section-new-sitters .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.section-new-sitters .owl-carousel .owl-item .new-sitter-card {
  box-shadow: none;
}

.section-new-sitters .owl-carousel .owl-item.active .new-sitter-card {
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 7%);
}

/* ----- /SECTION NEW SITTERS ----- */
/*  */
/* ----- SECTION POPULAR SITTERS ----- */
.section-popular-sitters {
  padding-top: 0;
  position: relative;
}

.section-popular-sitters .cards-container {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.section-popular-sitters .cards-container::-webkit-scrollbar {
  display: none;
}

.section-popular-sitters .sort select {
  height: 2.5rem;
  border: 1px solid #5b61f3;
  border-radius: 0.625rem;
  width: 15.85rem;
  color: #5b61f3;
  font-size: 1rem;
  padding: 0 2rem 0 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.979' height='9.13' viewBox='0 0 15.979 9.13'%3E%3Cg id='next_1_' data-name='next (1)' transform='translate(15.416 -101.732) rotate(90)'%3E%3Cg id='Сгруппировать_25202' data-name='Сгруппировать 25202' transform='translate(102.297 0)'%3E%3Cpath id='Контур_20073' data-name='Контур 20073' d='M110.129,7.018,103.272.161a.571.571,0,0,0-.808.808l6.453,6.453-6.453,6.453a.571.571,0,0,0,.808.808l6.857-6.857A.571.571,0,0,0,110.129,7.018Z' transform='translate(-102.297 0)' fill='%235B61F3' stroke='%235B61F3' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 90% center;
  appearance: none;
  -moz-appearance: none;
  background-size: 1rem;
  cursor: pointer;
  background-color: #ffffff;
}

.section-popular-sitters .sort select:focus {
  outline: none;
}

.section-popular-sitters .sort {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.9rem;
  align-items: center;
  padding-top: 0rem;
}

.section-popular-sitters .title {
  margin-bottom: 2.9rem;
}

.section-popular-sitters .filters-sidebar {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: -20px -3px 20px 0px rgb(12 12 12 / 6%);
  padding: 1.5rem 1.5rem 2.5rem;
  text-align: left;
}

.section-popular-sitters .filters-sidebar-col {
  flex: 0 0 25%;
  max-width: 25%;
  min-width: 19rem;
}

.section-popular-sitters .filters-sidebar .form-group > label {
  font-size: 1.125rem;
  line-height: 1.575rem;
  display: block;
  margin-left: 0;
  margin-bottom: 0.5rem;
  color: #555;
  padding-left: 2px;
  font-weight: 500;
}

.section-popular-sitters .filters-sidebar .form-group .form-control {
  width: 100%;
  font-size: 1rem;
  height: 2.75rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 5px 5px 7px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 32px;
}

.section-popular-sitters .filters-sidebar .form-group .form-control:focus {
  outline: none;
}

.section-popular-sitters .filters-sidebar .form-group {
  margin-bottom: 1.5rem;
}

.section-popular-sitters .filters-sidebar .form-group .inputs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section-popular-sitters .filters-sidebar .form-group .inputs .form-control {
  flex: 0 0 46%;
  max-width: 46%;
  text-align: center;
}

.section-popular-sitters .filters-sidebar .form-group #location-base-search {
  width: 100%;
  height: 2.75rem;
  font-size: 1rem;
  position: relative;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0 0rem !important;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 32px;
}

.section-popular-sitters .form-check .form-check-input ~ label:before {
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  margin-left: 0.2rem;
  margin-top: 0.1rem;
  margin-right: 0.9rem;
  background-size: 1rem;
}

.form-check .form-check-input:disabled ~ label:before {
  background-color: #ccc;
  cursor: not-allowed;
}

.section-popular-sitters .form-check label {
  font-size: 1rem;
  line-height: 1.75rem;
}

.section-popular-sitters .form-check {
  margin-bottom: 0.7rem;
  margin-right: -1rem;
}

.section-popular-sitters .filters-sidebar .see-more-link {
  color: #5b61f3;
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 0.9rem;
  display: inline-block;
  margin-left: 0.6rem;
}

.section-popular-sitters .form-check .form-check-input ~ label:before {
  border-radius: 0.35rem;
  margin-right: 1rem;
}

.section-popular-sitters .radio-buttons {
  margin-top: -0.2rem;
}

.section-popular-sitters .form-radio label {
  font-size: 1rem;
}

.section-popular-sitters .form-radio {
  margin-bottom: 0.9rem;
}

.section-popular-sitters .new-sitter-card {
  margin-top: 0;
  height: 100%;
}

.section-popular-sitters .cards-col .col {
  padding: 0 1rem;
  margin-bottom: 2rem;
}

.section-popular-sitters .cards-col .col > div {
  height: 100%;
}

.new-sitter-card.disabled .image-wrap .label {
  background: #a2a2a2;
}

.new-sitter-card.disabled .btn {
  opacity: 0.5;
  pointer-events: none;
}

.new-sitter-card.disabled {
  pointer-events: none;
}

.section-popular-sitters:before {
  content: "";
  width: 15.875rem;
  height: 38.9375rem;
  position: absolute;
  top: 12.4rem;
  right: 0;
  z-index: -1;
}

.section-popular-sitters:after {
  content: "";
  width: 14rem;
  height: 37.3125rem;
  position: absolute;
  bottom: -2.7rem;
  left: 0;
  z-index: -1;
}

.section-popular-sitters .cards-col .text-center .btn {
  padding: 1.2rem 0.9rem;
  margin-top: 1.7rem;
  width: fit-content;
  padding: 1.2rem;
  font-size: 1.2rem;
}

.section-popular-sitters .sort .filters-btn {
  display: none;
}

/* ----- SECTION NOT FOUND ----- */
.section-not-found {
  padding-top: 3rem;
}

.section-not-found .title h2 {
  font-weight: 700;
}

.section-not-found .title p {
  max-width: 50rem;
}

.not-found-form {
  background-color: #ffffff;
  border-radius: 1rem;
  margin: 7.2rem auto 0;
  max-width: 31rem;
  box-shadow: 0px 0px 39px 0px rgb(12 12 12 / 6%);
  padding: 3.5rem 4.1rem 4rem;
  position: relative;
}

.not-found-form:before {
  content: "";
  width: 37.4375rem;
  height: 100%;
  background-size: contain;
  position: absolute;
  background-image: url(/img/not-found-form-bg.svg);
  background-repeat: no-repeat;
  left: -3.6rem;
  top: -4.3rem;
  z-index: -1;
}

.not-found-form:after {
  content: "";
  width: 11.4375rem;
  height: 5.8125rem;
  position: absolute;
  /* Fallback image */
  background-image: url("/img/css_sprites_search@1x.png");
  background-image: -webkit-image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-image: image-set(
    url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_search@1x.png) 1x type("image/png"),
    url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_search@2x.png) 2x type("image/png")
  );
  background-repeat: no-repeat;
  top: -4.7rem;
  left: 1.5rem;
  right: 0;
  margin: 0 auto;
  background-position: -10px -396px;
  z-index: -1;
}

.not-found-form .form-group label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-bottom: 0.7rem;
  color: #555;
  padding-left: 2px;
  font-weight: 500;
}

.not-found-form .form-control {
  width: 100%;
  height: 3.0625rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0c0c0c;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 5px 5px 7px;
  margin-top: 5px;
  margin-bottom: 12px;
  line-height: 32px;
}

.not-found-form .form-control::placeholder {
  color: #cccccc;
}

.not-found-form .form-group {
  margin-bottom: 1.5rem;
}

.not-found-form .form-group label span {
  color: #bcbcbc;
}

.not-found-form .btn {
  width: 100%;
  font-size: 1rem;
  margin-top: 0.9rem;
  font-weight: 500;
  letter-spacing: 0px;
  padding: 0.7rem 1rem;
}

/* ----- /SECTION NOT FOUND ----- */
/*  */
/* ----- SECTION COMMUNITY ----- */
.section-community {
  /*padding-top: 7.3rem;*/
  padding-bottom: 2rem;
}

/* ----- /SECTION COMMUNITY ----- */
/*  */
/* ----- MEDIA ----- */
@media (min-width: 1120px) {
  .section-popular-sitters .container {
    max-width: 1510px;
  }
  .new-sitter-card .image-wrap {
    height: 20.5rem;
  }
}

@media (max-width: 1439px) {
  .carousel__slide {
    padding: 2.8rem 1rem 0;
  }
}

@media (max-width: 1199px) {
  /* ----- SECTION BANNER SEARCH ----- */
  .section-banner-search .container > .search-form {
    max-width: 52.8rem;
  }

  .new-sitter-card .image-wrap {
    height: 18rem;
  }

  .section-banner-search .advanced-filters {
    max-width: 52.8rem;
  }

  /* ----- /SECTION BANNER SEARCH ----- */
  /*  */
  /* ----- SECTION NEW SITTERS ----- */
  .section-new-sitters .owl-carousel {
    margin: 0 -2rem;
    padding: 0 2rem;
  }

  /* ----- /SECTION NEW SITTERS ----- */
  /*  */
  /* ----- SECTION POPULAR SITTERS ----- */
  .section-popular-sitters .cards-col .col {
    padding: 0 1rem;
  }

  .new-sitter-card {
    padding: 1.6rem 1.4rem 2.3rem;
    margin-top: 1rem;
    margin-right: 1rem;
    margin-left: 1rem;
    margin-bottom: 0rem;
  }

  .new-sitter-card .info .icon-info {
    background-position: -6px -244px;
    background-size: 150px;
    margin-right: 0.3rem;
  }

  .new-sitter-card .info {
    padding: 0.8rem 0.7rem;
  }

  .new-sitter-card .badges-wrap .green-badge {
    font-size: 0.75rem;
    padding: 0.4rem 0.7rem;
  }

  .new-sitter-card .badges-wrap .green-badge b {
    font-size: 0.875rem;
  }

  /* .new-sitter-card .badges .badge {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: -0.7rem;
  }

  .new-sitter-card .badges .badge .icon-1 {
    background-position: -6px -204px;
  }

  .new-sitter-card .badges .badge .icon-2 {
    background-position: -7px -120px;
  }

  .new-sitter-card .badges .badge .icon-3 {
    background-position: -9px -4px;
  }

  .new-sitter-card .badges .badge .icon-4 {
    background-position: -9px -162px;
  }

  .new-sitter-card .badges .badge .icon-5 {
    background-position: -9px -79px;
  } */

  .section-popular-sitters .filters-sidebar-col {
    flex: 0 0 30%;
    max-width: 30%;
  }
  /* ----- /SECTION POPULAR SITTERS ----- */
  /*  */
}

@media (max-width: 1023px) {
  /* ----- SECTION BANNER SEARCH 1023px----- */
  .section-banner-search h1 {
    line-height: 2.375rem;
  }

  .section-banner-search .container > .search-form {
    margin: 1.2rem auto;
    max-width: 38.4rem;
    border-radius: 1rem;
    padding: 0.55rem 0.6rem 0.6rem;
  }

  .section-banner-search .search-form .form-group:first-child {
    padding-left: 1.7rem;
    flex: 0 0 25.9%;
    max-width: 25.9%;
  }

  .section-banner-search .search-form .form-group:nth-child(2) {
    flex: 0 0 24%;
    max-width: 24%;
    padding-left: 2.2rem;
    padding-right: 1rem;
  }

  .section-banner-search .search-form .form-group:nth-child(3) {
    flex: 0 0 25.9%;
    max-width: 25.9%;
    padding-left: 2.2rem;
  }

  .section-banner-search .search-form .filters button {
    font-size: 0.6875rem;
  }

  .section-banner-search .search-form .icon-filter {
    width: 0.75rem;
    height: 0.75rem;
    background-size: 140px;
    background-position: -7px -31px;
  }

  .section-banner-search .search-form .btn {
    padding: 1.3rem 1.3rem;
    flex: 0 0 3.875rem;
    max-width: 3.875rem;
    border-radius: 0.625rem;
  }

  .section-banner-search .search-form .form-group.filters {
    flex: 0 0 13.7%;
    max-width: 13.7%;
  }

  .section-banner-search .search-form .form-group {
    margin-top: 0rem;
  }

  .section-banner-search .search-form .form-control {
    font-size: 0.875rem;
  }

  .section-banner-search .search-form label {
    margin-bottom: 0rem;
  }

  .section-banner-search .search-form .btn .icon-search {
    width: 1.125rem;
    height: 1.125rem;
    background-size: 320px;
    background-position: -149px -130px;
  }

  .section-banner-search .advanced-filters {
    max-width: 38.7375rem;
    margin-top: 0rem;
    padding: 1.8rem 1.3rem 2.6rem;
  }

  .section-banner-search .advanced-filters h6 {
    margin-bottom: 0.7rem;
    font-size: 0.9rem;
    line-height: 1.125rem;
  }

  .section-banner-search
    .advanced-filters
    .form-check
    .form-check-input
    ~ label:before {
    width: 0.75rem;
    height: 0.75rem;
    flex: 0 0 0.75rem;
    margin-right: 0.4rem;
    margin-top: 0.2rem;
  }

  .section-banner-search .advanced-filters .form-check label {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  .section-banner-search .advanced-filters .form-check {
    margin-bottom: 0.3rem;
  }

  .section-banner-search .advanced-filters .filters-col:first-child {
    padding-right: 0rem;
    flex: 0 0 34%;
    max-width: 34%;
  }

  .section-banner-search .advanced-filters .filters-col {
    padding-right: 1rem;
  }

  .section-banner-search .advanced-filters .filters-col:last-child {
    padding-left: 1.3rem;
    padding-right: 1.2rem;
  }

  .section-banner-search
    .advanced-filters
    .filters-col:last-child
    h6:first-child {
    font-size: 0.9rem;
    line-height: 0.8125rem;
    margin-bottom: 0.8rem;
  }

  .section-banner-search .advanced-filters .form-group label {
    margin-bottom: 0.4rem;
    font-size: 0.8rem;
  }

  .section-banner-search .advanced-filters .form-group .form-control {
    height: 2.0625rem;
    padding: 0 0.4rem;
  }

  .section-banner-search .advanced-filters .form-group label:before {
    left: 0.6rem;
    bottom: 0.2rem;
  }

  .section-banner-search .advanced-filters .form-group {
    margin-bottom: 1.4rem;
  }

  .section-banner-search .advanced-filters .radio-buttons {
    margin-top: 0.9rem;
  }

  /* ----- /SECTION BANNER SEARCH ----- */
  /*  */
  /* ----- SECTION NEW SITTERS 1023px ----- */
  .section-new-sitters .owl-carousel {
    margin: 0 -5rem;
    padding: 0 4.3rem;
  }

  .new-sitter-card .image-wrap {
    height: 13rem;
    margin-bottom: 0.6rem;
  }

  .new-sitter-card {
    margin-top: 1rem;
    padding: 0.9rem 0.9rem 1.3rem;
  }

  .new-sitter-card .image-wrap .label {
    font-size: 0.7rem;
    padding: 0.5rem 0.4rem;
    line-height: 0.625rem;
    bottom: 0.75rem;
  }

  .new-sitter-card h6 {
    font-size: 1rem;
    line-height: 1.2125rem;
    letter-spacing: 0.3px;
    margin-bottom: 0.8rem;
    padding-right: 0.2rem;
  }

  .new-sitter-card .rating {
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 0.5rem;
  }

  .new-sitter-card .rating .icon-star {
    margin-right: 0.14rem;
  }

  .new-sitter-card .last-active {
    font-size: 0.5rem;
    top: -0.1rem;
    right: 0.3rem;
  }

  .new-sitter-card .last-active span {
    font-size: 0.5rem;
    line-height: 0.75rem;
    margin-top: 0rem;
  }

  .new-sitter-card .badges-wrap .green-badge {
    font-size: 0.8rem;
    border-radius: 0.25rem;
    padding: 0.5rem 0.6rem;
    line-height: 1rem;
  }

  .new-sitter-card .badges-wrap .green-badge b {
    font-size: 0.8rem;
  }

  .new-sitter-card .badges .badge {
    width: 2rem;
    height: 2rem;
  }

  .new-sitter-card .badges-wrap {
    margin-top: 0.6rem;
  }

  .new-sitter-card .badges .badge .icon {
    background-size: 25px;
  }

  .new-sitter-card .badges .badge .icon-1 {
    background-position: -3px -96px;
  }

  .new-sitter-card .badges .badge .icon-2 {
    background-position: -3px -116px;
  }

  .new-sitter-card .badges .badge .icon-3 {
    background-position: -4px -2px;
  }

  .new-sitter-card .badges .badge .icon-4 {
    background-position: -4px -76px;
  }

  .new-sitter-card .badges .badge .icon-5 {
    background-position: -5px -20px;
  }

  .new-sitter-card .info {
    margin-top: 0.2rem;
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
    margin-bottom: 0.8rem;
  }

  .new-sitter-card .info .text-yellow {
    font-size: 0.75rem;
    margin-left: 0.2rem;
    line-height: 0.75rem;
  }

  .new-sitter-card .info .icon-info {
    width: 1rem;
    height: 1rem;
    background-size: 105px;
    background-position: -5px -172px;
    margin-right: 0.3rem;
  }

  .new-sitter-card .btn {
    font-size: 1.2rem;
    padding: 0.5rem 2.1rem;
    border-radius: 0.625rem;
  }

  .section-new-sitters .owl-carousel .owl-nav button {
    width: 2.5rem;
    height: 2.5rem;
  }

  .section-new-sitters .owl-nav {
    left: 3rem;
    right: 3rem;
    padding: 0;
    padding-bottom: 2.2rem;
  }

  .section-new-sitters .owl-carousel .owl-nav button span {
    background-size: 120px;
    background-position: 6px -138px;
  }

  .section-new-sitters .owl-carousel .owl-nav button.owl-next span {
    background-position: 6px -163px;
  }

  /* ----- /SECTION NEW SITTERS ----- */
  /*  */
  /* ----- SECTION POPULAR SITTERS 1023px ----- */
  .section-popular-sitters .title h2 {
    font-size: 1.875rem;
    margin-bottom: 0.5rem;
    line-height: 2.5625rem;
  }

  .section-popular-sitters .title {
    margin-bottom: 1.3rem;
  }

  .section-popular-sitters .sort select {
    font-size: 1rem;
    height: 3rem;
    padding: 0 2.3rem 0 0.6rem;
    background-size: 0.625rem;
  }

  .section-popular-sitters .sort {
    margin-bottom: 0.7rem;
  }

  .section-popular-sitters .cards-col .flex .col {
    padding: 0 0.8rem;
  }

  .section-popular-sitters .new-sitter-card {
    margin-bottom: 0.5rem;
  }

  .section-popular-sitters .cards-col .text-center .btn {
    margin-top: 1rem;
    width: 18rem;
    padding: 0.75rem;
    font-size: 1rem;
  }

  .section-popular-sitters .cards-col .col {
    width: 20rem;
  }

  .section-popular-sitters:after {
    width: 8.0625rem;
    height: 21.5rem;
    bottom: -0.5rem;
  }

  .section-popular-sitters .filters-sidebar .form-group #location-base-search {
    font-size: 0.75rem;
    padding: 0 0rem !important;
  }

  /* ----- /SECTION POPULAR SITTERS ----- */
  /*  */
  /* ----- SECTION COMMUNITY ----- */
  .section-community {
    /*padding-top: 5.2rem;*/
    padding-bottom: 0;
  }

  /* ----- /SECTION COMMUNITY ----- */
  /*  */
  /* ----- SECTION NOT FOUND 1023px----- */
  .not-found-form {
    padding: 2.2rem 3rem 4rem;
    max-width: 22.7rem;
    margin-top: 6rem;
  }

  .not-found-form .form-group label {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-bottom: 0.6rem;
  }

  .not-found-form .form-control {
    font-size: 0.75rem;
    padding: 0 0.8rem;
    height: 2.3rem;
    border-radius: 0.5rem;
  }

  .not-found-form .form-group {
    margin-bottom: 0.7rem;
  }

  .not-found-form .btn {
    margin-top: 0.8rem;
    font-size: 0.75rem;
    padding: 0.3rem 1rem;
  }

  .not-found-form:before {
    width: 27.0625rem;
    left: -2.6rem;
    top: -3.2rem;
  }

  .not-found-form:before {
    width: 27.0625rem;
    left: -2.6rem;
    top: -3.2rem;
  }

  .not-found-form:after {
    width: 8.1875rem;
    height: 4.1875rem;
    background-size: 150px;
    background-position: -14px -286px;
    top: -3.9rem;
  }

  /* ----- /SECTION NOT FOUND 1023px----- */
  /*  */
  .section-featured-sitters .carousel__slide {
    padding: 0 0.5rem;
  }
}

@media (max-width: 768px) {
  .section-popular-sitters .filters-sidebar {
    padding-bottom: 3.5rem;
  }

  .section-popular-sitters {
    padding-top: 0;
  }

  .section-banner-search .advanced-filters .form-group > div {
    flex: 0 0 30%;
    max-width: 30%;
  }

  /* ----- SECTION BANNER SEARCH 768px ----- */

  .section-banner-search h1 {
    line-height: 1.9rem;
    font-weight: 600;
  }

  .section-banner-search .container > .search-form {
    margin: 1.5rem auto;
    border-radius: 1.5rem;
    max-width: 20.4rem;
    padding: 1.95rem 1.7rem 0.6rem;
    justify-content: space-between;
  }

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

  .section-banner-search .search-form .btn-mob {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: -0.4rem;
    padding: 0.4rem 1.3rem;
    letter-spacing: 0px;
    margin-bottom: 0.5rem;
  }

  .section-banner-search .search-form .see-more-link {
    display: flex;
    font-size: 0.75rem;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.5px;
    margin-top: 0rem;
  }

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

  .section-banner-search .search-form .form-group {
    margin-bottom: 1.8rem;
  }

  .section-banner-search .search-form .form-group:first-child {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }

  .section-banner-search .search-form .form-group:nth-child(2),
  .section-banner-search .search-form .form-group:nth-child(3) {
    flex: 0 0 46%;
    max-width: 46%;
    border: 0;
    padding: 0;
  }

  .section-banner-search .search-form .form-control {
    border-bottom: 1px solid rgb(112 112 112 / 50%);
    width: 100%;
    font-size: 0.6875rem;
    height: 1.8rem;
  }

  .section-banner-search .search-form label {
    margin-top: 0;
    margin-bottom: 0.2rem;
  }

  .section-banner-search .search-form .see-more-link .icon-down {
    width: 1.0625rem;
    height: 1.0625rem;
    background-size: 360px;
    background-position: -235px -145px;
  }

  .section-banner-search .advanced-filters {
    display: block;
  }

  .section-banner-search .search-form .advanced-filters {
    border-radius: 0;
    display: block;
    position: static;
    box-shadow: none;
    padding: 1.6rem 0 0;
    max-height: 0;
    height: auto;
    overflow: hidden;
    transition: 0.4s;
  }

  .section-banner-search .advanced-filters .filters-col:first-child,
  .section-banner-search .advanced-filters .filters-col,
  .section-banner-search .advanced-filters .filters-col:last-child {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 1.3rem;
  }

  .section-banner-search .advanced-filters .form-check {
    margin-bottom: 0.22rem;
  }

  .section-banner-search .advanced-filters .filters-col .order-2 {
    order: 2;
  }

  .section-banner-search .advanced-filters .filters-col:last-child {
    display: flex;
    flex-direction: column;
  }

  .section-banner-search .advanced-filters .filters-col .order-1 {
    order: 1;
  }

  .section-banner-search
    .advanced-filters
    .filters-col:last-child
    h6:first-child {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-top: 0rem;
  }

  .section-banner-search
    .advanced-filters
    .form-radio
    .form-check-input
    ~ label:before {
    display: none;
  }

  .section-banner-search .advanced-filters .form-radio label {
    border: 1px solid #cecece;
    border-radius: 0.5rem;
    text-align: center;
    height: 2rem;
    width: 6.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .section-banner-search .advanced-filters .radio-buttons {
    margin-top: -0.1rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
  }

  .section-banner-search .advanced-filters .form-radio {
    flex: 0 0 6.875rem;
    max-width: 6.875rem;
    margin-right: 0.7rem;
    margin-bottom: 0.4rem;
  }

  .section-banner-search .advanced-filters .form-group label {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-bottom: 0.3rem;
  }

  .section-banner-search .search-form .filters-col .form-group {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
  }

  .section-banner-search .advanced-filters .form-group .form-control {
    height: 2.5rem;
    padding: 0 0.7rem;
  }

  .section-banner-search .advanced-filters .form-group label:before {
    left: 0.9rem;
    bottom: 0.75rem;
  }

  .section-banner-search
    .container
    > .search-form.filters-open
    .advanced-filters {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
    transition: 0.4s;
  }

  /* ----- /SECTION BANNER SEARCH ----- */
  /*  */
  /* ----- SECTION NEW SITTERS 768px ----- */
  .section-new-sitters {
    padding-top: 2.8rem;
  }

  .section-new-sitters .title h2 {
    max-width: 15rem;
    margin: 0 auto;
  }

  .section-new-sitters .title {
    margin-bottom: 0.5rem;
  }

  .new-sitter-card {
    margin-top: 1.9rem;
  }

  .section-new-sitters .owl-carousel {
    margin: 0 -1.5rem;
    padding: 0 1.6rem;
  }

  .new-sitter-card .image-wrap {
    margin-bottom: 0.5rem;
  }

  .new-sitter-card .image-wrap .label {
    bottom: 0.95rem;
    padding: 0.5rem 0.8rem;
    font-size: 0.9rem;
    line-height: 1rem;
  }

  .section-new-sitters .owl-item {
    max-width: 16.3rem;
  }

  .section-new-sitters .owl-nav {
    display: none;
  }

  .new-sitter-card h6 {
    font-size: 1rem;
    min-height: 1.625rem;
  }

  .new-sitter-card .last-active {
    top: 0.1rem;
    right: 0.4rem;
  }

  .new-sitter-card .last-active span {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }

  .new-sitter-card .rating .icon-star {
    height: 1.4rem;
  }

  .new-sitter-card .rating {
    font-size: 1rem;
  }

  .new-sitter-card .badges .badge .icon {
    background-size: 45px;
  }

  .new-sitter-card .badges .badge .icon-1 {
    background-position: -5px -173px;
  }

  .new-sitter-card .badges .badge .icon-2 {
    background-position: -5px -208px;
  }

  .new-sitter-card .badges .badge .icon-3 {
    background-position: -6px -4px;
  }

  .new-sitter-card .badges .badge .icon-4 {
    background-position: -6px -137px;
  }

  .new-sitter-card .badges .badge .icon-5 {
    background-position: -6px -35px;
  }

  .new-sitter-card .badges-wrap .green-badge {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.5rem 0.5rem;
  }

  .new-sitter-card .badges-wrap .green-badge b {
    font-size: 1rem;
  }

  .new-sitter-card .info {
    font-size: 0.9rem;
    padding: 0.5rem 0.6rem;
    margin-bottom: 1rem;
  }

  .new-sitter-card .info .icon-info {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 145px;
    background-position: -6px -238px;
    margin-right: 0.5rem;
  }

  .new-sitter-card .info .text-yellow {
    font-size: 0.9375rem;
  }

  .new-sitter-card .btn {
    font-size: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
  }

  .sitters-carousel .carousel__slide {
    padding-top: 0;
    margin-bottom: 2rem;
  }

  /* ----- /SECTION NEW SITTERS ----- */
  /*  */
  /* ----- SECTION POPULAR SITTERS ----- */
  .section-popular-sitters .title h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .section-popular-sitters .title {
    margin-bottom: 2.1rem;
  }

  .section-popular-sitters .sort .filters-btn {
    display: flex;
    align-items: center;
    border: 1px solid #545afa;
    border-radius: 0.5rem;
    height: 2.25rem;
    padding: 0.2rem 1rem;
    font-size: 0.9rem;
    color: #545afa;
    font-weight: 400;
    justify-content: center;
  }

  .section-popular-sitters .sort {
    justify-content: space-around;
    padding: 0 3.1rem;
    margin-bottom: 1.2rem;
    gap: 0.5rem;
    flex-direction: column;
  }

  .section-popular-sitters .sort .filters-btn .icon-filter {
    width: 1rem;
    height: 1rem;
    display: block;
    /* Fallback image */
    background-image: url("/img/css_sprites_search@1x.png");
    background-image: -webkit-image-set(
      url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_search@1x.png) 1x type("image/png"),
      url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_search@2x.png) 2x type("image/png")
    );
    background-image: image-set(
      url(/img/css_sprites_search@1x.webp) 1x type("image/webp"),
      url(/img/css_sprites_search@1.5x.webp) 1.5x type("image/webp"),
      url(/img/css_sprites_search@2x.webp) 2x type("image/webp"),
      url(/img/css_sprites_search@1x.png) 1x type("image/png"),
      url(/img/css_sprites_search@1.5x.png) 1.5x type("image/png"),
      url(/img/css_sprites_search@2x.png) 2x type("image/png")
    );
    background-repeat: no-repeat;
    background-position: -5px -25px;
    background-size: 120px;
    margin-right: 0.4rem;
  }

  .section-popular-sitters .sort select {
    height: 2.25rem;
    padding: 0 1.8rem 0 0.6rem;
    background-position-x: 95%;
    font-size: 0.9rem;
  }

  .section-popular-sitters .filters-sidebar-col {
    flex: none;
    max-width: 100vw;
    height: 100%;
    display: contents;
  }

  .section-popular-sitters:before {
    width: 9.825rem;
    height: 21.675rem;
    top: 10.4rem;
    background-position: right;
  }

  .section-popular-sitters:after {
    width: 7.8625rem;
    height: 24.3rem;
    bottom: 4.5rem;
    left: -0.7rem;
  }

  .section-popular-sitters .cards-col .text-center .btn {
    margin-right: 0;
    margin-top: 1rem;
  }

  .section-popular-sitters .sort .filters-btn.active {
    color: #5b61f3;
  }

  /* ----- /SECTION POPULAR SITTERS ----- */
  /*  */
  /* ----- SECTION COMMUNITY ----- */

  /* ----- /SECTION COMMUNITY ----- */
  /*  */
  /* ----- SECTION NOT FOUND ----- */
  .section-not-found {
    padding-top: 4.3rem;
  }

  .not-found-form {
    margin-top: 6.5rem;
    max-width: 19.7rem;
    padding: 2.2rem 1.5rem 4rem;
  }

  .not-found-form::before {
    background-image: url(/img/not-found-form-bg-mob.svg);
    background-repeat: no-repeat;
    width: 28rem;
    height: 96%;
  }

  /* ----- /SECTION NOT FOUND ----- */
  /*  */
  .section-featured-sitters {
    padding-top: 0rem;
    display: flex;
    flex-direction: column;
    background: none;
  }
}

/* ----- /MEDIA ----- */
/*  */