.ts-hero {
  background: url("https://img.freepik.com/free-photo/mother-with-son-preparing-easter-home_1157-32937.jpg?w=1380&t=st=1680507701~exp=1680508301~hmac=1117ce345fe481cf36ba4dbb1599f838876a5ae4d7526053595d858cef1c8320") no-repeat;
  background-size: cover;
}

.ts-hero .menu li .active {
  color: #f04949;
}

.ts-find-sitters {
  background: url("../../assets/images/banni.jpg") no-repeat right center #3cc5c1;
  background-size: auto 100%;
}

.ts-hero {
  background-color: #dedede;
  background-size: cover;
  min-height: 740px;
  padding-bottom: 120px;
  padding-top: 110px;
  display: flex;
  align-items: center;
}
.ts-hero .slogan-and-search {
  margin: 0 auto;
  margin-top: 200px;
}
.ts-hero .slogan-and-search h1 {
  text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.62);
}

.ts-about {
  min-height: 480px;
  width: 100%;
  padding-bottom: 70px;
}
.ts-about .profile a {
  text-decoration: none;
  color: #f04949;
}
.ts-about .profile a:hover {
  text-decoration: underline;
}
.ts-about .profile h4 {
  font-size: 18px;
  font-weight: 800;
  margin-top: 30px;
  margin-bottom: 15px;
}
.ts-about .profile small {
  font-size: 14px;
  color: #a09e9e;
  margin-bottom: 10px;
}
.ts-about .profile p {
  color: #4e4e4e;
  letter-spacing: 0.28px;
  line-height: 30px;
  margin-bottom: 15px;
  font-size: 13pt;
}
.ts-about .profile h5 {
  font-size: 14px;
  color: #353434;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 30px;
}
.ts-about .circle-photo {
  border-radius: 50%;
  background-clip: padding-box;
}
@media (max-width: 575px) {
  .ts-about .circle-photo {
    width: 100px;
  }
}

.ts-become-sitter {
  background: url("../../assets/images/home/become-sitter.jpg") no-repeat left center;
  background-size: auto 100%;
  min-height: 480px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  isolation: isolate;
}
@media (max-width: 991px) {
  .ts-become-sitter:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.2666666667);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
}
.ts-become-sitter-title {
  color: white;
  text-align: left;
  font-weight: 300;
  font-size: 54px;
  margin-bottom: 25px;
}
.ts-become-sitter p {
  color: white;
  margin-bottom: 50px;
  font-size: 13pt;
}
.ts-become-sitter a {
  color: white;
  font-weight: 600;
  text-decoration: underline;
}

.ts-like {
  padding-bottom: 70px;
}
.ts-like-title {
  color: #4a4a4a;
  text-align: left;
  font-weight: 300;
}
.ts-like p {
  font-weight: 400;
  font-size: 16px;
  color: #2c2c2c;
  margin-bottom: 50px;
}
.ts-like .lazyframe[data-vendor=youtube] {
  background-color: #e52d27;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  height: 100%;
  height: clamp(160px, 22vw, 357px);
}
.ts-like .lazyframe[data-vendor=youtube]:hover:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==);
  opacity: 1;
}
.ts-like .lazyframe {
  position: relative;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-size: cover;
}
.ts-like .lazyframe:hover {
  cursor: pointer;
}
.ts-like .lazyframe[data-vendor=youtube] .lazyframe__title {
  color: #eee;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-shadow: rgba(0, 0, 0, 0.52) 0px 0px 2px;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.1s cubic-bezier(0.4, 0, 1, 1);
  width: 100%;
  display: inline-block;
  padding: 15px;
}
.ts-like .lazyframe[data-vendor=youtube]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68px;
  height: 48px;
  margin-left: -34px;
  margin-top: -24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0.81;
  border: none;
  z-index: 4;
}/*# sourceMappingURL=index.css.map */