/* ---------------------------------------------------------------------------
 * new-sell.css — stylesheet for the "New Sell" template (page-new-sell.php).
 *
 * Forked from buy.css so the sell page can diverge without touching buy.
 * Everything buy-scoped has been renamed to sell-*, EXCEPT .sell-neighborhood*,
 * which is still driven by buy.js and template-parts/sliders/
 * slider-neighborhoods-buy-page.php. See the note at the bottom of this file.
 * ------------------------------------------------------------------------- */

/* -----------------------
 * Fonts
 * ----------------------- */
@font-face {
  font-family: "Avenir Next";
  font-weight: 400;
  font-style: normal;
  src: url("https://ruthkrishnan.com/wp-content/themes/ruthkrishnan/fonts/AvenirNext-Regular.woff") format("woff");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Avenir Next";
  font-weight: 500;
  font-style: normal;
  src: url("https://ruthkrishnan.com/wp-content/themes/ruthkrishnan/fonts/AvenirNext-Medium.woff") format("woff");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Avenir Next";
  font-weight: 700;
  font-style: normal;
  src: url("https://ruthkrishnan.com/wp-content/themes/ruthkrishnan/fonts/AvenirNext-Bold.woff") format("woff");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Avenir Next";
  font-weight: 800;
  font-style: normal;
  src: url("https://ruthkrishnan.com/wp-content/themes/ruthkrishnan/fonts/AvenirNext-Heavy.woff") format("woff");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.sell-neighborhood__tooltip-close::before, .sell-neighborhood__tooltip-close::after, .buy-testimonial-video__play-btn, .sell-welcome__play-btn, .blog-case-studies__slide, .map-neighborhoods__tooltip-close::before, .map-neighborhoods__tooltip-close::after, .modal-video-link__modal-container, .slider-video__slide-play-btn, .slider-video__slide {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sell-neighborhood__background, .buy-testimonial-video__video, .buy-testimonial-video__thumbnail, .sell-welcome__video, .sell-welcome__thumbnail, .modal-video-link__modal-overlay, .slider-neighborhoods__content-wrapper, .resources-links__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sell-neighborhood__tooltip-link, .modal-video-link__video-tour, .slider-neighborhoods__content-link, .slider-neighborhoods__filter, .cta-text-btn__btn {
  text-transform: lowercase;
  line-height: 1.15;
  letter-spacing: 0.01541875rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 1750px) {
  .sell-neighborhood__tooltip-link, .modal-video-link__video-tour, .slider-neighborhoods__content-link, .slider-neighborhoods__filter, .cta-text-btn__btn {
    font-size: 1rem;
  }
}

.sell-off-market, .sell-schedule-talk, .sell-neighborhood, .buy-testimonial-video, .slider-video, .resources-links, .process-steps, .our-performance {
  padding: 2rem 0;
}
@media screen and (min-width: 1750px) {
  .sell-off-market, .sell-schedule-talk, .sell-neighborhood, .buy-testimonial-video, .slider-video, .resources-links, .process-steps, .our-performance {
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 600px) {
  .sell-off-market, .sell-schedule-talk, .sell-neighborhood, .buy-testimonial-video, .slider-video, .resources-links, .process-steps, .our-performance {
    padding: 1rem 0;
  }
}

.sell-welcome, .our-performance__title {
  padding: 4rem 0 2rem;
}
@media screen and (min-width: 1750px) {
  .sell-welcome, .our-performance__title {
    padding: 5rem 0 2.5rem;
  }
}
@media screen and (max-width: 600px) {
  .sell-welcome, .our-performance__title {
    padding: 2rem 0 1rem;
  }
}

.buy-rent-vs-buy, .blog-case-studies {
  padding: 2rem 0 4rem;
}
@media screen and (min-width: 1750px) {
  .buy-rent-vs-buy, .blog-case-studies {
    padding: 2.5rem 0 5rem;
  }
}
@media screen and (max-width: 600px) {
  .buy-rent-vs-buy, .blog-case-studies {
    padding: 1rem 0 2rem;
  }
}

.sell-neighborhood__title {
  padding: 4rem 0;
}
@media screen and (min-width: 1750px) {
  .sell-neighborhood__title {
    padding: 5rem 0;
  }
}
@media screen and (max-width: 600px) {
  .sell-neighborhood__title {
    padding: 2rem 0;
  }
}

.slider-neighborhoods {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1750px) {
  .slider-neighborhoods {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 600px) {
  .slider-neighborhoods {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.process-steps__column-lg, .process-steps__column-sm {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 1750px) {
  .process-steps__column-lg, .process-steps__column-sm {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .process-steps__column-lg, .process-steps__column-sm {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.blog-case-studies__title, .resources-links__title {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1750px) {
  .blog-case-studies__title, .resources-links__title {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 600px) {
  .blog-case-studies__title, .resources-links__title {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}

.resources-links__links {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 1750px) {
  .resources-links__links {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .resources-links__links {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}

.buy-rent-vs-buy__text, .sell-welcome__title, .slider-video__title {
  margin-bottom: 2rem;
}
@media screen and (min-width: 1750px) {
  .buy-rent-vs-buy__text, .sell-welcome__title, .slider-video__title {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 600px) {
  .buy-rent-vs-buy__text, .sell-welcome__title, .slider-video__title {
    margin-bottom: 1rem;
  }
}

.buy-rent-vs-buy__caption p:not(:last-of-type), .buy-rent-vs-buy__text p:not(:last-of-type), .sell-welcome__text p:not(:last-of-type) {
  font-weight: 500;
  margin-bottom: 1rem;
}
.buy-rent-vs-buy__caption span, .buy-rent-vs-buy__text span, .sell-welcome__text span {
  font-weight: 500;
}

/* -----------------------
 * Typography
 * ----------------------- */
.slider-neighborhoods__empty-state-content {
  line-height: 1.6;
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (min-width: 1750px) {
  .slider-neighborhoods__empty-state-content {
    font-size: 1.375rem;
  }
}

.blog-case-studies__slide-title, .slider-neighborhoods__content-icon-text, .resources-links__link-text, .process-steps__list-text {
  line-height: 1.3333;
  letter-spacing: 0.09375rem;
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 1750px) {
  .blog-case-studies__slide-title, .slider-neighborhoods__content-icon-text, .resources-links__link-text, .process-steps__list-text {
    font-size: 1.25rem;
  }
}

/* --------------------------
 *  Our Performance Styles
 * -------------------------- */
.our-performance {
  position: relative;
}
.our-performance__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  background: #F4F0F0;
  padding: 0;
  max-width: 1146px;
}
@media screen and (min-width: 1750px) {
  .our-performance__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .our-performance__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .our-performance__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .our-performance__container {
    max-width: calc(1528px - 64px);
  }
}
@media screen and (max-width: 1210px) {
  .our-performance__container {
    width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 880px) {
  .our-performance__container {
    max-width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 480px) {
  .our-performance__container {
    width: calc(100% - 2rem);
    max-width: calc(100% - 2rem);
  }
}
.our-performance__title {
  width: 100%;
  text-align: center;
}
.our-performance__content {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .our-performance__content {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .our-performance__content {
    margin-left: 0;
  }
}
@media screen and (min-width: 1750px) {
  .our-performance__content {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .our-performance__content {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .our-performance__content {
    padding-bottom: 2rem;
  }
}
.our-performance__text {
  width: calc(30% - 30px);
}
@media screen and (max-width: 880px) {
  .our-performance__text {
    margin-bottom: 1rem;
    width: 100%;
  }
}
.our-performance__image {
  width: 70%;
  height: auto;
}
@media screen and (max-width: 880px) {
  .our-performance__image {
    width: 100%;
  }
}

/* ----------------------------
 *  CTA Text & Button Styles
 * ---------------------------- */
.cta-text-btn__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
}
@media screen and (min-width: 1750px) {
  .cta-text-btn__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .cta-text-btn__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .cta-text-btn__container {
    padding: 0 1rem;
  }
}
.cta-text-btn__column {
  padding: 0 calc(30px / 2);
  width: calc(8 / 12 * 100%);
  margin-left: calc(2 / 12 * 100%);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .cta-text-btn__column {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cta-text-btn__column {
    margin-left: 0;
  }
}
.cta-text-btn__title {
  margin-bottom: 1rem;
}
.cta-text-btn__title span {
  display: block;
}
@media screen and (max-width: 480px) {
  .cta-text-btn__title span {
    display: inline;
  }
}
.cta-text-btn__text {
  margin-bottom: 1rem;
}
.cta-text-btn__btn {
  display: inline-block;
  position: relative;
  transition: all 0.2s ease;
  border: 0.0625rem solid #AF5B5B;
  background: #AF5B5B;
  cursor: pointer;
  padding: 0.875rem 2rem 0.75rem;
  text-transform: lowercase;
  color: #fff;
}
@media not all and (pointer: coarse) {
  .cta-text-btn__btn:hover {
    border-color: #963636;
    background: #963636;
    color: #fff;
  }
}

/* -----------------------
 *  Process Steps Styles
 * ----------------------- */
.process-steps__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  background: #232323;
  max-width: 1146px;
  color: #fff;
}
@media screen and (min-width: 1750px) {
  .process-steps__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .process-steps__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .process-steps__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .process-steps__container {
    max-width: calc(1528px - 60px);
  }
}
.process-steps__column-sm {
  padding: 0 calc(30px / 2);
  width: calc(3 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
}
@media screen and (max-width: 768px) {
  .process-steps__column-sm {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .process-steps__column-sm {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .process-steps__column-sm {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .process-steps__title {
    text-align: center;
  }
}
.page-sell .process-steps__title {
  width: 75%;
}
@media screen and (max-width: 1024px) {
  .page-sell .process-steps__title {
    width: 100%;
  }
}
.process-steps__title span {
  display: block;
}
@media screen and (max-width: 768px) {
  .process-steps__title span {
    display: inline-block;
  }
}
.process-steps__text {
  margin-top: 1rem;
}
.process-steps__column-lg {
  padding: 0 calc(30px / 2);
  width: calc(7 / 12 * 100%);
}
@media screen and (max-width: 768px) {
  .process-steps__column-lg {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .process-steps__column-lg {
    margin-top: 1rem;
  }
}
.process-steps__list {
  list-style: none;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .process-steps__list {
    padding: 0 2rem;
    padding: 0 1rem;
  }
}
.process-steps__list-item {
  display: flex;
  align-items: center;
}
.process-steps__list-item:not(:last-of-type) {
  margin-bottom: 2.5rem;
}
.process-steps__list-number {
  opacity: 0.5;
  margin-right: 1rem;
  color: #E9E8E8;
  font-size: 2.125rem;
  font-weight: 700;
}
@media screen and (min-width: 1750px) {
  .process-steps__list-number {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 600px) {
  .process-steps__list-number {
    font-size: 1.75rem;
  }
}
.process-steps__list-text {
  text-transform: uppercase;
}

/* -------------------------
 *  Resources Links Styles
 * ------------------------- */
.resources-links__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  justify-content: center;
  border: 2px solid #232323;
  padding: 0;
  max-width: 1146px;
}
@media screen and (min-width: 1750px) {
  .resources-links__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .resources-links__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .resources-links__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .resources-links__container {
    max-width: calc(1528px - 64px);
  }
}
@media screen and (max-width: 1210px) {
  .resources-links__container {
    width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 880px) {
  .resources-links__container {
    max-width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 480px) {
  .resources-links__container {
    width: calc(100% - 2rem);
    max-width: calc(100% - 2rem);
  }
}
.resources-links__background {
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 480px) {
  .resources-links__background {
    -o-object-position: right top;
       object-position: right top;
  }
}
.resources-links__title {
  margin-bottom: 1rem;
  width: 100%;
  text-align: center;
}
.resources-links__links {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .resources-links__links {
    padding: 0;
    width: 100%;
  }
}
.resources-links__link-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s ease;
  background: #fff;
  border: 1px solid #232323;
  margin-top: 1rem;
  width: calc(50% - 30px / 2);
}
@media screen and (max-width: 880px) {
  .resources-links__link-container {
    width: 100%;
  }
}
@media not all and (pointer: coarse) {
  .resources-links__link-container:hover {
    border: 1px solid #fff;
  }
  .resources-links__link-container:hover .resources-links__icon-container {
    border-left: 1px solid #fff;
    background: #232323;
  }
  .resources-links__link-container:hover .resources-links__link-text {
    color: #fff;
  }
  .resources-links__link-container:hover .resources-links__link-background {
    transform: translateX(100%);
  }
  .resources-links__link-container:hover .resources-links__icon {
    stroke: #fff;
  }
}
.resources-links__link-text-container {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: calc(100% - 64px);
  height: 100%;
  overflow: hidden;
}
.resources-links__link-background {
  position: absolute;
  top: 0;
  left: -200%;
  transition: transform 0.55s ease;
  background: linear-gradient(45deg, #232323 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  width: 200%;
  height: 100%;
}
.resources-links__link-text {
  transition: all 0.5s ease;
  z-index: 2;
  padding: 1rem;
  max-width: calc(100% - 64px);
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .resources-links__link-text {
    line-height: 1.53;
    letter-spacing: 0.046875rem;
    font-size: 0.8125rem;
    font-weight: 500;
  }
}
.resources-links__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  border-left: 1px solid transparent;
  background: #F4F0F0;
  width: 4rem;
  height: 100%;
}
.resources-links__icon {
  transition: all 0.5s ease;
  width: 1rem;
  height: 1rem;
}

.slider-video {
  padding-top: 0;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 480px) {
  .slider-video {
    padding-bottom: 3rem;
  }
}
.slider-video__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  max-width: calc(1146px - 30px);
  background: #F4F0F0;
}
@media screen and (min-width: 1750px) {
  .slider-video__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .slider-video__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-video__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .slider-video__container {
    max-width: calc(1528px - 30px);
  }
}
@media screen and (min-width: 1440px) {
  .slider-video__container {
    height: 46.875rem;
    padding: 0;
  }
}
@media screen and (max-width: 1439px) {
  .slider-video__container {
    height: 43.75rem;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .slider-video__container {
    height: 34.375rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-video__container {
    height: 25rem;
  }
}
@media screen and (max-width: 370px) {
  .slider-video__container {
    height: 19.6875rem;
  }
}
.slider-video__title {
  padding: 0 calc(30px / 2);
  width: calc(12 / 12 * 100%);
  margin-top: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .slider-video__title {
    padding: 0;
    width: 100%;
  }
}
.slider-video__slider {
  padding: 0 calc(30px / 2);
  width: calc(12 / 12 * 100%);
  position: relative;
}
@media screen and (max-width: 768px) {
  .slider-video__slider {
    padding: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .slider-video__slider {
    height: 34.375rem;
  }
}
@media screen and (max-width: 1439px) {
  .slider-video__slider {
    height: 31.25rem;
  }
}
@media screen and (max-width: 768px) {
  .slider-video__slider {
    height: 25rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-video__slider {
    height: 15.625rem;
  }
}
@media screen and (max-width: 370px) {
  .slider-video__slider {
    height: 10.9375rem;
  }
}
.slider-video__slide {
  transition: opacity 0.3s ease;
  opacity: 0;
}
@media screen and (min-width: 1440px) {
  .slider-video__slide {
    width: 60%;
  }
}
@media screen and (max-width: 1439px) {
  .slider-video__slide {
    width: 70%;
  }
}
@media screen and (max-width: 600px) {
  .slider-video__slide {
    width: 90%;
  }
}
.slider-video__slide--active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.slider-video__slide--hidden {
  opacity: 0;
  pointer-events: none;
}
.slider-video__slide-image {
  transition: opacity 0.2s ease;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media not all and (pointer: coarse) {
  .slider-video__slide-image:hover ~ .slider-video__slide-play-btn {
    opacity: 0.8;
  }
}
.slider-video__slide-image--hidden {
  opacity: 0;
  pointer-events: none;
}
.slider-video__slide-play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  z-index: 3;
  cursor: pointer;
  pointer-events: auto;
}
.slider-video__slide-play-btn--hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}
@media not all and (pointer: coarse) {
  .slider-video__slide-play-btn:hover .slider-video__slide-icon {
    opacity: 0.7;
  }
}
.slider-video__slide-icon {
  transition: opacity 0.2s ease;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  fill: #fff;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}
.slider-video__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
  width: 100%;
  height: 3rem;
  color: #fff;
}
.slider-video__prev, .slider-video__next {
  display: flex;
  align-items: center;
  margin: 0 0.5rem;
  width: 1rem;
  height: 1rem;
}
.slider-video__prev {
  left: 0;
}
@media screen and (max-width: 768px) {
  .slider-video__prev {
    left: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-video__prev {
    left: 3rem;
  }
}
.slider-video__next {
  right: 0;
}
@media screen and (max-width: 768px) {
  .slider-video__next {
    right: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-video__next {
    right: 3rem;
  }
}
.slider-video__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.slider-video__icon--prev {
  transform: scale(-1);
}
.slider-video__indicators {
  display: flex;
  justify-content: center;
}
.slider-video__dot {
  transition: background 0.3s ease;
  margin: 0.25rem;
  border: #232323 solid 1px;
  border-radius: 50%;
  cursor: pointer;
  width: 0.5rem;
  height: 0.5rem;
  pointer-events: all;
}
.slider-video__dot--active {
  background: #232323;
}
.slider-video__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-neighborhoods-intro {
  padding-top: 2rem;
}
.single-neighborhoods-intro__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
}
@media screen and (min-width: 1750px) {
  .single-neighborhoods-intro__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .single-neighborhoods-intro__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .single-neighborhoods-intro__container {
    padding: 0 1rem;
  }
}
.single-neighborhoods-intro__column {
  padding: 0 calc(30px / 2);
  width: calc(8 / 12 * 100%);
  margin-left: calc(2 / 12 * 100%);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .single-neighborhoods-intro__column {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .single-neighborhoods-intro__column {
    margin-left: 0;
  }
}
.single-neighborhoods-intro__title {
  margin-bottom: 1rem;
}
.single-neighborhoods-intro__text {
  width: 100%;
}
@media screen and (min-width: 1750px) {
  .single-neighborhoods-intro__text {
    width: 95%;
  }
}

.post-blog__content .single-neighborhoods-intro__column {
  padding: 0 calc(30px / 2);
  width: calc(12 / 12 * 100%);
  margin-left: calc(0 / 12 * 100%);
  /* -------------------------------------------
  * Slider Neighborhoods Template Styles
  * ------------------------------------------- */
}
@media screen and (max-width: 768px) {
  .post-blog__content .single-neighborhoods-intro__column {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .post-blog__content .single-neighborhoods-intro__column {
    margin-left: 0;
  }
}

.slider-neighborhoods__house-display-container {
  display: flex;
  width: 100%;
}
.slider-neighborhoods__score {
  width: 33%;
}
.slider-neighborhoods__score-content {
  font-weight: 700;
  line-height: 1.2;
  margin: 0 !important;
}
.slider-neighborhoods__score-label {
  line-height: 1.2;
  margin: 0 !important;
}
.slider-neighborhoods__score-row {
  display: flex;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #828282;
}
@media screen and (max-width: 480px) {
  .slider-neighborhoods__score-row {
    padding-bottom: 0;
  }
}
.slider-neighborhoods__price {
  width: 50%;
}
.slider-neighborhoods__price-heading {
  line-height: 1.3333;
  letter-spacing: 0.09375rem;
  font-size: 1.125rem;
  font-weight: 500;
  width: 100%;
  margin: 0 !important;
}
@media screen and (min-width: 1750px) {
  .slider-neighborhoods__price-heading {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 370px) {
  .slider-neighborhoods__price-heading {
    font-size: 0.875rem;
    line-height: 1;
  }
}
.slider-neighborhoods__price-content {
  font-weight: 700;
  line-height: 1.2;
  margin: 0 !important;
}
.slider-neighborhoods__price-label {
  line-height: 1.2;
  margin: 0 !important;
}
.slider-neighborhoods__price-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.slider-neighborhoods__description {
  padding-top: 0.75rem;
  border-top: 2px solid #828282;
}
@media screen and (max-width: 1024px) {
  .slider-neighborhoods__description {
    font-size: 0.875rem;
  }
}
.slider-neighborhoods__pagination-container {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}
.slider-neighborhoods__pagination-line {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #CFA8AA;
  width: 100%;
  height: 5px;
}
.slider-neighborhoods__pagination-indicator {
  transition: width 0.3s cubic-bezier(0.34, 0.01, 0.26, 1.04);
  z-index: 1;
  background: #AF5B5B;
  height: 6px;
}
.slider-neighborhoods__empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 28.125rem;
}
.slider-neighborhoods__carousel-controls-container {
  display: flex;
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__carousel-controls-container {
    order: -1;
    padding-top: 1rem;
  }
}
.slider-neighborhoods__carousel-progress {
  width: 100%;
  height: 20px;
  background-color: #232323;
}
.slider-neighborhoods__previous-wrapper {
  display: flex;
  justify-content: center;
  transform: scale(-0.5);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.slider-neighborhoods__next-wrapper {
  display: flex;
  transform: scale(0.5);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.slider-neighborhoods__filters-container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  justify-content: center;
}
@media screen and (min-width: 1750px) {
  .slider-neighborhoods__filters-container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__filters-container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-neighborhoods__filters-container {
    padding: 0 1rem;
  }
}
.slider-neighborhoods__filters {
  padding: 0 calc(30px / 2);
  width: calc(12 / 12 * 100%);
  flex-wrap: wrap;
  gap: 1rem;
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__filters {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 370px) {
  .slider-neighborhoods__filters {
    justify-content: space-between;
    margin-bottom: 2rem;
  }
}
.slider-neighborhoods__filter {
  width: 21%;
  transition: background 0.2s ease, color 0.2s ease;
  border: 2px solid #AF5B5B;
  cursor: pointer;
  padding: 0.875rem 2rem 0.75rem;
  min-width: 10.75rem;
  text-align: center;
  background: #fff !important;
  color: #AF5B5B;
}
@media not all and (pointer: coarse) {
  .slider-neighborhoods__filter:hover {
    background: #AF5B5B !important;
    color: #fff !important;
  }
}
@media screen and (max-width: 600px) {
  .slider-neighborhoods__filter {
    margin: 0;
    padding: 0.75rem 0 0.625rem;
    width: 30%;
    min-width: 0;
    min-height: 3.75rem;
    width: unset;
  }
}
@media screen and (max-width: 1100px) {
  .slider-neighborhoods__filter {
    width: 45%;
  }
}
.slider-neighborhoods__filter--active {
  position: relative;
  background: #AF5B5B !important;
  color: #fff !important;
}
@media screen and (max-width: 600px) {
  .slider-neighborhoods__filter--active {
    background: none;
    color: #963636;
  }
}
.slider-neighborhoods__legend-container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-container {
    justify-content: center;
  }
}
@media screen and (min-width: 1750px) {
  .slider-neighborhoods__legend-container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-neighborhoods__legend-container {
    padding: 0 1rem;
  }
}
.slider-neighborhoods__legend-content {
  padding: 0 calc(30px / 2);
  width: calc(6 / 12 * 100%);
  margin-left: calc(3 / 12 * 100%);
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-content {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-content {
    margin-left: 0;
  }
}
.slider-neighborhoods__legend-content--punctuated {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-content--punctuated {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-content--punctuated {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-content--punctuated {
    margin-left: 0;
  }
}
.slider-neighborhoods__legend-boxes-container {
  display: flex;
}
.slider-neighborhoods__legend-box {
  width: 100%;
  height: 1rem;
}
.slider-neighborhoods__legend-box-container {
  padding: 0 calc(30px / 2);
  width: calc(4 / 12 * 100%);
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-box-container {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__legend-box-container {
    padding: 0;
    width: 100%;
  }
}
.slider-neighborhoods__legend-box--filled {
  background-color: black;
  height: 0.5rem;
}
.slider-neighborhoods__legend-text-container {
  display: flex;
  justify-content: space-between;
}
.slider-neighborhoods__legend-text {
  font-size: 1rem;
}
.slider-neighborhoods__weather-legend {
  display: none;
}
.slider-neighborhoods__weather-legend--active {
  display: block;
}
.slider-neighborhoods__slider {
  transition: height 0.3s ease;
  padding: 0 2rem;
  overflow: auto;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1440px) {
  .slider-neighborhoods__slider {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .slider-neighborhoods__slider {
    padding: 0;
    justify-content: flex-start;
  }
}
.slider-neighborhoods__slider-container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
}
@media screen and (min-width: 1750px) {
  .slider-neighborhoods__slider-container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__slider-container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-neighborhoods__slider-container {
    padding: 0 1rem;
  }
}
.slider-neighborhoods__track {
  display: flex;
  position: relative;
  transition: transform 0.5s ease;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .slider-neighborhoods__track {
    margin-left: 8.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__track {
    margin-left: 0;
  }
}
.slider-neighborhoods__content-container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  height: 100%;
  flex-direction: column;
}
@media screen and (min-width: 1750px) {
  .slider-neighborhoods__content-container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__content-container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .slider-neighborhoods__content-container {
    padding: 0 1rem;
  }
}
.slider-neighborhoods__content-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s ease;
  background: linear-gradient(rgba(255, 255, 255, 0), white);
  z-index: 3;
  width: 100%;
  height: 5rem;
}
.slider-neighborhoods__content-wrapper {
  transition: opacity 0.5s ease;
  opacity: 0;
  height: 100%;
  pointer-events: none;
}
.slider-neighborhoods__content-wrapper--active {
  opacity: 1;
  pointer-events: auto;
}
.slider-neighborhoods__content::-webkit-scrollbar {
  display: none;
}
.slider-neighborhoods__content-container {
  height: 28.125rem;
  transition: height 0.5s ease;
}
.slider-neighborhoods__content-title {
  line-height: 1;
  margin: 0 0 1rem 0 !important;
}
.slider-neighborhoods__content-description {
  margin: 0 0 1rem 0 !important;
}
.slider-neighborhoods__content-link {
  display: inline-block;
  position: relative;
  transition: all 0.2s ease;
  border: 0.0625rem solid #AF5B5B !important;
  background: #AF5B5B !important;
  cursor: pointer;
  padding: 0.875rem 2rem 0.75rem;
  text-transform: lowercase;
  color: #fff !important;
}
@media not all and (pointer: coarse) {
  .slider-neighborhoods__content-link:hover {
    border-color: #963636 !important;
    background: #963636 !important;
    color: #fff !important;
  }
}
.slider-neighborhoods__content-icons {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.slider-neighborhoods__content-icon-container {
  flex: 1;
  margin: 2rem 2rem 0;
  max-width: 7.5rem;
  text-align: center;
}
@media screen and (min-width: 1750px) {
  .slider-neighborhoods__content-icon-container {
    max-width: 9.375rem;
  }
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__content-icon-container {
    width: calc(50% - 4rem);
  }
}
.slider-neighborhoods__content-icon-container:first-of-type {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .slider-neighborhoods__content-icon-container:first-of-type {
    margin-left: 2rem;
  }
}
.slider-neighborhoods__content-icon {
  margin-bottom: 0.5rem;
}
.slider-neighborhoods__content-icon-text {
  text-transform: uppercase;
}

.listings-single__features-see-more {
  display: none;
  text-align: center;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .listings-single__features-see-more {
    display: block;
  }
}
.listings-single__features-see-more-btn {
  position: relative;
  transition: color 0.2s ease;
  padding-bottom: 4px;
  cursor: pointer;
  color: #AF5B5B;
}
.listings-single__features-see-more-btn::after {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: background 0.2s ease;
  background: #AF5B5B;
  width: 100%;
  height: 2px;
  content: "";
}
@media not all and (pointer: coarse) {
  .listings-single__features-see-more-btn:hover {
    color: #963636;
    font-weight: 600;
  }
  .listings-single__features-see-more-btn:hover::after {
    background: #963636;
  }
}

.modal-video-link__video-modal {
  position: fixed;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  opacity: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.modal-video-link__video-modal--open {
  opacity: 1;
  pointer-events: all;
}
.modal-video-link__button {
  display: flex;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  transition: background 0.2s ease;
  background: #AF5B5B;
  cursor: pointer;
  padding: 0.875rem 2rem 0.75rem;
  text-transform: lowercase;
  color: #fff;
  max-width: 370px;
  justify-content: center;
  margin: auto;
}
.modal-video-link__video-tour {
  display: inline-block;
  position: relative;
  transition: background 0.2s ease;
  background: #AF5B5B;
  cursor: pointer;
  padding: 0.875rem 2rem 0.75rem;
  text-transform: lowercase;
  color: #fff;
  max-width: 370px;
  justify-content: center;
  margin: auto;
  color: #fff !important;
  text-decoration: underline;
  font-weight: 500;
  font-size: 0.875rem;
  border: 0.0625rem solid #AF5B5B !important;
}
@media not all and (pointer: coarse) {
  .modal-video-link__video-tour:hover {
    border-color: #963636 !important;
    background: #963636 !important;
    color: #fff !important;
  }
}
.modal-video-link__modal-overlay {
  background: rgba(0, 0, 0, 0.6);
}
.modal-video-link__modal-container {
  width: 70vw;
  height: 39.375vw;
}
@media screen and (max-width: 768px) {
  .modal-video-link__modal-container {
    width: 95vw;
    height: 53.4375vw;
  }
}
@media screen and (max-width: 480px) {
  .modal-video-link__modal-container {
    height: 60vw;
  }
}
.modal-video-link__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .modal-video-link__video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.modal-video-link__close-btn {
  position: absolute;
  top: -0.125rem;
  right: 0;
  transition: color 0.2s ease;
  background-color: transparent;
  border-style: none;
  z-index: 2;
  cursor: pointer;
  color: #fff;
}
@media not all and (pointer: coarse) {
  .modal-video-link__close-btn:hover {
    color: #828282;
  }
}
.modal-video-link__component-title {
  color: #fff;
}
.modal-video-link section {
  position: relative;
}

/* -------------------------------------------
 *  Neighborhoods Map Template Styles
 * ------------------------------------------- */
.map-neighborhoods {
  margin-bottom: 2rem;
}
.map-neighborhoods__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  max-width: 1146px;
  background: #F4F0F0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 1750px) {
  .map-neighborhoods__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .map-neighborhoods__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .map-neighborhoods__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .map-neighborhoods__container {
    max-width: calc(1528px - 64px);
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 880px) {
  .map-neighborhoods__container {
    padding: 1rem 2rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .map-neighborhoods__container {
    padding: 1rem 1rem;
  }
}
@media screen and (max-width: 600px) {
  .map-neighborhoods__container {
    padding-top: 1rem;
  }
}
.map-neighborhoods__column {
  padding: 0 calc(30px / 2);
  width: calc(6 / 12 * 100%);
  position: relative;
  min-height: 31.25rem;
}
@media screen and (min-width: 1750px) {
  .map-neighborhoods__column {
    height: 37.5rem;
  }
}
@media screen and (max-width: 900px) and (max-height: 480px) {
  .map-neighborhoods__column {
    width: 50% !important;
  }
}
@media screen and (max-width: 480px) {
  .map-neighborhoods__column {
    min-height: 37.5rem;
  }
}
@media screen and (max-width: 768px) {
  .map-neighborhoods__column {
    padding: 0;
    width: 100%;
  }
}
.map-neighborhoods__column--map {
  padding: 0 calc(30px / 2);
  width: calc(6 / 12 * 100%);
  height: 31.25rem;
  position: relative;
}
@media screen and (min-width: 1750px) {
  .map-neighborhoods__column--map {
    height: 37.5rem;
  }
}
@media screen and (max-width: 768px) {
  .map-neighborhoods__column--map {
    height: 90vw;
  }
}
@media screen and (max-width: 900px) and (max-height: 480px) {
  .map-neighborhoods__column--map {
    width: 50% !important;
  }
}
@media screen and (max-width: 768px) {
  .map-neighborhoods__column--map {
    padding: 0;
    width: 100%;
  }
}
.map-neighborhoods__column--map--zoom {
  display: none;
  overflow: hidden;
  width: 47%;
  height: 580px;
}
@media screen and (max-width: 1750px) {
  .map-neighborhoods__column--map--zoom {
    height: 450px;
  }
}
@media screen and (max-width: 1020px) {
  .map-neighborhoods__column--map--zoom {
    margin-top: 6vw;
    height: calc(100% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .map-neighborhoods__column--map--zoom {
    width: 100%;
    height: 580px;
  }
}
.map-neighborhoods__wrapper {
  overflow: scroll;
  height: calc(100% - 20px);
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Hide scrollbar for Chrome, Safari and Opera */
}
@media screen and (max-width: 1024px) {
  .map-neighborhoods__wrapper {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .map-neighborhoods__wrapper {
    padding-top: 0;
  }
}
.map-neighborhoods__wrapper::-webkit-scrollbar {
  display: none;
}
.map-neighborhoods__wrapper--zoom {
  transform: scale(7);
  transform-origin: 50% 50%;
}
.map-neighborhoods__tooltip {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease;
  opacity: 0;
  z-index: 5;
  border: 1px solid #000;
  background: #fff;
  padding: 0.5rem;
  width: 22.5rem;
  pointer-events: none;
}
@media screen and (max-width: 600px) {
  .map-neighborhoods__tooltip {
    width: 13.75rem;
  }
}
.map-neighborhoods__tooltip-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  width: 0.875rem;
  height: 0.875rem;
}
@media not all and (pointer: coarse) {
  .map-neighborhoods__tooltip-close:hover::before, .map-neighborhoods__tooltip-close:hover::after {
    opacity: 0.5;
  }
}
.map-neighborhoods__tooltip-close::before, .map-neighborhoods__tooltip-close::after {
  transform: translate(-50%, -50%) rotate(45deg);
  transition: opacity 0.2s ease;
  background: #232323;
  cursor: pointer;
  width: 100%;
  height: 2px;
  content: "";
}
.map-neighborhoods__tooltip-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.map-neighborhoods__tooltip-content {
  font-size: 1rem;
}
.map-neighborhoods__tooltip-title {
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.map-neighborhoods__tooltip-info:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.map-neighborhoods__icon {
  width: 100%;
  overflow: hidden;
  transition: transform 0.1s ease;
}
.map-neighborhoods__zoom {
  cursor: pointer;
  width: 2.625rem;
  height: 2.625rem;
  font-size: 1.5rem;
}
.map-neighborhoods__zoom-container {
  position: absolute;
  z-index: 999;
  right: 15px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.map-neighborhoods__citation {
  font-size: 0.875rem;
}
@media screen and (max-width: 370px) {
  .map-neighborhoods__citation {
    font-size: 0.75rem;
  }
}
.map-neighborhoods .map-neighborhoods__icon-neighborhood {
  transition: opacity 0.5s ease;
  transition: fill 0.5s ease;
  cursor: pointer !important;
}
.map-neighborhoods .map-neighborhoods__icon-neighborhood path, .map-neighborhoods .map-neighborhoods__icon-neighborhood polygon {
  transition: fill 0.2s ease;
}
.map-neighborhoods .map-neighborhoods__icon-neighborhood--deactive {
  opacity: 1;
}
.map-neighborhoods .map-neighborhoods__icon-neighborhood--active {
  opacity: 0.5;
}
.map-neighborhoods .map-neighborhoods__icon-neighborhood--active path, .map-neighborhoods .map-neighborhoods__icon-neighborhood--active polygon {
  stroke: white;
  stroke-width: 50px;
}
.map-neighborhoods .map-neighborhoods__icon-neighborhood--matched {
  cursor: pointer;
}
@media not all and (pointer: coarse) {
  .map-neighborhoods .map-neighborhoods__icon-neighborhood--matched:hover .b805b24c-8856-46da-a110-27049a7b5674, .map-neighborhoods .map-neighborhoods__icon-neighborhood--matched:hover .fce01033-cae7-4eca-a313-518e59be67b0 {
    fill: #963636;
  }
}
.map-neighborhoods .map-neighborhoods__icon-neighborhood--slug-active {
  opacity: 0.7;
  pointer-events: none;
}
.map-neighborhoods .map-neighborhoods__icon-neighborhood--slug-active .b805b24c-8856-46da-a110-27049a7b5674, .map-neighborhoods .map-neighborhoods__icon-neighborhood--slug-active .fce01033-cae7-4eca-a313-518e59be67b0 {
  fill: #232323;
}
@media not all and (pointer: coarse) {
  .map-neighborhoods .map-neighborhoods__icon-neighborhood--matched.map-neighborhoods__icon-neighborhood--deactive:hover {
    opacity: 0.5;
  }
}
.map-neighborhoods__img-zoom-lens {
  display: none;
  position: absolute;
  border: 3px solid #d4d4d4;
  width: 60px;
  height: 60px;
  pointer-events: none;
}

/* ----------------------------------------
 *  Blog Case Studies Carousel Styles
 * ---------------------------------------- */
.blog-case-studies__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  padding: 0;
  max-width: 1146px;
}
@media screen and (min-width: 1750px) {
  .blog-case-studies__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .blog-case-studies__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .blog-case-studies__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .blog-case-studies__container {
    max-width: calc(1528px - 64px);
  }
}
@media screen and (max-width: 1210px) {
  .blog-case-studies__container {
    width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 880px) {
  .blog-case-studies__container {
    max-width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 480px) {
  .blog-case-studies__container {
    width: calc(100% - 2rem);
    max-width: calc(100% - 2rem);
  }
}
.blog-case-studies__title {
  padding: 0 calc(30px / 2);
  width: calc(12 / 12 * 100%);
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .blog-case-studies__title {
    padding: 0;
    width: 100%;
  }
}
.blog-case-studies__text {
  padding: 0 calc(30px / 2);
  width: calc(5 / 12 * 100%);
  margin-left: calc(3.5 / 12 * 100%);
  margin-bottom: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .blog-case-studies__text {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .blog-case-studies__text {
    margin-left: 0;
  }
}
.blog-case-studies__slider {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  position: relative;
  height: 23.75rem;
}
@media screen and (max-width: 768px) {
  .blog-case-studies__slider {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .blog-case-studies__slider {
    margin-left: 0;
  }
}
@media screen and (min-width: 1750px) {
  .blog-case-studies__slider {
    height: 26.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .blog-case-studies__slider {
    height: 23.75rem;
  }
}
@media screen and (max-width: 768px) {
  .blog-case-studies__slider {
    height: 21.875rem;
  }
}
@media screen and (max-width: 480px) {
  .blog-case-studies__slider {
    height: 20rem;
  }
}
.blog-case-studies__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 0.3s ease;
  opacity: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.blog-case-studies__slide--active {
  opacity: 1;
  pointer-events: auto;
}
.blog-case-studies__slide--left {
  transform: translate(-50%, -50%);
  left: 25%;
  width: 50%;
  padding-right: 1.5rem;
}
.blog-case-studies__slide--right {
  transform: translate(-50%, -50%);
  left: 75%;
  width: 50%;
  padding-left: 1.5rem;
}
.blog-case-studies__slide--solo {
  transform: translate(-50%, -50%);
  left: 50%;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .blog-case-studies__slide--left, .blog-case-studies__slide--right, .blog-case-studies__slide--solo {
    left: 50%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.blog-case-studies__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
@media not all and (pointer: coarse) {
  .blog-case-studies__link:hover .blog-case-studies__image {
    transform: scale(1.015);
  }
}
.blog-case-studies__image {
  width: 100%;
  height: 75%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  .blog-case-studies__image {
    height: 70%;
  }
}
.blog-case-studies__slide-title {
  padding: 1rem 0;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .blog-case-studies__slide-title {
    padding: 0.75rem 0;
    font-size: 1rem;
  }
}
.blog-case-studies__prev, .blog-case-studies__next {
  position: absolute;
  top: 37.5%;
  transform: translateY(-50%);
  cursor: pointer;
}
.blog-case-studies__prev {
  left: -30px;
}
@media screen and (max-width: 768px) {
  .blog-case-studies__prev {
    left: -1rem;
  }
}
@media screen and (max-width: 480px) {
  .blog-case-studies__prev {
    left: -1rem;
  }
}
.blog-case-studies__next {
  right: -30px;
}
@media screen and (max-width: 768px) {
  .blog-case-studies__next {
    right: -1rem;
  }
}
@media screen and (max-width: 480px) {
  .blog-case-studies__next {
    right: -1rem;
  }
}
.blog-case-studies__icon {
  width: 1.25rem;
  height: 1.25rem;
}
@media screen and (max-width: 480px) {
  .blog-case-studies__icon {
    width: 1rem;
    height: 1rem;
  }
}
.blog-case-studies__icon--prev {
  transform: scale(-1);
}
.blog-case-studies__indicators {
  padding: 0 calc(30px / 2);
  width: calc(12 / 12 * 100%);
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .blog-case-studies__indicators {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .blog-case-studies__indicators {
    margin-top: 1rem;
  }
}
.blog-case-studies__dot {
  transition: background 0.3s ease;
  margin: auto 0.25rem;
  border: #232323 solid 1px;
  border-radius: 50%;
  cursor: pointer;
  width: 0.5rem;
  height: 0.5rem;
  pointer-events: all;
}
.blog-case-studies__dot--active {
  background: #232323;
}

/* -----------------------
 *  Buy Page Styles
 * ----------------------- */
/* -----------------------
 *  Buy Welcome Styles
 * ----------------------- */
.sell-welcome__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  max-width: 1146px;
}
@media screen and (min-width: 1750px) {
  .sell-welcome__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .sell-welcome__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .sell-welcome__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .sell-welcome__container {
    max-width: calc(1528px - 64px);
  }
}
@media screen and (max-width: 880px) {
  .sell-welcome__container {
    padding: 0 2rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .sell-welcome__container {
    padding: 0 1rem;
  }
}
.sell-welcome__column {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  padding: 0;
}
@media screen and (max-width: 768px) {
  .sell-welcome__column {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .sell-welcome__column {
    margin-left: 0;
  }
}
.sell-welcome__title {
  text-align: center;
}
.sell-welcome__text {
  margin-bottom: 4rem;
}
@media screen and (min-width: 1750px) {
  .sell-welcome__text {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .sell-welcome__text {
    margin-bottom: 2rem;
  }
}
.sell-welcome__video-container {
  position: relative;
  width: 100%;
  height: 33.75vw;
  cursor: pointer;
}
@media screen and (max-width: 1280px) {
  .sell-welcome__video-container {
    height: 42.1875vw;
  }
}
@media screen and (max-width: 480px) {
  .sell-welcome__video-container {
    height: 50vw;
  }
}
@media not all and (pointer: coarse) {
  .sell-welcome__video-container:hover .sell-welcome__icon {
    opacity: 0.7;
  }
}
.sell-welcome__thumbnail {
  transition: opacity 0.5s ease;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
  pointer-events: auto;
}
.sell-welcome__thumbnail--hidden {
  opacity: 0;
  pointer-events: none;
}
.sell-welcome__video {
  transition: opacity 0.5s ease;
  opacity: 0;
  pointer-events: none;
}
.sell-welcome__video--active {
  opacity: 1;
  pointer-events: auto;
}
.sell-welcome__play-btn {
  opacity: 1;
  z-index: 3;
  cursor: pointer;
  pointer-events: auto;
}
.sell-welcome__play-btn--hidden {
  opacity: 0;
  pointer-events: none;
}
.sell-welcome__icon {
  transition: opacity 0.2s ease;
  width: 3.75rem;
  height: 3.75rem;
  fill: #232323;
}

/* -----------------------
 *  Buy Testimonial video Styles
 * ----------------------- */
.buy-testimonial-video__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  max-width: 1146px;
}
@media screen and (min-width: 1750px) {
  .buy-testimonial-video__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .buy-testimonial-video__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .buy-testimonial-video__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .buy-testimonial-video__container {
    max-width: calc(1528px - 64px);
  }
}
@media screen and (max-width: 880px) {
  .buy-testimonial-video__container {
    padding: 0 2rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .buy-testimonial-video__container {
    padding: 0 1rem;
  }
}
.buy-testimonial-video__column {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  padding: 0;
}
@media screen and (max-width: 768px) {
  .buy-testimonial-video__column {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .buy-testimonial-video__column {
    margin-left: 0;
  }
}
.buy-testimonial-video__video-container {
  position: relative;
  width: 100%;
  height: 33.75vw;
  cursor: pointer;
}
@media screen and (max-width: 1280px) {
  .buy-testimonial-video__video-container {
    height: 42.1875vw;
  }
}
@media screen and (max-width: 480px) {
  .buy-testimonial-video__video-container {
    height: 50vw;
  }
}
@media not all and (pointer: coarse) {
  .buy-testimonial-video__video-container:hover .buy-testimonial-video__icon {
    opacity: 0.7;
  }
}
.buy-testimonial-video__thumbnail {
  transition: opacity 0.5s ease;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
  pointer-events: auto;
}
.buy-testimonial-video__thumbnail--hidden {
  opacity: 0;
  pointer-events: none;
}
.buy-testimonial-video__video {
  transition: opacity 0.5s ease;
  opacity: 0;
  pointer-events: none;
}
.buy-testimonial-video__video--active {
  opacity: 1;
  pointer-events: auto;
}
.buy-testimonial-video__play-btn {
  opacity: 1;
  z-index: 3;
  cursor: pointer;
  pointer-events: auto;
}
.buy-testimonial-video__play-btn--hidden {
  opacity: 0;
  pointer-events: none;
}
.buy-testimonial-video__icon {
  transition: opacity 0.2s ease;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  fill: #fff;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}

/* --------------------------
 *  Buy Neighborhood Styles
 * -------------------------- */
.sell-neighborhood__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  max-width: 1146px;
}
@media screen and (min-width: 1750px) {
  .sell-neighborhood__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .sell-neighborhood__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .sell-neighborhood__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .sell-neighborhood__container {
    max-width: calc(1528px - 64px);
  }
}
@media screen and (max-width: 880px) {
  .sell-neighborhood__container {
    padding: 0 2rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .sell-neighborhood__container {
    padding: 0 1rem;
  }
}
.sell-neighborhood__tooltip {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease;
  opacity: 0;
  z-index: 5;
  border: 1px solid #000;
  background: #fff;
  padding: 1rem 1.5rem 1rem 1rem;
  width: 22.5rem;
  pointer-events: none;
}
@media screen and (max-width: 600px) {
  .sell-neighborhood__tooltip {
    width: 13.75rem;
  }
}
.sell-neighborhood__tooltip-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  width: 0.875rem;
  height: 0.875rem;
}
@media not all and (pointer: coarse) {
  .sell-neighborhood__tooltip-close:hover::before, .sell-neighborhood__tooltip-close:hover::after {
    opacity: 0.5;
  }
}
.sell-neighborhood__tooltip-close::before, .sell-neighborhood__tooltip-close::after {
  transform: translate(-50%, -50%) rotate(45deg);
  transition: opacity 0.2s ease;
  background: #232323;
  cursor: pointer;
  width: 100%;
  height: 2px;
  content: "";
}
.sell-neighborhood__tooltip-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.sell-neighborhood__tooltip-content {
  font-size: 1rem;
}
.sell-neighborhood__tooltip-title {
  margin-bottom: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
}
.sell-neighborhood__tooltip-info {
  margin-bottom: 0.5rem;
}
.sell-neighborhood__tooltip-link {
  display: inline-block;
  position: relative;
  transition: opacity 0.2s ease;
  text-transform: lowercase;
  color: #AF5B5B;
  font-weight: 500;
}
@media screen and (max-width: 880px) {
  .sell-neighborhood__tooltip-link {
    margin: 0 0.5rem;
  }
}
@media not all and (pointer: coarse) {
  .sell-neighborhood__tooltip-link:hover {
    opacity: 0.7;
  }
  .sell-neighborhood__tooltip-link:hover:after {
    opacity: 0.7;
  }
}
.sell-neighborhood__tooltip-link:after {
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  transition: opacity 0.2s ease;
  background: #AF5B5B;
  width: 100%;
  height: 0.125rem;
  content: "";
}
.sell-neighborhood__background {
  background: #828282;
  z-index: -1;
  height: 35%;
}
.sell-neighborhood__title {
  width: 100%;
  text-align: center;
  color: #fff;
}
.sell-neighborhood__map-container {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  background: #F4F0F0;
}
@media screen and (max-width: 768px) {
  .sell-neighborhood__map-container {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .sell-neighborhood__map-container {
    margin-left: 0;
  }
}
.sell-neighborhood .map-neighborhoods__icon-neighborhood {
  transition: fill 0.5s ease;
}
.sell-neighborhood .map-neighborhoods__icon-neighborhood .b805b24c-8856-46da-a110-27049a7b5674, .sell-neighborhood .map-neighborhoods__icon-neighborhood .fce01033-cae7-4eca-a313-518e59be67b0 {
  fill: #C08384;
}
.sell-neighborhood .map-neighborhoods__icon-neighborhood--matched {
  cursor: pointer;
}
@media not all and (pointer: coarse) {
  .sell-neighborhood .map-neighborhoods__icon-neighborhood--matched:hover .b805b24c-8856-46da-a110-27049a7b5674, .sell-neighborhood .map-neighborhoods__icon-neighborhood--matched:hover .fce01033-cae7-4eca-a313-518e59be67b0 {
    fill: #963636;
  }
}
.sell-neighborhood .map-neighborhoods__icon-neighborhood--matched .b805b24c-8856-46da-a110-27049a7b5674, .sell-neighborhood .map-neighborhoods__icon-neighborhood--matched .fce01033-cae7-4eca-a313-518e59be67b0 {
  fill: #C08384;
}
.sell-neighborhood .map-neighborhoods__icon-neighborhood--active .b805b24c-8856-46da-a110-27049a7b5674, .sell-neighborhood .map-neighborhoods__icon-neighborhood--active .fce01033-cae7-4eca-a313-518e59be67b0 {
  fill: #963636;
}

/* --------------------------
 *  Buy - Rent vs Buy Styles
 * -------------------------- */
.buy-rent-vs-buy__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  max-width: 1146px;
}
@media screen and (min-width: 1750px) {
  .buy-rent-vs-buy__container {
    max-width: 1528px;
  }
}
@media screen and (max-width: 768px) {
  .buy-rent-vs-buy__container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .buy-rent-vs-buy__container {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1750px) {
  .buy-rent-vs-buy__container {
    max-width: calc(1528px - 64px);
  }
}
@media screen and (max-width: 880px) {
  .buy-rent-vs-buy__container {
    padding: 0 2rem;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .buy-rent-vs-buy__container {
    padding: 0 1rem;
  }
}
.buy-rent-vs-buy__column {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  padding: 0;
}
@media screen and (max-width: 768px) {
  .buy-rent-vs-buy__column {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .buy-rent-vs-buy__column {
    margin-left: 0;
  }
}
.buy-rent-vs-buy__title {
  margin-bottom: 1rem;
  text-align: center;
}
.sell-mortgage-calculator {
  width: 100%;
}
.buy-rent-vs-buy__caption {
  font-size: 0.875rem;
}

/* ------------------------------
 *  Buy Time To Talk CTA Styles
 * ------------------------------ */
/* ------------------------------
 *  Buy Off Market CTA Styles
 * ------------------------------ */


/* ---------------------------------------------------------------------------
 * Sections below were previously served from the Customizer's Additional CSS
 * (the buy_opening_* rules). They live here now so sell owns its own styles.
 * The buy-prefixed originals stay in Additional CSS for the buy page.
 * ------------------------------------------------------------------------- */

.sell_opening_sec_row {
    display: block !important;
    padding: 60px 30px 0px !important;
}

section.home-blog-case-studies.sell-blog {
    margin-top: 40px;
}

.sell-welcome__text.spacing-bottom {
    margin-bottom: 0px;
}

.sell-welcome.spacing-dec {
    padding-top: 0px;
    padding-bottom: 80px;
}

.sell_opening_sec{
    padding:40px 0 30px;
    background:#fff;

}

.sell_opening_sec_container{
    max-width: 1146px;
    margin:auto;

}

.sell-blog .blog-case-studies__title{margin-top:0;}

.sell-blog  .blog-case-studies{padding-top:0;}

@media screen and (min-width: 1750px) {
  .sell_opening_sec_container{
    max-width: calc(1528px + 30px);
    margin:auto;

}
}

.sell_opening_sec .our-performance__container{background:none;}

.sell_opening_seces_method .resources-links__container{border:0;}

.sell-welcome .resources-links__container{border:0;}

.sell_opening_sec_row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
    background:#F4F0F0;

    padding:60px 30px;
    margin-bottom:50px;
}

.sell_opening_sec_reverse{
    background: url(https://ruthkrishnan.com/wp-content/uploads/2021/07/hanger-bg-tall.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.sell_opening_sec_content{
    flex:1;
}

.sell_opening_sec_reverse{
	  flex:2;
}

.sell_opening_sec_image{
    flex:1;
}

.sell_opening_sec_image img{
    width:100%;

    display:block;
    object-fit:cover;
}

.sell_opening_sec_content h2{

    margin:0 0 25px;

}

.sell_opening_sec_content p{

    margin-bottom:18px;

}

.sell_opening_sec_quote{
    background:#232323 ;
   color:#fff;
    padding:25px;
    margin:35px 0;
 text-align: center;

}

.sell_opening_sec_quote span{
    display:block;
    margin-top:15px;
    font-weight:700;
;
    color:#fff;
}

.sell_opening_sec_guides{
    margin-top:35px;
}

.sell_opening_sec_guides h4{
    font-size:24px;
    margin-bottom:20px;
    color:#111;
}

.sell_opening_sec_guides ul{
    padding:0;
    margin:0;
    list-style:none;
}

.sell_opening_sec_guides li{
    position:relative;
    padding-left:28px;
    margin-bottom:15px;

}

.sell_opening_sec_guides li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#000;
    font-weight:bold;
}

.sell_opening_seces_method{
    background:#fff;
    padding:0 0 50px;
}

.sell_opening_seces_container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

.sell_opening_seces_grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;

}

.sell_opening_seces_content h2{
    margin-bottom:25px;
}

.sell_opening_seces_content p{
    margin-bottom:20px;
}

.sell_opening_seces_feature{
    background:#e7e7e7;
    padding:30px;

    margin-top:35px;
}

.sell_opening_seces_feature h4{
    margin-bottom:12px;
}

.sell_opening_seces_image img{
    width:100%;
    display:block;

}

.sell_opening_seces_testimonial{
    background:#232323;
    margin-top:26px;
    padding:45px;
 color: #fff;
    position:relative;
	text-align:center;
}

.sell_opening_seces_quote_icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.sell_opening_seces_testimonial blockquote{
    margin:0 0 25px 0;
}

.sell_opening_seces_heading{
   max-width: 1000px;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;


}

.sell_opening_seces_cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-bottom:40px;
}

.sell_opening_seces_card{

    padding: 35px;
    transition: .3s;
    color: #000;
    border-radius: 50px;
}

.sell_opening_seces_card:hover{
    transform:translateY(-6px);
}

.sell_opening_seces_number{
        width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-weight: 700;
    color: #fff;
}

.sell_opening_seces_heading p{margin-top:25px;}

.sell_opening_seces_card h3{
    margin-bottom:15px;
	line-height: 28px;
}

.sell_opening_seces_result{
    display:grid;width:100%;


    align-items:center;



	text-align:center;
}

.sell_opening_seces_result img{
    width:100%;
    display:block;
    border-radius:18px;
}

.sell_opening_seces_result_right h3{
    margin-bottom:20px;
}

.sell_opening_last{
    background:#e7e7e7;
    padding:70px 20px;
}

.sell_opening_last__wrapper{
   max-width: calc(1528px - 64px);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:60px;
}

.sell_opening_last__content{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.sell_opening_last__content p{
    margin:0;
}

.sell_opening_last__btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    width:max-content;
    background:#000;
    color:#fff;
    text-decoration:none;
    padding:16px 28px;
    border-radius:6px;
    transition:.3s ease;
}

.sell_opening_last__btn span{
    transition:.3s ease;
}

.sell_opening_last__btn:hover{
    background:#fff;
    color:#000;
    border:1px solid #000;
}

.sell_opening_last__btn:hover span{
    transform:translateX(5px);
}

.sell_opening_last__image{
    overflow:hidden;


}

.sell_opening_last__image img{
    width:100%;
    display:block;

    object-fit:cover;
}

.sell_opening_seces_bidding .our-performance__container {
  background: #232323;
  padding: 60px 0;
}

.sell_opening_seces_bidding .our-performance__container h2, .sell_opening_seces_bidding .our-performance__container p, .sell_opening_seces_bidding .our-performance__container h3{color:#fff;}

@media(max-width:1400px) {
  .sell_opening_sec_container, .sell_opening_last__wrapper{padding:0 50px;}
  .sell_opening_seces_card{padding: 35px 15px 35px 30px;}
}

@media(max-width:1279px) {
  .sell_opening_seces_card {
    padding: 35px 10px;
}
  .sell_opening_seces_heading{padding:0 30px;}
  .sell_opening_seces_card {
    padding: 35px 30px;
  }
  .sell_opening_seces_result{padding:0 30px;}
}

@media(max-width:991px) {
  .sell_opening_sec_row,
    .sell_opening_sec_reverse{
        flex-direction:column;
        padding:35px;
        gap:35px;
    }
  .sell_opening_sec_content h2{
        font-size:32px;
    }
  .sell_opening_seces_grid,
    .sell_opening_seces_result,
    .sell_opening_seces_cards{
        grid-template-columns:1fr;
    }
  .sell_opening_seces_method,
    .sell_opening_seces_bidding .sell_opening_sec_container{
        padding:60px 0;
    }
  .sell_opening_last__wrapper{
        grid-template-columns:1fr;
    }
  .sell_opening_last__image{
        order:-1;
    }
}

@media(max-width:767px) {
  .sell_opening_sec{
        padding:60px 0;
    }
  .sell_opening_sec_row{
        padding:25px;
    }
  .sell_opening_sec_content h2{
        font-size:28px;
    }
  .sell_opening_sec_highlight{
        font-size:18px;
    }
  .sell_opening_seces_testimonial{padding: 45px 10px;}
  .sell_opening_seces_testimonial blockquote{margin:0 0 25px 0;}
  .sell_opening_sec{padding-bottom:0;}
  .sell_opening_seces_method{padding-top:0;}
}

.sell_opening_seces_bidding { background: #fff}

.sell_opening_seces_bidding .sell_opening_sec_container { background: #f4f0f0; padding:60px 0;}

.sell_opening_sec .sell-blog .blog-case-studies__text {
  width: calc(10 / 12 * 100%);
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(30px / 2);
}

/* ---------------------------------------------------------------------------
 * STILL COUPLED TO BUY — .sell-neighborhood* (above) is emitted by
 * template-parts/sliders/slider-neighborhoods-buy-page.php and wired up by
 * buy.js. Renaming it needs a sell copy of both of those files.
 * ------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
 * Ported from sell.css: components the redesigned page reuses rather than
 * rebuilds -- the before/after slider, the Compass Concierge banner, the
 * commission breakdown, and the sales-price-to-list graphic. Shared selector
 * groups have been trimmed to just these families so nothing here re-declares
 * a rule the buy-derived CSS above already owns.
 * ------------------------------------------------------------------------- */

.before-after__slide {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sell-prices__background, .before-after__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sell-prices__btn, .before-after__btn {
  text-transform: lowercase;
  line-height: 1.15;
  letter-spacing: 0.01541875rem;
  font-size: 0.875rem;
}

@media screen and (min-width: 1750px) {
  .sell-prices__btn, .before-after__btn {
    font-size: 1rem;
  }
}

.sell-commission, .sell-prices, .before-after, .compass-program {
  padding: 2rem 0;
}

@media screen and (min-width: 1750px) {
  .sell-commission, .sell-prices, .before-after, .compass-program {
    padding: 2.5rem 0;
  }
}

@media screen and (max-width: 600px) {
  .sell-commission, .sell-prices, .before-after, .compass-program {
    padding: 1rem 0;
  }
}

.compass-program__text {
  padding: 2rem 0 4rem;
}

@media screen and (min-width: 1750px) {
  .compass-program__text {
    padding: 2.5rem 0 5rem;
  }
}

@media screen and (max-width: 600px) {
  .compass-program__text {
    padding: 1rem 0 2rem;
  }
}

.before-after__title {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 1750px) {
  .before-after__title {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
  }
}

@media screen and (max-width: 600px) {
  .before-after__title {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}

.before-after__indicators {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

@media screen and (min-width: 1750px) {
  .before-after__indicators {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
}

@media screen and (max-width: 600px) {
  .before-after__indicators {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}

.compass-program__text p:not(:last-of-type) {
  font-weight: 500;
  margin-bottom: 1rem;
}

.compass-program__text span {
  font-weight: 500;
}

.sell-commission__title, .sell-prices__title {
  line-height: 1.6;
  font-size: 1.25rem;
  font-weight: 700;
}

@media screen and (min-width: 1750px) {
  .sell-commission__title, .sell-prices__title {
    font-size: 1.375rem;
  }
}

.compass-program__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  background: #232323;
  padding: 0;
  max-width: 1146px;
  color: #fff;
}

@media screen and (min-width: 1750px) {
  .compass-program__container {
    max-width: 1528px;
  }
}

@media screen and (max-width: 768px) {
  .compass-program__container {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 480px) {
  .compass-program__container {
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1750px) {
  .compass-program__container {
    max-width: calc(1528px - 64px);
  }
}

@media screen and (max-width: 880px) {
  .compass-program__container {
    padding: 0 2rem;
    max-width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .compass-program__container {
    padding: 0 1rem;
  }
}

.compass-program__title {
  padding-top: 4rem;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 1750px) {
  .compass-program__title {
    padding-top: 5rem;
  }
}

@media screen and (max-width: 600px) {
  .compass-program__title {
    padding-top: 2rem;
  }
}

.compass-program__content {
  padding: 0 calc(30px / 2);
  width: calc(9 / 12 * 100%);
  margin-left: calc(2 / 12 * 100%);
}

@media screen and (max-width: 768px) {
  .compass-program__content {
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .compass-program__content {
    margin-left: 0;
  }
}

.compass-program__text {
  text-align: center;
}

.before-after__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  border: 2px solid #232323;
  padding: 0;
  max-width: 1146px;
}

@media screen and (min-width: 1750px) {
  .before-after__container {
    max-width: 1528px;
  }
}

@media screen and (max-width: 768px) {
  .before-after__container {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 480px) {
  .before-after__container {
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1750px) {
  .before-after__container {
    max-width: calc(1528px - 64px);
  }
}

@media screen and (max-width: 1210px) {
  .before-after__container {
    width: calc(100% - 4rem);
  }
}

@media screen and (max-width: 880px) {
  .before-after__container {
    max-width: calc(100% - 4rem);
  }
}

@media screen and (max-width: 480px) {
  .before-after__container {
    width: calc(100% - 2rem);
    max-width: calc(100% - 2rem);
  }
}

.before-after__background {
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

.before-after__title {
  padding: 0 calc(30px / 2);
  width: calc(12 / 12 * 100%);
  margin-bottom: 1rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .before-after__title {
    padding: 0;
    width: 100%;
  }
}

.before-after__text {
  padding: 0 calc(30px / 2);
  width: calc(6 / 12 * 100%);
  margin-left: calc(3 / 12 * 100%);
  margin-bottom: 2rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .before-after__text {
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .before-after__text {
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .before-after__text {
    margin-bottom: 1rem;
  }
}

.before-after__slider {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  position: relative;
  height: 19.375rem;
}

@media screen and (max-width: 768px) {
  .before-after__slider {
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .before-after__slider {
    margin-left: 0;
  }
}

@media screen and (min-width: 1750px) {
  .before-after__slider {
    height: 23.75rem;
  }
}

@media screen and (max-width: 1024px) {
  .before-after__slider {
    height: 75vw;
  }
}

@media screen and (max-width: 768px) {
  .before-after__slider {
    height: 85vw;
  }
}

.before-after__slide {
  display: flex;
  justify-content: space-between;
  transition: opacity 0.3s ease;
  opacity: 0;
  padding: 0 calc(30px / 2);
  width: calc(100% - 30px / 2);
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .before-after__slide {
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .before-after__slide {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .before-after__slide {
    width: 90%;
  }
}

@media screen and (max-width: 600px) {
  .before-after__slide {
    width: 100%;
  }
}

.before-after__slide--active {
  opacity: 1;
}

.before-after__image {
  width: calc(50% - 30px / 2);
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media screen and (max-width: 1024px) {
  .before-after__image {
    width: 100%;
    height: calc(50% - 0.5rem);
  }
}

.before-after__prev, .before-after__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.before-after__prev {
  left: -30px;
}

@media screen and (max-width: 768px) {
  .before-after__prev {
    left: -1rem;
  }
}

@media screen and (max-width: 480px) {
  .before-after__prev {
    left: -0.5rem;
  }
}

.before-after__next {
  right: -30px;
}

@media screen and (max-width: 768px) {
  .before-after__next {
    right: -1rem;
  }
}

@media screen and (max-width: 480px) {
  .before-after__next {
    right: -0.5rem;
  }
}

.before-after__icon {
  width: 1.25rem;
  height: 1.25rem;
}

@media screen and (max-width: 480px) {
  .before-after__icon {
    width: 1rem;
    height: 1rem;
  }
}

.before-after__icon--prev {
  transform: scale(-1);
}

.before-after__link {
  padding: 0 calc(30px / 2);
  width: calc(6 / 12 * 100%);
  margin: 2rem auto 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .before-after__link {
    padding: 0;
    width: 100%;
  }
}

@media screen and (min-width: 1750px) {
  .before-after__link {
    margin: 2.5rem auto 0;
  }
}

@media screen and (max-width: 600px) {
  .before-after__link {
    margin: 1rem auto 0;
  }
}

.before-after__btn {
  display: inline-block;
  position: relative;
  transition: color 0.2s ease, text-stroke 0.2s ease;
  text-transform: lowercase;
  color: #AF5B5B;
  font-weight: 500;
}

@media screen and (max-width: 880px) {
  .before-after__btn {
    margin: 0 0.5rem;
  }
}

@media not all and (pointer: coarse) {
  .before-after__btn:hover {
    color: #963636;
    -webkit-text-stroke: 0.03125rem;
  }
  .before-after__btn:hover:after {
    transform: scaleY(1.2);
  }
}

.before-after__btn:after {
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  transition: transform 0.2s ease;
  background: #AF5B5B;
  width: 100%;
  height: 0.125rem;
  content: "";
}

.before-after__indicators {
  padding: 0 calc(30px / 2);
  width: calc(12 / 12 * 100%);
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .before-after__indicators {
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .before-after__indicators {
    margin-top: 2rem;
  }
}

.before-after__dot {
  transition: background 0.3s ease;
  margin: auto 0.25rem;
  border: #232323 solid 1px;
  border-radius: 50%;
  cursor: pointer;
  width: 0.5rem;
  height: 0.5rem;
  pointer-events: all;
}

.before-after__dot--active {
  background: #232323;
}

.sell-prices__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  max-width: 1146px;
}

@media screen and (min-width: 1750px) {
  .sell-prices__container {
    max-width: 1528px;
  }
}

@media screen and (max-width: 768px) {
  .sell-prices__container {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 480px) {
  .sell-prices__container {
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1750px) {
  .sell-prices__container {
    max-width: calc(1528px - 60px);
  }
}

.sell-prices__column {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 2px solid #232323;
  padding: 4rem 0;
}

@media screen and (max-width: 768px) {
  .sell-prices__column {
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sell-prices__column {
    margin-left: 0;
  }
}

@media screen and (min-width: 1750px) {
  .sell-prices__column {
    padding: 5rem 0;
  }
}

@media screen and (max-width: 768px) {
  .sell-prices__column {
    padding: 4rem 0;
  }
}

@media screen and (max-width: 600px) {
  .sell-prices__column {
    padding: 2rem 0;
  }
}

.sell-prices__background {
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

.sell-prices__content {
  padding: 0 calc(30px / 2);
  width: 40%;
}

@media screen and (max-width: 880px) {
  .sell-prices__content {
    margin-bottom: 2rem;
    width: 100%;
    padding: 0 2rem;
  }
}

@media screen and (max-width: 600px) {
  .sell-prices__content {
    padding: 0 1rem;
  }
}

.sell-prices__title {
  margin-bottom: 1rem;
}

@media screen and (max-width: 880px) {
  .sell-prices__title {
    text-align: center;
  }
}

.sell-prices__text {
  margin-bottom: 1rem;
}

.sell-prices__links {
  display: flex;
}

@media screen and (max-width: 880px) {
  .sell-prices__links {
    justify-content: center;
  }
}

.sell-prices__btn {
  display: inline-block;
  position: relative;
  transition: color 0.2s ease, text-stroke 0.2s ease;
  text-transform: lowercase;
  color: #AF5B5B;
  font-weight: 500;
}

@media screen and (max-width: 880px) {
  .sell-prices__btn {
    margin: 0 0.5rem;
  }
}

@media not all and (pointer: coarse) {
  .sell-prices__btn:hover {
    color: #963636;
    -webkit-text-stroke: 0.03125rem;
  }
  .sell-prices__btn:hover:after {
    transform: scaleY(1.2);
  }
}

.sell-prices__btn:after {
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  transition: transform 0.2s ease;
  background: #AF5B5B;
  width: 100%;
  height: 0.125rem;
  content: "";
}

.sell-prices__btn:not(:first-of-type) {
  margin-left: 1rem;
}

.sell-prices__image {
  padding: 0 calc(30px / 2);
  width: 40%;
  height: auto;
}

@media screen and (max-width: 880px) {
  .sell-prices__image {
    padding: 0 2rem;
    width: 75%;
  }
}

@media screen and (max-width: 600px) {
  .sell-prices__image {
    padding: 0 1rem;
    width: 100%;
  }
}

.sell-commission__container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 calc(64px / 2 - 15px);
  width: 100%;
  max-width: calc(1146px + 64px);
  max-width: 1146px;
}

@media screen and (min-width: 1750px) {
  .sell-commission__container {
    max-width: 1528px;
  }
}

@media screen and (max-width: 768px) {
  .sell-commission__container {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 480px) {
  .sell-commission__container {
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1750px) {
  .sell-commission__container {
    max-width: calc(1528px - 60px);
  }
}

.sell-commission__column {
  padding: 0 calc(30px / 2);
  width: calc(10 / 12 * 100%);
  margin-left: calc(1 / 12 * 100%);
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #F4F0F0;
  padding: 4rem 0;
}

@media screen and (max-width: 768px) {
  .sell-commission__column {
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sell-commission__column {
    margin-left: 0;
  }
}

@media screen and (min-width: 1750px) {
  .sell-commission__column {
    padding: 5rem 0;
  }
}

@media screen and (max-width: 768px) {
  .sell-commission__column {
    padding: 4rem 0;
  }
}

@media screen and (max-width: 600px) {
  .sell-commission__column {
    padding: 2rem 0;
  }
}

.sell-commission__title {
  margin-bottom: 1rem;
}

.sell-commission__text {
  margin-bottom: 1.5rem;
  padding: 0 calc(30px / 2);
  width: 80%;
}

@media screen and (max-width: 880px) {
  .sell-commission__text {
    padding: 0 2rem;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .sell-commission__text {
    padding: 0 1rem;
  }
}

.sell-commission__images {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
}

@media screen and (max-width: 880px) {
  .sell-commission__images {
    flex-direction: column;
    align-items: center;
  }
}

.sell-commission__image {
  padding: 0 calc(30px / 2);
  width: 50%;
  height: 50%;
}

@media screen and (max-width: 880px) {
  .sell-commission__image {
    padding: 0 1rem;
    width: 75%;
    height: 75%;
  }
}

@media screen and (max-width: 600px) {
  .sell-commission__image {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 880px) {
  .sell-commission__image:not(:first-of-type) {
    padding-top: 1rem;
  }
}

/* ---------------------------------------------------------------------------
 * New sections introduced by the redesign. Styled to sit inside the existing
 * buy-page vocabulary rather than introduce a new one: the timeline reuses the
 * dark process-steps block, the note-on-fit reuses the light opening row.
 * ------------------------------------------------------------------------- */

/* Sub-heading under an about-faq title. Replaces the inline style the buy
   template carried on this paragraph. */
.about-faq__sub-heading {
  margin-left: calc(2.2 / 12 * 100%);
  margin-bottom: 25px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .about-faq__sub-heading {
    margin-left: 0;
  }
}

/* Button wrapper in the welcome intro. */
.ex-sell {
  margin-top: 1.5rem;
}

/* Timeline variant of process-steps: same dark block as the method list, with
   a qualifier ("Zoom, 60 minutes", "2-6 weeks") allowed on each step title. */
.process-steps--timeline .process-steps__list-number {
  opacity: 0.65;
}

.process-steps__list-meta {
  display: block;
  margin-top: 0.35rem;
  opacity: 0.7;
  color: #E9E8E8;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}

@media screen and (min-width: 1750px) {
  .process-steps__list-meta {
    font-size: 1rem;
  }
}

/* "A note on fit" -- a quieter beat between the two numbered lists, so the page
   does not run two dark blocks together. */
.sell_opening_sec--fit {
  padding-top: 0;
  padding-bottom: 0;
}

.sell_opening_sec--fit .sell_opening_sec_row {
  margin-bottom: 0;
  background: #fff;
}

.sell_opening_sec--fit .sell_opening_sec_content h2 {
  margin-bottom: 20px;
}


/* ---------------------------------------------------------------------------
 * Hero video, ported from sell.css. A native autoplaying <video> behind a
 * gradient overlay -- no JS, unlike the click-to-play .sell-welcome__video
 * block further down. Markup comes from the hero template part.
 * ------------------------------------------------------------------------- */

.home-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

@media screen and (max-width: 1024px) and (min-height: 1366px) {
  .home-hero {
    height: 56.25vw;
  }
}

@media screen and (max-width: 768px) {
  .home-hero {
    height: 70vw;
  }
}

@media screen and (max-width: 600px) {
  .home-hero {
    height: 33vh;
  }
}

.home-hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* Missed by the original port: sell.css guards this inside @supports, and my
   extractor only kept @media blocks. Without it the video keeps its intrinsic
   aspect height inside a vh-sized hero, leaving a gap below it on desktop. */
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .home-hero__video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.home-hero__overlay {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.125) 24%, rgba(0, 0, 0, 0.05) 99%);
}

/* ---------------------------------------------------------------------------
 * The intro heading is the page's H1 for semantics and SEO, but global.css
 * styles h1 as a short display headline -- 3.5rem, uppercase, weight 800. This
 * heading is a full sentence, so at that size it overflows the viewport on
 * mobile. Restore the h2 scale it was designed against; the tag stays h1.
 * Values mirror global.css's h2, including its 1750px breakpoint.
 * ------------------------------------------------------------------------- */
.sell-welcome__title {
  line-height: 1.28;
  letter-spacing: normal;
  font-size: 1.5625rem;
  font-weight: 500;
  text-transform: none;
}

@media screen and (min-width: 1750px) {
  .sell-welcome__title {
    font-size: 1.6875rem;
  }
}

/* ---------------------------------------------------------------------------
 * Before/After controls. The ported sell.css styles these as <div>s; this
 * template uses <button> for keyboard access, so the UA chrome (border, grey
 * background, padding) has to come off or the arrows render as grey boxes and
 * the dots as squares.
 * ------------------------------------------------------------------------- */
.before-after__prev,
.before-after__next {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  color: inherit;
  line-height: 0;
}

.before-after__dot {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  font: inherit;
}

/* Scoped with :not() so it outranks the base .before-after__dot rule without
   beating .before-after__dot--active, which supplies the filled state. */
.before-after__dot:not(.before-after__dot--active) {
  background: none;
}

/* ---------------------------------------------------------------------------
 * CURRENTLY UNUSED -- the pricing links were reverted to the checkmark list
 * (.sell_opening_sec_guides) pending the client review. Kept so switching them
 * back to buttons is a template change only.
 * ------------------------------------------------------------------------- */
.sell_opening_sec_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

@media screen and (max-width: 600px) {
  .sell_opening_sec_actions {
    gap: 0.75rem;
    margin-top: 1.5rem;
  }

  .sell_opening_sec_actions .cta-text-btn__btn {
    flex: 1 1 100%;
    text-align: center;
  }
}

/* ---------------------------------------------------------------------------
 * Commission copy is two paragraphs; sell.css never gave .sell-commission__text
 * a paragraph rhythm, so they ran together. Matches the spacing the equivalent
 * blocks elsewhere on the page use.
 * ------------------------------------------------------------------------- */
.sell-commission__text p:not(:last-of-type) {
  margin-bottom: 1rem;
}

/* ---------------------------------------------------------------------------
 * The ported rule sets `padding: 60px 30px 0px !important`, so every opening
 * row has zero bottom padding and its last element sits flush on the panel
 * edge. Needs !important to outrank that shorthand.
 * ------------------------------------------------------------------------- */
.sell_opening_sec_row {
  padding-bottom: 60px !important;
}

@media screen and (max-width: 767px) {
  .sell_opening_sec_row {
    padding-bottom: 40px !important;
  }
}

/* ---------------------------------------------------------------------------
 * Lets the intro heading break onto a second line at a chosen point, using the
 * same <span>-as-block convention the theme already uses for
 * .process-steps__title and .cta-text-btn__title.
 * ------------------------------------------------------------------------- */
.sell-welcome__title span {
  display: block;
}

/* ---------------------------------------------------------------------------
 * Concierge banner: centre the copy in the black panel both ways.
 *
 * The ported rule gives .compass-program__content `width: 9/12` with
 * `margin-left: 2/12`, leaving only 1/12 on the right -- so the paragraph sat
 * ~4% of the panel width right of centre while the heading (width:100%,
 * text-align:center) looked correct. Auto margins centre it honestly.
 * Vertical centring comes from matching the title's top padding to the text's
 * bottom padding at every breakpoint.
 * ------------------------------------------------------------------------- */
.compass-program__container {
  align-items: center;
  justify-content: center;
}

.compass-program__content {
  margin-left: auto;
  margin-right: auto;
}

.compass-program__title {
  padding-top: 4rem;
}

.compass-program__text {
  padding: 1.5rem 0 4rem;
}

@media screen and (min-width: 1750px) {
  .compass-program__title {
    padding-top: 5rem;
  }
  .compass-program__text {
    padding: 1.5rem 0 5rem;
  }
}

@media screen and (max-width: 600px) {
  .compass-program__title {
    padding-top: 2rem;
  }
  .compass-program__text {
    padding: 1rem 0 2rem;
  }
}

/* ---------------------------------------------------------------------------
 * Give Us The Keys sat ~32px clear of its neighbours where the rest of the page
 * runs 64-70px between sections. Two causes: Additional CSS zeroes its top
 * margin (.careers-who.method-seection { margin-top: 0 !important }), and the
 * video block below it has padding-top: 0.
 *
 * The .sell-service class exists purely to outrank that Additional CSS rule --
 * it loads after this file, so an equal-specificity !important would lose.
 * Values track the 2rem / 2.5rem / 1rem rhythm the other sections use.
 * ------------------------------------------------------------------------- */
.careers-who.method-seection.sell-service {
  margin-top: 2rem !important;
  margin-bottom: 4rem;
}

@media screen and (min-width: 1750px) {
  .careers-who.method-seection.sell-service {
    margin-top: 2.5rem !important;
    margin-bottom: 5rem;
  }
}

@media screen and (max-width: 600px) {
  .careers-who.method-seection.sell-service {
    margin-top: 1rem !important;
    margin-bottom: 2rem;
  }
}

/* ---------------------------------------------------------------------------
 * The intro copy now carries a second heading inside the wysiwyg field ("Why
 * Does the #1 Buyer's Agent Make a Better Listing Agent?"). Centre it to match
 * the H1 above it, and give it air on both sides -- a heading dropped mid-flow
 * inherits only the paragraph rhythm otherwise.
 * ------------------------------------------------------------------------- */
.sell-welcome__text h2 {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .sell-welcome__text h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}

/* ==========================================================================
   Mobile section rhythm
   Levels the whitespace between every section to ~64px at <= 768px.
   Verified by pixel measurement at 360 / 393 / 480 / 600px: all 14 section
   boundaries land between 60px and 65px (was 0px - 141px).
   ========================================================================== */
@media screen and (max-width: 768px) {
  /* Hero -> Intro -> Method */
  .sell-welcome:not(.spacing-dec) {
    padding-top: 60px !important;
    padding-bottom: 30px !important;
  }
  .process-steps--detailed:not(.process-steps--timeline) {
    padding-top: 30px !important;
    padding-bottom: 4px !important;
  }

  /* Case studies carousel -> Compass Concierge */
  .home-blog-case-studies .blog-case-studies {
    padding-bottom: 48px !important;
  }

  /* Concierge -> Give Us The Keys -> Video.
     The `body` prefix is required: another rule sets margin-top: 1rem !important
     on the same three-class selector later in the cascade. */
  body .careers-who.method-seection.sell-service {
    margin-top: 48px !important;
    margin-bottom: 64px !important;
  }

  /* Video -> Negotiation (was 141px) */
  .sell-welcome.spacing-dec {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Negotiation -> FAQ, and A note on fit -> How the team works.
     :only-child matches the Negotiation and Fit sections, which each hold a
     single row. The Pricing section has three children, so it is untouched. */
  .sell_opening_sec > .our-performance__container > .sell_opening_sec_row:only-child {
    margin-bottom: 0 !important;
  }

  /* FAQ -> A note on fit (was 128px). The grey panel is .about-faq__container,
     so .about-faq's own padding paints as white space beneath it. */
  .about-faq {
    padding-bottom: 0 !important;
  }
  .sell_opening_sec--fit .sell_opening_sec_row {
    padding-bottom: 24px !important;
  }

  /* Timeline -> Commission -> Testimonials -> CTA -> Stay in touch */
  .process-steps--timeline {
    padding-bottom: 48px !important;
  }
  .sell-commission {
    padding-bottom: 32px !important;
  }
  .testimonials-section {
    padding-bottom: 44px !important;
  }
  .sell-schedule-talk {
    padding-bottom: 64px !important;
  }

  /* Commission heading centred on mobile; body copy stays left-aligned */
  .sell-commission__title {
    text-align: center !important;
  }
}