html {
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     font-family: sans-serif;
   }

   a {
     background-color: #0000;
   }

   a:active,
   a:hover {
     outline: 0;
   }

   img {
     border: 0;
   }

   * {
     box-sizing: border-box;
   }

   html {
     height: 100%;
   }

   img {
     vertical-align: middle;
     max-width: 100%;
     display: inline-block;
   }

   .w-inline-block {
     max-width: 100%;
     display: inline-block;
   }

   @keyframes spin {
     0% {
       transform: rotate(0);
     }

     100% {
       transform: rotate(360deg);
     }
   }


   a {
     color: #000;
     text-decoration: none;
   }

   .image-fit {
     object-fit: cover;
     border-style: none;
     border-width: 0;
     width: 100%;
     height: 100%;
   }

   .blur-box-in-listing-box {
     z-index: 5;
     backdrop-filter: blur(20px);
     color: #fff;
     background: rgba(0, 0, 0, 0.55);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: .6em .75em 1em;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
   }
   svg:not(:root) {
     overflow: hidden;
     height: 1.5em;
     width: 1.5em;
   }
   .listing-box-price {
     font-size: .85em;
     font-weight: 700;
     line-height: 100%;
   }

   .listing-slider-wrapper-all-listing {
     padding-left: 4.16667vw;
     padding-right: 4.16667vw;
   }

   @media screen and (min-width: 1440px) {

     .fit-size-absolute {
       z-index: 2;
     }
   }

   @media screen and (max-width: 767px) {

     .image-fit {
       box-sizing: border-box;
     }

     .blur-box-in-listing-box {
       grid-column-gap: .8em;
       grid-row-gap: .8em;
       height: auto;
       padding: 1.98em 1.98em 2.2em;
     }

     .listing-box-bottom-line-left {
       grid-column-gap: .8em;
       grid-row-gap: .8em;
     }

     .listing-box-price {
       font-size: 2.2em;
     }

     .listing-box-top {
       z-index: 3;
       padding: 1.1em;
     }

     .listing-tag {
       width: 8.25em;
       height: 3.85em;
     }

     .listing-tag-title {
       font-size: 1.32em;
     }

     .listing-hero-box-all-listing {
       border-radius: .5em;
       width: 38.5em;
       height: 38.5em;
     }
        svg:not(:root) {
     overflow: hidden;
     height: 1em;
     width: 1em;
   }

   }

   img {
     border: 0;
   }

   hr {
     box-sizing: content-box;
     height: 0;
   }

   button,
   input {
     color: inherit;
     font: inherit;
     margin: 0;
   }

   button {
     overflow: visible;
   }

   button {
     text-transform: none;
   }

   button,
   html input[type="button"] {
     -webkit-appearance: button;
     cursor: pointer;
   }

   button::-moz-focus-inner,
   input::-moz-focus-inner {
     border: 0;
     padding: 0;
   }

   input {
     line-height: normal;
   }

   input[type="checkbox"] {
     box-sizing: border-box;
     padding: 0;
   }

   * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Hanken Grotesk', sans-serif;
   }

   body {
     color: #000;
     background-color: #fff;
     margin-top: 0;
     padding-top: 0;
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 2.04vw;
     font-weight: 400;
     line-height: 140%;
   }

   a {
     text-decoration: none;
   }

   img {
     vertical-align: middle;
     max-width: 100%;
     display: inline-block;
   }

   /* HERO */
   /*.hero {
  height: 417px;
  background: url("../images/4347fdacb4268e11949436533905e6960e8afbc8") center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.hero h1 {
  font-size: 50px;
}
*/

   .landing-hero {
     text-align: center;
     flex-flow: column;
     width: 100%;
     padding-top: 6.5em;
     display: flex;
     position: relative;
     height: 100vh;
     padding-bottom: 6.5em;
   }

   /* SLIDER */
   .hero-slider {
     position: absolute;
     inset: 0;
   }

   .slide {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     opacity: 0;
     transition: opacity 1s ease;
   }

   .slide.active {
     opacity: 1;
   }

   /* OVERLAY */
   .hero-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.35);
   }

   .page-content {
     z-index: 2;
     background-color: #fff;
     min-height: 100vh;
     padding-top: 0;
     padding-bottom: 0;
     padding-right: 0;
     position: relative;
   }

   /* CONTEÚDO */
   .hero-content {
     position: relative;
     z-index: 2;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 60px;
     align-items: center;
     color: #fff;
     text-align: center;
   }

   .hero-content h1 {
     font-size: 2.3em;
     font-weight: 700;
     line-height: 110%;
   }

   /* TÍTULO */

   /* FILTROS */
   .listing-wrapper {
     padding-bottom: 1.5em;
     padding-left: 4.16667vw;
     padding-right: 4.16667vw;
     position: relative;
   }

   .listing-slider-head-line {
     justify-content: center;
     align-items: center;
     display: flex;
   }

   .filter-wrapper {
     grid-column-gap: .45em;
     grid-row-gap: .45em;
     justify-content: flex-start;
     align-items: center;
     display: flex;
   }

   /* BOTÕES (pill) */
   .dropdown-toggle {
     background: #fff;
     color: #000;
     padding: 1em 1em;
     border-radius: 30px;
     font-size: .5em;
     cursor: pointer;
     display: flex;
     align-items: center;
     gap: 6px;
     border: none;
     line-height: 140%;
   }

   /* DROPDOWN */
   .button-dropdown {
     position: relative;
   }

   .dropdown-menu {
     position: absolute;
     top: 110%;
     left: 0;
     background: #fff;
     border-radius: 10px;
     padding: 15px;
     display: none;
     min-width: 250px;
     color: #383434;
     box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.25);
     z-index: 2;
   }

   .button-dropdown.active .dropdown-menu {
     display: block;
   }

   .dropdown-toggle .icon-filters.active i {
     transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) skew(0deg, 0deg);
     transition: 0.3s;
   }

   /* ITENS */
   .check-item {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 10px;
     cursor: pointer;
     font-size: .4em;
     line-height: 2;
   }

   /* CHECK CUSTOM */
   .check-item input {
     display: none;
   }

   .check-item span {
     width: 14px;
     height: 14px;
     border-radius: 50%;
     border: 2px solid #ccc;
     transition: 0.2s;
   }

   .check-item input:checked+span {
     background: #dedeaa;
   }

   /* INPUT */
   .filter-options input[type="text"] {
     width: 100%;
     padding: 10px;
     border-radius: 8px;
     border: none;
     box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.25);

   }

   /* SEARCH WRAPPER */
   .search-wrapper {
     display: flex;
     gap: 8px;
     margin-bottom: 10px;
   }

   .search-input {
     flex: 1;
     padding: 8px 12px;
     border-radius: 6px;
     border: none;
     font-size: 13px;
   }

   .location-options-list {
     max-height: 260px;
     overflow-y: auto;
     padding-right: 8px;
   }

   .location-options-list::-webkit-scrollbar {
     width: 8px;
   }

   .location-options-list::-webkit-scrollbar-track {
     background: #211f1f;
     border-color: #2f3400 solid 1px;
     border-radius: 4px;
   }

   .location-options-list::-webkit-scrollbar-thumb {
     border-radius: 4px;
     box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.25);

   }

   .location-options-list::-webkit-scrollbar-thumb:hover {
     background: #dedeaa;
   }

   .location-options-list::-webkit-scrollbar {
     width: 8px;
   }

   .location-options-list::-webkit-scrollbar-thumb {
     background: rgba(255, 255, 255, 0.25);
     border-radius: 999px;
   }

   .location-group {
     margin-bottom: 10px;
   }

   .location-group:last-child {
     margin-bottom: 0;
   }


   .listing-input-wrapper {
     width: 14em;
     height: 3.4em;
     position: relative;
     background: #fff;
     color: #000;
     padding: .5em .5em;
     border-radius: 30px;
     font-size: .5em;
     cursor: pointer;
     display: flex;
     align-items: center;
     gap: 6px;
     border: none;
     line-height: 140%;
   }

   .listing-input-filter {
     box-sizing: border-box;
     width: calc(100% - 3.8em);
     margin-top: auto;
     margin-bottom: auto;
     display: flex;
     position: absolute;
     top: .175em;
     bottom: .175em;
     border-radius: 30px;
     /* right: -1.825em; */
     overflow: hidden;
   }

   .search-icon-btn {
     position: absolute;
     right: .5em;
     top: 50%;
     transform: translateY(-50%);

     width: 2.6em;
     height: 2.6em;

     border: none;
     border-radius: 50%;

     background: #dedeaa;
     color: #000;

     display: flex;
     align-items: center;
     justify-content: center;

     cursor: pointer;

     transition: .2s ease;
   }

   .search-icon-btn:hover {
     transform: translateY(-50%) scale(1.05);
   }

   .search-icon-btn i {
     font-size: 1.2em;
   }




   .filter-wrapper li {
     list-style-type: none;
   }

   /* FILTER GROUP TITLE */
   .filter-group-title {
     font-size: .5em;
     margin: 10px 0 6px;
     color: #383434;
     font-weight: 600;
     text-align: start;
   }

   /* SELECTED TAGS */
   .selected-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
     margin-bottom: 10px;
   }

   /* PRICE RANGE */
   .price-range {
     padding: 15px 0;
   }

   .range-values {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
     font-size: 12px;
   }

   .range-slider {
     position: relative;
     display: flex;
     align-items: center;
     margin-top: 10px;
   }

   .range-slider .slider-track {
     position: absolute;
     width: 100%;
     height: 3px;
     background: #555;
     border-radius: 2px;
     z-index: 0;
   }

   .range-slider input[type="range"] {
     position: relative;
     width: 100%;
     height: 6px;
     z-index: 5;
     appearance: none;
     background: none;
     pointer-events: none;
   }

   .range-slider input[type="range"]::-webkit-slider-thumb {
     appearance: none;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: #dedeaa;
     cursor: pointer;
     pointer-events: auto;
     border: none;
   }

   .range-slider input[type="range"]::-moz-range-thumb {
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: #dedeaa;
     cursor: pointer;
     pointer-events: auto;
     border: none;
   }

   /* RESPONSIVO */
   @media screen and (max-width:768px) {

     .dropdown-toggle {
       padding: 10px 16px;
       font-size: 13px;
     }

     .dropdown-menu {
       min-width: 200px;
       padding: 12px;
     }

     .filter-wrapper {
       display: none;
     }

     .hero-content h1 {
       font-size: 4.3em;
       font-weight: 700;
       line-height: 110%;
     }

     .hero-content {
       position: relative;
       z-index: 2;
       height: 100%;
       display: flex;
       flex-direction: column-reverse;
       justify-content: center;
       gap: 0px;
       align-items: center;
       color: #fff;
     }
   }

   @media (max-width: 1024px) and (min-width: 769px) {

     .dropdown-toggle {
       padding: 11px 17px;
       font-size: 13px;
     }

     .dropdown-menu {
       min-width: 220px;
       padding: 14px;
     }
   }

   /* DOTS */
   .hero-dots {
     position: absolute;
     bottom: 20px;
     width: 100%;
     display: flex;
     justify-content: center;
     gap: 10px;
     z-index: 1;
   }

   .dot {
     width: 10px;
     height: 10px;
     background: #ffffff88;
     border-radius: 50%;
     cursor: pointer;
   }

   .dot.active {
     background: #c7c47a;
   }

   /* RESPONSIVO */

   @media screen and (max-width:480px) {

     .dropdown-toggle {
       padding: 8px 14px;
       font-size: 12px;
       min-width: 120px;
       justify-content: center;
     }

     .dropdown-menu {
       min-width: 180px;
       padding: 10px;
       top: 45px;
     }

     .check-item {
       margin-bottom: 8px;
       font-size: 13px;
     }
   }

   /* SECTION IMOVEIS */

   .section {
     color: #8c8c8c;
     min-height: 100vh;
     padding: 5em 8.33%;
     position: relative;
     overflow: hidden;
   }

   .view-all-btn-content {
     grid-column-gap: .35em;
     grid-row-gap: .35em;
     color: #000;
     justify-content: center;
     align-items: center;
     padding-top: .2em;
     padding-bottom: .2em;
     display: flex;
   }

   .view-all-text {
     font-size: 1em;
     font-weight: 500;
     line-height: 130%;
   }

   .view-all-icon {
     width: 1em;
   }

   .view-all-btn {
     border-bottom: .075em solid #000;
     display: flex;
   }

   .view-all-btn.expertise {
     position: relative;
     overflow: hidden;
   }

   .singe-listing-other-listings {
     padding-top: 2em;
   }

   .listing-wrapper {
     padding-bottom: 1em;
     padding-left: 4.16667vw;
     padding-right: 4.16667vw;
     position: relative;
   }

   .listing-tag-title {
     color: #fff;
     text-transform: capitalize;
     font-size: .4em;
     font-weight: 700;
   }

   .listing-box-title {
     margin-bottom: 0;
     font-size: .7em;
     font-style: normal;
     font-weight: 400;
     line-height: 90%;
   }

   .listing-box-bottom-line {
     justify-content: space-between;
     align-items: flex-start;
     width: 100%;
     display: flex;
     flex-flow: column;
     gap: .5em;
   }

   .listing-box-bottom-line-left {
     grid-column-gap: .25em;
     grid-row-gap: .10em;
     grid-template-rows: auto;
     grid-template-columns: 1fr;
     grid-auto-columns: 1fr;
     display: grid;
   }

   .listing-box-property-detail {
     font-size: .4em;
     font-weight: 100;
     font-style: normal;
     line-height: 120%;
   }

   .listing-box-price {
     font-size: .8em;
     font-style: normal;
     font-weight: 800;
     line-height: 100%;
   }

   .listing-box-top {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     padding: .4em;
     z-index: 6;
     display: flex;
     justify-content: space-between;
   }

   .listing-items-container {
     position: relative;
   }

   .fit-size-absolute {
     position: absolute;
     inset: 0;
     z-index: 1;
   }

   .listing-view-all-link-mobile {
     display: none;
   }

   .listing-slider-wrapper-landing {
     padding-left: 4.16667vw;
     padding-right: 4.16667vw;
   }

   .other-listing-header {
     font-size: 1.6em;
   }

   .listings-wrapper-cta {
     grid-column-gap: 7em;
     grid-row-gap: 0.55em;
     grid-template-rows: auto;
     grid-template-columns: 1fr 1fr;
     grid-auto-columns: 1fr;
     display: grid;
   }

   .others-listing-header-line {
     justify-content: space-between;
     align-items: center;
     display: flex;
   }

   .listing-hero-box-all-listing {
     grid-area: span 1 / span 1 / span 1 / span 1;
   }

   .listing-hero-box-all-listing {
     border-radius: .5em;
     height: 14.3em;
     position: relative;
     overflow: hidden;
   }

   /* IMAGEM */
   .image-fit {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
   }

   /* LINK (NÃO BLOQUEIA MAIS) */
   .fit-size-absolute {
     position: absolute;
     inset: 0;
     z-index: 1;
   }

   /* CONTEÚDO INFERIOR */
   .blur-box-in-listing-box {
     z-index: 5;
     backdrop-filter: blur(20px);
     color: #fff;
     background: rgba(0, 0, 0, 0.55);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: .3em;
     padding: .75em .75em .75em;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
   }

   /* TOPO (BADGE) */
   .listing-box-top {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     padding: .4em;
     z-index: 6;
     display: flex;
     justify-content: space-between;
   }

   /* GRID */
   .all-listings-wrapper {
     grid-column-gap: 1.125em;
     grid-row-gap: 2em;
     grid-template-rows: auto;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     grid-auto-columns: 1fr;
     display: grid;
   }

   /* TAG */
   .listing-tag {
     -webkit-backdrop-filter: blur(3.25em);
     backdrop-filter: blur(3.25em);
     background-color: #00000026;
     border-radius: 2.3em;
     justify-content: center;
     align-items: center;
     width: auto;
     height: auto;
     padding: .7em;
     display: flex;
     line-height: 20%;
   }

   /* ========================================
   DOTS MOBILE LISTAGENS
======================================== */
   .listing-dots {
     display: none;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-top: 20px;
   }

   .listing-dots span {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #c6bfbf88;
     transition: 0.3s ease;
   }

   .listing-dots span.active {
     background: #c7c47a;
     transform: scale(1.2);
   }

   /* MOBILE */
   @media screen and (max-width: 767px) {
     .all-listings-wrapper {
       display: flex;
       overflow-x: auto;
       gap: 1.5em;
       padding-left: 1.5em;
       padding-right: 1.5em;
       scroll-snap-type: x mandatory;
     }

     .listing-hero-box-all-listing {
       height: 280px;
       min-width: 80%;
       flex: 0 0 auto;
       scroll-snap-align: start;
     }

     .listing-dots {
       display: flex;
     }

     .all-listings-wrapper {
       display: flex;
       overflow-x: auto;
       scroll-snap-type: x mandatory;
       gap: 16px;
       scrollbar-width: none;
       -ms-overflow-style: none;
     }

     .all-listings-wrapper::-webkit-scrollbar {
       display: none;
     }

     .listing-hero-box-all-listing {
       min-width: 85%;
       scroll-snap-align: center;
       flex-shrink: 0;
     }

     .listing-box-bottom-line {
       justify-content: space-between;
       align-items: flex-start;
       width: 100%;
       display: flex;
       flex-flow: column;
       gap: 2em;
     }
   }

   @media screen and (min-width: 1440px) {

     .view-all-icon {
       width: .6em;
     }

     .fit-size-absolute {
       z-index: 2;
     }
   }

   @media screen and (max-width: 767px) {

     h2 {
       font-size: 8.25em;
       font-weight: 700;
     }

     .image-fit {
       box-sizing: border-box;
     }

     .view-all-btn,
     .view-all-btn.expertise {
       display: none;
     }

     .singe-listing-other-listings {
       margin-top: 5em;
       margin-bottom: 5em;
       padding-top: 0;
       padding-bottom: 0;
     }

     .listing-wrapper {
       margin-top: 5.04em;
       padding-bottom: 5.04em;
       padding-left: 2.75em;
       padding-right: 2.75em;
     }

     .blur-box-in-listing-box {
       grid-column-gap: .8em;
       grid-row-gap: .8em;
       height: auto;
       padding: 1.98em 1.98em 2.2em;
     }

     .listing-box-title {
       font-size: 3em;
       font-weight: 500;
       line-height: 140%;
     }

     .listing-box-bottom-line-left {
       grid-column-gap: .5em;
       grid-row-gap: .5em;
     }

     .listing-box-property-detail {
       font-size: 2em;
       line-height: 140%;
     }

     .listing-box-price {
       font-size: 5em;
     }

     .listing-box-top {
       z-index: 3;
       padding: 1.1em;
     }

     .listing-tag {
       width: auto;
       padding: 2em;
       height: auto;
       border-radius: 3.3em;
     }

     .listing-tag-title {
       font-size: 1.8em;
     }

     .listing-hero-box-all-listing {
       border-radius: 2.5em;
       width: 38.5em;
       height: 38.5em;
     }

     .listing-view-all-link-mobile {
       border-bottom: .3em solid #000;
       justify-content: space-between;
       align-items: center;
       width: 15em;
       margin-top: 5em;
       margin-left: auto;
       margin-right: auto;
       padding-top: 1.2em;
       padding-bottom: 1.2em;
       display: flex;
     }

     .view-all-mobile-text {
       text-transform: capitalize;
       font-size: 2.64em;
       font-weight: 500;
       line-height: 110%;
     }

     .view-all-arrow-mobile {
       width: 2.4em;
     }


     .listing-slider-wrapper-landing .collection-list-wrapper,
     .listing-slider-wrapper-landing .collection-list-wrapper .w-dyn-items,
     .listings-wrapper-cta {
       width: 100%;
       box-sizing: border-box;
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
       gap: 1.5rem;
     }

     .listing-slider-wrapper-landing .collection-list-wrapper {
       overflow-x: hidden;
     }

     .listing-hero-box-all-listing {
       width: 100%;
       min-height: 25rem;
     }

     .other-listing-header {
       font-size: 3em;
       line-height: normal;
       text-align: center;
     }

     .collection-list-wrapper {
       padding-bottom: .2em;
       padding-left: 2.75em;
       padding-right: 2.75em;
       overflow: auto;
     }
   }

   /* CARDS SIMULE E ANUNCIE*/
   .simule-anuncie-section {
     padding-left: 4.16667vw;
     padding-right: 4.16667vw;
     padding-top: 3em;
   }

   .simule-anuncie-post-box {
     border-radius: 1em;
     width: 100%;
     height: 15em;
     position: relative;
     overflow: hidden;
   }

   .container-card-top {
     margin: 1em 1.5em;
   }

   .agents-simule-anuncie-collection-list {
     grid-column-gap: 2em;
     grid-row-gap: 2em;
     grid-template-rows: auto;
     grid-template-columns: 1fr 1fr;
     grid-auto-columns: 1fr;
     display: grid;
   }

   /* BOTTOM (BLUR) */
   .blur-box-in-simule-anuncie-post-box {
     grid-column-gap: .2em;
     z-index: 2;
     grid-row-gap: .2em;
     -webkit-backdrop-filter: blur(3.25em);
     backdrop-filter: blur(3.25em);
     color: #fff;
     background-color: #0000001a;
     flex-flow: column;
     flex-direction: initial;
     justify-content: center;
     align-items: center;
     height: 4.5em;
     padding: .53em .64em;
     display: flex;
     position: absolute;
     inset: auto 0% 0%;
   }

   .simule-anuncie-box-short-desc {
     font-size: .4em;
     line-height: 110%;
   }

   .simule-anuncie-box-post-name {
     margin-bottom: .1em;
     font-size: .75em;
     font-weight: 700;
     line-height: 120%;
   }

   .simule-anuncie-box-summary {
     font-size: .5em;
     line-height: 110%;
   }

   .card-top {
     width: 100%;
     font-weight: 700;
     font-size: .8em;
     line-height: 130%;
     position: relative;
     z-index: 2;
     align-self: center;
     text-align: center;
     background: #8b8a5c;
     color: #fff;
     padding: .8em .8em;
     border-radius: 40px;
   }

   /* TEXTO */
   .card-bottom span {
     font-style: normal;
     font-weight: 500;
     font-size: 1em;
     line-height: 130%;
     margin-right: 20px;
     color: #FFFFFF;

   }

   /* BOTÃO REDONDO */
   .card-bottom .arrow {
     width: 2em;
     height: 2em;
     background: #e6e6b5;
     color: #000;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     transition: 0.3s;
   }

   /* HOVER */
   .simule-anuncie-post-box:hover .arrow {
     transform: rotate(45deg);
     background: #fff;
   }

   @media screen and (max-width: 767px) {

     .image-fit {
       box-sizing: border-box;
     }

     .simule-anuncie-section {
       margin-top: 5em;
       margin-bottom: 5em;
       padding: 0 0;
     }

     .simule-anuncie-post-box {
       border-radius: 2.75em;
       width: 100%;
       height: 39.5em;
     }

     .agents-simule-anuncie-collection-list {
       grid-column-gap: 2.2em;
       grid-row-gap: 2.2em;
       width: 100%;
       padding-bottom: 1em;
       padding-left: 2.64em;
       padding-right: 2.64em;
       overflow: auto;
       grid-template-rows: auto;
       grid-template-columns: 1fr;
       grid-auto-columns: 1fr;
       display: grid;
     }

     .blur-box-in-blog-post-box {
       grid-column-gap: .6em;
       grid-row-gap: .6em;
       justify-content: center;
       align-items: flex-start;
       height: 11.22em;
       padding-left: 1.98em;
       padding-right: 1.98em;
     }

     .simule-anuncie-box-short-desc {
       font-size: 1.32em;
     }

     .simule-anuncie-box-post-name {
       margin-bottom: 0;
       width: 100%;
       font-weight: 700;
       font-size: 2.64em;
       line-height: 180%;
       position: relative;
       z-index: 2;
       align-self: center;
       text-align: center;
       background: #8b8a5c;
       color: #fff;
       padding: .3em .5em;
       border-radius: 0px;
     }

     .simule-anuncie-box-summary {
       font-size: 1.76em;
     }

     .blur-box-in-simule-anuncie-post-box {
       height: 8.55em;
       padding: .53em .64em;
     }

     /* TEXTO */
     .card-bottom span {
       font-weight: 500;
       font-size: 3em;
       line-height: 130%;

     }

     .card-bottom .arrow {
       width: 1.5em;
       height: 1.5em;
       font-size: 4em;
     }

     .container-card-top {
       margin: 0;
     }
   }


   /*CASES INICIO*/

   .cases {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 50px;
     padding: clamp(32px, 1vw, 100px) clamp(16px, 10vw, 200px);
     min-height: 100vh;
     position: relative;
   }

   /* LEFT */
   .cases-left {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 100vh;
   }

   /* HEADER */
   .cases-header {
     /*
     display: flex;
     gap: 115px;
     justify-content: start;
     align-items: center;
     margin-bottom: 40px;*/
     display: flex;
     gap: 3em;
     align-items: center;
     justify-content: start;
     margin-bottom: 40px;
   }

   .cases-header h2 {
     font-style: normal;
     font-weight: 600;
     font-size: 64px;
     font-size: 1.64em;
     line-height: 100%;
   }

   .cases-header .next {
     font-style: normal;
     font-weight: 400;
     font-size: .5em;
     line-height: 140%;
     color: #000000;
     cursor: pointer;
   }

   /* CONTENT */
   .cases-content {
     height: 365px;
     overflow: hidden;
     max-width: 455px;
     width: 100%;
   }

   /* TRACK */
   .cases-track {
     display: flex;
     flex-direction: column;
     gap: 20px;
     transition: transform 0.6s ease;
   }

   /* CASE */
   .case {
     min-height: 160px;
     /* menor que o container */
     padding-bottom: 20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     opacity: 0.4;
     transform: scale(0.95);
     transition: 0.4s;
   }

   .case.active {
     opacity: 1;
     transform: scale(1);
   }

   .case h3 {
     font-family: 'Hanken Grotesk';
     font-style: normal;
     font-weight: 400;
     font-size: 34.6px;
     line-height: 35px;
     margin-bottom: 1em;
   }

   .case p {
     font-size: 14px;
     color: #666;
     font-family: 'Hanken Grotesk';
     font-style: normal;
     font-weight: 300;
     font-size: 19.8px;
     line-height: 30px;

   }

   /* DOTS */
   .cases-dots {
     right: 1em;
     top: -50%;
     transform: translateY(-50%);
     display: grid;
     place-items: center;
     gap: .5em;
     align-items: normal;
     align-self: self-end;
     position: relative;
   }

   .dot-case {
     width: .4em;
     height: .4em;
     background: #ccc;
     border-radius: 50%;
     cursor: pointer;
     transition: 0.3s ease;
   }

   .dot-case.active {
     width: .5em;
     height: .5em;
     background: #7c7c4d;
   }

   /* RIGHT IMAGE */
   .cases-right {
     width: 18em;
     height: 22em;
     position: relative;
   }

   .image {
     position: absolute;
     inset: 0;
     border-radius: 25px;
     background-size: cover;
     background-position: center;
     opacity: 0;
     transition: 0.6s;
   }

   .image.active {
     opacity: 1;
   }

   /* RESPONSIVO */
   @media screen and (max-width:768px) {
     .cases {
       flex-direction: column;
       padding: 40px 20px;
       gap: 24px;
       grid-template-columns: 1fr;
       display: flex;
     }

     .cases-right {
       order: 1;
       width: 100%;
       height: 340px;
       margin-bottom: 24px;
     }

     .cases-left {
       order: 2;
       min-height: 10vw;
       overflow-y: auto;
       justify-content: left;
     }

     .cases-header {
       display: flex;
       gap: 3em;
       align-items: center;
       justify-content: center;
       margin-bottom: 40px;
     }

     .cases-header h2 {
       align-items: center;
       font-style: normal;
       font-weight: 600;
       font-size: 64px;
       font-size: 3.64em;
       line-height: 100%;
     }

     .mobile-break {
       display: none;
     }

     .cases-content {
       max-width: 100%;
       height: auto;
     }

     .cases-track {
       flex-direction: row;
       width: max-content;
     }

     .case {
       /* min-width: min(92vw, 420px); */
       max-width: max-content;
       min-height: auto;
       padding-bottom: 0;
     }

     .case h3 {
       font-family: 'Hanken Grotesk';
       font-style: normal;
       font-weight: 400;
       font-size: 20.6px;
       line-height: 35px;
       margin-bottom: 1em;
     }

     .case p {
       color: #666;
       font-style: normal;
       font-weight: 300;
       font-size: 14px;
       line-height: 25px;
     }

     .cases-dots {
       margin: 20px auto 0;
       flex-direction: row;
       justify-content: center;
       width: fit-content;
       display: flex;
     }

     .dot-case.active {
       width: 1.5em;
       height: 1.5em;
       background: #7c7c4d;
     }

     .dot-case {
       width: 1.5em;
       height: 1.5em;
       background: #ccc;
       border-radius: 50%;
       cursor: pointer;
       transition: 0.3s ease;
     }

     .cases-header .next {
       display: none;
     }
   }


   /* =========================
   SECTION CORRETORES HOME
========================= */

   /* RESET / BASE */
   .corretores {
     padding: clamp(32px, 5vw, 60px) clamp(16px, 4vw, 80px);
   }

   .corretores h2 {
     font-size: 1.64em;
     margin-bottom: 1em;
   }

   /* =========================
   WRAPPER
========================= */
   .carousel-wrapper {
     position: relative;
   }

   /* =========================
   CAROUSEL
========================= */
   #carousel {
     display: flex;
     gap: 20px;
     overflow-x: auto;
     scroll-behavior: smooth;
     scroll-snap-type: x mandatory;
     -webkit-overflow-scrolling: touch;
   }

   /* esconder scrollbar */
   #carousel::-webkit-scrollbar {
     display: none;
   }

   /* =========================
   CARD (BASE)
========================= */
   .card {
     flex: 0 0 calc((100% - 40px) / 3);
     /* 3 cards desktop */
     max-width: 100%;
     height: 580px;

     border-radius: 20px;
     overflow: hidden;
     position: relative;
     cursor: pointer;

     scroll-snap-align: start;
     transition: 0.4s ease;
   }

   /* =========================
   IMAGE
========================= */
   .card-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 0.4s ease;
   }

   /* =========================
   OVERLAY
========================= */
   .corretores .card-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 4.4em;
     background: rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(10px);
     display: flex;
     align-items: flex-end;
     padding: .5em;
     transition: 0.4s ease;
   }

   /* =========================
   CONTENT
========================= */
   .card-content {
     position: absolute;
     bottom: 1.2em;
     left: .8em;
     color: #fff;
     z-index: 2;
     line-height: 1.5;
   }

   .card-content h3 {
     margin: 0;
     font-style: normal;
     font-weight: 600;
     font-size: .8em;
     line-height: 140%;
   }

   .card-content p {
     font-style: normal;
     font-weight: 400;
     font-size: .5em;
     line-height: 130%;
     color: #FFFFFF;
   }

   /* EXTRA (expandido) */
   .extra {
     opacity: 0;
     max-height: 0;
     transition: 0.4s;
     overflow: hidden;
   }

   .card.active .card-overlay {
     height: 100%;
     justify-content: flex-start;
   }

   /* =========================
   EXTRA (hidden default)
========================= */
   .extra {
     opacity: 0;
     max-height: 0;
     overflow: hidden;
     transform: translateY(10px);
     transition: 0.4s ease;
   }

   /* =========================
   SOCIAL
========================= */
   .social {
     display: flex;
     gap: 10px;
     margin: 10px 0;
   }

   .social i {
     font-size: 1em;
     color: #fff;
   }

   /* =========================
   BUTTON
========================= */

   .corretores .btn {
     background: transparent;
     border: 1px solid #fff;
     padding: 10px 15px;
     border-radius: 25px;
     color: #fff;
     font-size: .6em;
     cursor: pointer;
     justify-self: center;
     line-height: 3em;
   }

   /* =========================
   ACTIVE CARD
========================= */
   .card.active .card-img {
     width: 200px;
     height: 200px;
     border-radius: 16px;
     position: absolute;
     top: 20px;
     left: 20px;
     z-index: 2;
   }

   .card.active .card-overlay {
     align-items: flex-start;
   }

   .card.active .extra {
     opacity: 1;
     max-height: max-content;
   }

   /* =========================
   NAV BUTTONS
========================= */
   .nav {
     position: absolute;
     top: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     transform: translateY(-50%);
     width: 1.5em;
     height: 1.5em;
     border-radius: 50%;
     border: none;
     background: #eee;
     cursor: pointer;
     z-index: 10;
   }

   .prev {
     left: -30px;
   }

   .next {
     right: -30px;
   }

   .nav i {
     font-size: .7em;
   }

   /* =========================
   DOTS
========================= */
   .dots {
     display: flex;
     justify-content: center;
     gap: 8px;
     margin-top: 20px;
   }

   .dots span {
     width: 6px;
     height: 6px;
     background: #ccc;
     border-radius: 50%;
   }

   .dots span.active {
     background: #7a7a52;
     width: 10px;
     height: 10px;
   }

   /* =========================
   RESPONSIVO
========================= */

   /* Tablet */
   @media screen and (max-width:1024px) and (min-width:769px) {
     .card {
       flex: 0 0 calc((100% - 20px) / 2);
       /* 2 cards */
     }

     .nav {
       width: 50px;
       height: 50px;
     }

     .prev {
       left: 5px;
     }

     .next {
       right: 5px;
     }

     .nav i {
       font-size: 2em;
     }
   }

   /* Mobile */
   @media screen and (max-width:768px) {
     .card {
       flex: 0 0 100%;
       /* 1 card */
     }

     .next,
     .prev {
       display: none;
     }

     .card-content {
       bottom: 2em;
       left: 0;
       line-height: 3.5em;
       padding: 3em;
     }

     .card-content h3 {
       margin: 0;
       font-style: normal;
       font-weight: 600;
       font-size: 3.5em;
       line-height: 140%;
     }

     .card-content p {
       font-style: normal;
       font-weight: 400;
       font-size: 2em;
       line-height: 130%;
       color: #FFFFFF;
     }

     .social i {
       font-size: 5em;
       color: #fff;
     }

     .corretores h2 {
       font-size: 3.5em;
       margin-bottom: 1em;
     }

     .corretores .card-overlay {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       height: 17.5em;
       background: rgba(0, 0, 0, 0.1);
       backdrop-filter: blur(10px);
       display: flex;
       align-items: flex-end;
       padding: .5em;
       transition: 0.4s ease;
     }

     .dots span {
       width: 1.5em;
       height: 1.5em;
       background: #ccc;
       border-radius: 50%;
     }

     .dots span.active {
       background: #7a7a52;
       width: 1.5em;
       height: 1.5em;
     }

     .corretores .btn {
       background: transparent;
       border: 1px solid #fff;
       padding: 10px 15px;
       border-radius: 25px;
       color: #fff;
       font-size: 2.5em;
       cursor: pointer;
       justify-self: center;
       line-height: 3.5em;
     }
   }