.imovel-page {
    padding-top: 40px;
    max-width: 1300px;
}
/* SECTION */
.section {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr .4fr;
    padding: 0;
}

.top-div {
    display: flex;
    margin-bottom: 25px;
    justify-content: space-between;
    align-items: center;
}

.title-div {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .title-div .back-to-listings i {
        font-size: 40px;
        color: var(--primary-color);
    }

.title-imv {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: fit-content;
}

.title-imv h2 {
    width: 80%;
    font-size: 20px;
    text-transform: uppercase;
}

    .title-imv span {
        font-size: 18px;
        position: relative;
        left: -3px;
    }

        .title-imv span i {
            font-size: 18px;
        }

.price-top {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 8px;
}

    .price-top p {
        font-size: 25px;
        font-weight: 600;
        white-space: nowrap;
        color: var(--primary-color);
    }

    .price-top i {
        font-size: 27px;
    }

    .price-top .bx-heart {
        color: #b9b9b9;
    }

    .price-top .bxs-heart {
        color: red;
    }
/* IMMOBILE TITLE */
.imv-title {
    margin-bottom: 20px;
}

.info-title-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .info-title-flex h3 {
        margin-top: 5px;
    }

.new-texts div {
    font-weight: 600;
    border-radius: 20px;
    padding: 3px 12px 2px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
}

.new-texts .new-imv {
    background: rgba(228, 228, 228, 0.852);
    border: 1px solid #133769;
    color: #133769;
}

.new-texts .super-enphasis {
    background: rgba(228, 228, 228, 0.852);
    border: 1px solid #133769;
    color: #133769;
}

.new-texts .secure-imv {
    background: rgba(228, 228, 228, 0.852);
    border: 1px solid #2ea44f;
    color: #133769;
}

/* IMMOBILE IMAGE */
.imv-image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #ebebeb;
    border-bottom: 0;
}

/* IMAGE ABSOLUTE POSITIONS */
.btn-div button {
    padding: 3px 6px;
}

.btn-div {
    display: flex;
    margin-bottom: 1px;
}

    .btn-div li {
        line-height: 15px;
        padding: 0;
        margin-right: 4px;
        position: relative;
        z-index: 12;
    }

        .btn-div li button {
            -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
        }

        .btn-div li button {
            border: none;
            border-bottom: 2px solid transparent;
            color: #333;
            display: inline-block;
            outline: none;
            padding: 7px 15px 7px 15px;
            text-decoration: none;
            font-size: 14px;
            z-index: 11;
            position: relative;
            background: none;
            cursor: pointer;
        }

            .btn-div li button:hover {
                border-color: #66676b;
            }

.tab-reviews {
    color: #aaa;
}

.tabs-nav li.active .tab-reviews {
    color: #fff;
}

.btn-div button:hover,
.btn-div button.active {
    border-color: var(--primary-color);
    color: #145f6f;
    background: #ededed;
    z-index: 11;
}


/* MAIN CARD */

.new-card {
    display: grid;
    grid-template-columns: .8fr 1.5fr;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #d1d1d144;
    box-shadow: 0px 5px 5px rgb(133 133 133 / 20%);
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    color: rgb(27, 27, 27);
}

a.new-card:hover {
    color: #000;
}

.new-card:active {
    background: rgba(black, 0.9);
    transform: translateY(2px);
    transition-duration: 0s;
}

.new-price h4 {
    white-space: pre;
}

.new-card .new-pic,
.new-card .new-pic img {
    height: 185px;
    width: 100%;
}

.new-card .new-img {
    position: relative;
}

.new-card .new-pic img {
    object-fit: cover;
    object-position: bottom;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.new-card .new-texts {
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
}

.new-texts div {
    font-weight: 600;
    border-bottom-left-radius: 10px;
    padding: 3px 10px 2px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 9px;
    white-space: nowrap;
}

.new-texts .new-imv {
    background: rgba(228, 228, 228, 0.852);
    border: 1px solid #133769;
    color: #133769;
}

.new-texts .super-enphasis {
    background: rgba(228, 228, 228, 0.852);
    border: 1px solid #133769;
    color: #133769;
}

.new-texts .secure-imv {
    background: rgba(228, 228, 228, 0.852);
    border: 1px solid #2ea44f;
    color: #133769;
}

.new-img .new-icons {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    z-index: 1;
}

.new-icons div {
    font-size: 13px;
    margin-left: 10px;
    padding: 6px 7px;
    background: rgba(228, 228, 228, 0.852);
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    z-index: 10;
}

.new-icons .abs-cam {
    padding: 5px 9px;
}

.new-icons div .web-svg,
.new-icons div img {
    color: #133769;
    opacity: .84;
    width: 100%;
    height: 100%;
}

.new-icons div .mobile-svg {
    display: none;
}

.new-icons div .web-svg {
    width: 100%;
    height: 80%;
}

.new-card .new-info {
    display: grid;
    grid-template-columns: 1fr .3fr;
    column-gap: 15px;
    padding: 10px 15px;
    height: 100%;
}

    .new-card .new-info .new-side {
        display: flex;
        flex-direction: column;
        color: var(--text-color);
        justify-content: space-between;
    }

.new-info .new-title,
.new-info .new-title span,
.new-info .new-subtitle {
    font-size: 14.5px;
    font-weight: 600;
    color: #072d62;
}

.new-info .new-simple {
    opacity: .8;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
}

i.fa-heart.fa-regular.fa-heart-o {
    color: #a59f9f;
}

.new-card .new-head {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.new-card .new-info .phrase {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new-card .new-info .new-title,
.new-card .new-info .new-subtitle {
    font-weight: 600;
}

.new-card .new-info .new-simple {
    opacity: .8;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.new-card .new-info .new-desc {
    display: none;
    font-size: 10px;
}

.new-card .new-info .new-text {
    margin: 2px 0;
    font-size: 13px;
}

.new-card .new-info .new-details-ul {
    display: flex;
    margin-bottom: 12px;
}

    .new-card .new-info .new-details-ul li {
        background: rgb(233, 233, 233);
        padding: 1px 9px 2px;
        border-radius: 10px;
        margin-right: 6px;
    }

        .new-card .new-info .new-details-ul li span {
            font-size: 11px;
        }

.new-card .new-info .new-anunciante img {
    width: 58px;
}

.new-card .new-info .new-anunciante {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-card .new-info .new-anounce .creci span {
    color: rgb(169, 17, 17);
    font-weight: bold;
}

.new-card .new-info-other {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 0;
    align-items: flex-end;
    text-align: end;
}
.new-icon .bx {
    font-size: 20px;
    color: #b3b3b3;
    position: relative;
    z-index: 1000;
}

.new-icon .bxs-heart {
    color: red;
}

.imv-image .fullimg-img {
    position: absolute;
    top: 10px;
    right: 10px;
    background: hsl(0deg 0% 100%);
    border-radius: 5px;
    padding: 7px 9px 3px;
    cursor: pointer;
    z-index: 1000;
}

    .imv-image .fullimg-img i {
        font-size: 20px;
        font-weight: bolder;
    }

.imv-image .img-quantity {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: hsla(0, 0%, 0%, 0.3);
    display: flex;
    gap: 5px;
    padding: 2px 17px 1px;
    z-index: 999;
    align-items: center;
}

    .imv-image .img-quantity,
    .imv-image .img-quantity i {
        color: white;
        font-size: 15px;
    }

/* IMAGE SLIDER */
.imv-image .inner {
    height: 480px;
    background: #ecebeb;
    width: 100%;
    box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
    display: none;
    opacity: 0;
    animation: FadeOut .5s;
    visibility: hidden;
}

    .imv-image .inner.active {
        display: block;
        opacity: 1;
        visibility: inherit;
    }

@keyframes FadeOut {
    0% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.swiper-slide img {
    max-height: 480px;
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.swiper-wrapper {
    align-items: center;
}

.swiper-button-prev,
.swiper-button-next {
    height: 3em !important;
    width: 3em !important;
    background: #f9f9f9;
    border-radius: 50%;
}

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 18px !important;
        color: #4a4a4a;
        font-weight: bolder;
    }

    .swiper-button-next:after {
        padding-left: 2px;
    }

    .swiper-button-prev:after {
        padding-right: 2px;
    }

.imv-image .iframe-video {
    height: 100%;
    width: 100%;
}

/* FULLSCREEN IMAGE */
body:has(.imv-image .swiper.fixed) {
    overflow-y: hidden;
}

.imv-image .swiper.fixed {
    position: fixed;
    z-index: 100000;
    height: 100vh;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    background: #000000d9;
}

.swiper.fixed .swiper-slide img {
    max-height: 98vh;
}

.swiper-slide {
    width: 100% !important;
    display: flex;
    align-items: center;
}

.swiper-pagination-bullet-active {
    background-color: #133769 !important;
}

/* BUTTONS AFTER SLIDE */
.imv-buttons {
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
}

    .imv-buttons button {
        margin-left: 10px;
        padding: 4px 9px;
        gap: 5px;
    }

        .imv-buttons button i {
            font-size: 13px;
            font-weight: bolder;
        }

/* IMMOBILE'S INFOS */
.imv-infos {
    padding: 30px 0 20px;
}

.item-info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 15px 20px;
    gap: 10px;
    background: linear-gradient(to bottom, #e8e8e8 0%, #f9f9f9);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.info-one {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .info-one span {
        font-size: 16px;
    }

    .info-one .name {
        color: #888;
    }

/* IMMOBILE'S SUBTITLES */
.info-titles {
    border: 1px solid #ebebeb;
    border-top: 0;
}

    .info-titles h6 {
        font-size: 14px;
    }

.info-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

    .info-price div {
        display: flex;
        align-items: flex-end;
        font-size: 14px;
        color: #6b6b6b;
    }

        .info-price div h4 {
            margin-left: 5px;
        }

.info-details div + ::before {
    display: inline-block;
    padding: 0 10px 0 0;
    content: "●";
    color: #c1c1c1;
}

.info-details {
    display: flex;
    margin-top: 12px;
}

    .info-details div {
        margin-right: 15px;
        font-size: 14px;
        color: #6b6b6b;
    }

        .info-details div span {
            font-size: 14px;
        }

/* DETAILS */
.imv-flex {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

    .imv-flex .line {
        height: 1px;
        background: #e1e1e1cc;
        width: 98%;
        margin: 15px 0;
        border-radius: 50px;
    }

.imv-details {
    margin-bottom: 30px;
}

.imv-infos h3 {
    font-weight: 600;
    color: #767676;
    font-size: 19px;
    white-space: nowrap;
}

.details-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    padding: 0 10px;
}

    .details-text li {
        margin-right: 15px;
        font-size: 14px;
        color: #6b6b6b;
    }

        .details-text li span {
            font-size: 14px;
        }

/* DISCRIPTION */
.imv-discription {
    margin: 30px 0;
}

    .imv-discription h3 {
        font-weight: 600;
        color: #767676;
    }

.discription-text .span {
    white-space: pre-line;
    font-size: 14px;
    margin-top: -15px;
    color: #6b6b6b;
    padding: 0 10px;
}

.discription-text .row-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
}

.row-btns .button-anounce {
    display: flex;
    align-items: center;
    gap: 6px;
}

.discription-text button {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: white;
    cursor: pointer;
}

/* UNITY */
.imv-unity h3 {
    font-weight: 600;
    color: #767676;
}

.unity-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 10px;
}

    .unity-top div {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .unity-top div span {
            margin-left: 5px;
            font-size: 17px;
            font-weight: 600;
        }

.unity-img {
    display: flex;
    justify-content: center;
}

    .unity-img img {
        object-fit: contain;
    }

/* FEATURES */
.imv-features {
    margin-bottom: 20px;
}

.feature-itens {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px 30px;
    padding: 20px 10px 25px;
}

.imv-features h3 {
    font-weight: 600;
    color: #767676;
}

.feature-itens li {
    color: #6b6b6b;
    font-size: 13.5px;
}

    .feature-itens li:before {
        display: inline-block;
        margin-right: 10px;
        top: -1px;
        position: relative;
        content: "✓";
        font-size: 13px;
        color: #fff;
        text-align: center;
        line-height: 15px;
        background-color: var(--primary-color);
        padding: 2px 4px 1px;
        transition: border-color 0s;
        border-radius: 2px;
    }

/* MAP AND STREETVIEW */
.imv-map {
    margin-bottom: 40px;
}

.map-imovel {
    padding: 5px;
    background-color: #fff;
    background: url(https://www.dfimoveis.com.br/Content/images/bg-mapss.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 450px;
}

.imv-map .map-btns {
    display: flex;
    gap: 10px;
}

.imv-map .map-imovel button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: #ffffff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    flex-direction: column;
    padding: 20px;
    cursor: pointer;
}

    .imv-map .map-imovel button i {
        font-size: 80px;
        color: var(--primary-color);
    }

    .imv-map .map-imovel button strong {
        font-size: 21px;
        color: var(--primary-color);
    }


.style-1 {
    padding: 0 10px;
}

.maps-center {
    margin: 10px 0;
}

.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .tabs-nav li button i {
        padding-right: 5px;
        font-size: 16px;
        top: 1px;
        position: relative;
    }

    .tabs-nav li {
        float: left;
        line-height: 15px;
        padding: 0;
        margin-right: 4px;
        position: relative;
        z-index: 12;
    }

        .tabs-nav li button,
        .tab-reviews {
            -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
        }

        .tabs-nav li button {
            border: none;
            border-bottom: 2px solid transparent;
            color: #333;
            display: inline-block;
            outline: none;
            padding: 7px 15px 7px 15px;
            text-decoration: none;
            font-size: 14px;
            z-index: 11;
            position: relative;
            background: none;
            cursor: pointer;
        }

            .tabs-nav li button:hover {
                border-color: #66676b;
            }

.tab-reviews {
    color: #aaa;
}

.tabs-nav li.active .tab-reviews {
    color: #fff;
}

.tabs-nav li button:hover,
.tabs-nav li button.active {
    border-color: var(--primary-color);
    color: #145f6f;
    background: #ededed;
    z-index: 11;
}

.tab-content {
    padding: 28px 33px;
    position: relative;
    /*z-index: 10;*/
    display: inline-block;
    width: 100%;
}

.tabs-container {
    overflow: hidden;
    width: 100%;
}

.tab-content p:last-child {
    margin-bottom: 0;
}

/* Tabs Style 1 */
.style-1 .tabs-container .tab-content {
    border: none;
    padding: 0;
}


.map-container {
    margin-top: 10px;
    display: flex;
}

    .map-container section.active {
        display: block;
    }

    .map-container section {
        display: none;
        width: 100%;
        animation: FadeOut .5s;
    }

.map-content iframe,
.streetview iframe {
    height: 450px;
    width: 100%;
}

/* BUTTON TO PROPOSE */
.center-btn {
    position: fixed;
    bottom: 20px;
    z-index: 10000;
    display: none;
    justify-content: center;
    align-items: center;
    width: 93%;
}


.button-18 {
    align-items: center;
    background-color: var(--primary-color);
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    max-width: 480px;
    min-height: 40px;
    min-width: 0px;
    overflow: hidden;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    touch-action: manipulation;
    transition: all .3s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
}

.button-18:hover,
.button-18:focus {
    background-color: var(--primary-color);
    color: #ffffff;
}

.center-tabmenu {
    position: fixed;
    display: none;
    justify-content: space-around;
    align-items: center;
    gap: 5px;
    padding: 12px 5px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #e1e1e1;
    z-index: 10000;
    border-top: 1px solid #d5d5d5;
}

.center-tabmenu .center-block {
    max-width: 25%;
    width: 100%;
}

.center-tabmenu .center-block a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: black;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    gap: 5px;
}

.center-block i {
    font-size: 29px;
    color: white;
    padding: 3px 4px 4px;
    border-radius: 5px;
}

.center-block .wpp {
    background: #429831;
}
.center-block .pho {
    background: #FF802C;
}
.center-block .mail {
    background: #123768;
    padding: 4px 5px;
    font-size: 28px;
}
.center-block .share {
    background: #43C354;
    padding: 3px 4px 4px;
}

/* ASIDE CONTACT */
.sticky-container {
    position: sticky;
    top: 9.5rem;
    height: 80rem;
}

.sticky-side {
    box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
    height: fit-content;
    border-radius: 15px;
    padding: 25px 22px;
    flex-grow: 1;
    border: 1px solid rgb(221, 221, 221);
    flex-basis: 300px;
    top: 8rem;
}

.share-imv {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

.text-center {
    color: red;
    text-align: center;
    font-size: 13px;
    margin: 8px 0 8px;
}

.anounce-middle {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 14px;
}

.make-propos span {
    background: var(--primary-color);
    width: 95%;
    display: block;
    padding: 2px 0;
    color: ghostwhite;
    border-radius: 3px;
}

.make-propos {
    width: 100%;
    display: flex;
    justify-content: center;
}

.text-propos p {
    font-size: 11.5px;
    line-height: 14px;
    text-align: center;
    color: #414141;
    font-weight: bold;
}

.emphasis {
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    align-items: center;
}

.listing-badges {
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 0px;
    overflow: hidden;
    height: 100px;
}

    .listing-badges .featured {
        background-color: var(--primary-color);
        float: left;
        transform: rotate(-45deg);
        left: -67px;
        top: 17px;
        position: relative;
        text-align: center;
        width: 200px;
        font-size: 12.5px;
        margin: 0;
    }

    .listing-badges span {
        color: #fff;
        display: inline-block;
        padding: 1px 10px;
        float: right;
        background-color: rgba(74,74,76,0.7);
        border-radius: 3px;
        top: 15px;
        right: 15px;
        position: absolute;
    }


.listing-img-content {
    position: absolute;
    z-index: 99;
    bottom: 0;
    display: flex;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 25px 30px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgb(0 0 0 / 78%) 0px -90px 38px -40px inset;
}

span.like-icon {
    color: #fff;
    font-size: 24px;
    position: absolute;
    z-index: 101;
    right: 30px;
    bottom: 55px;
}

.listing-img-content span {
    color: #fff;
    font-size: 23px;
    text-shadow: 1px 1px var(--primary-color);
}

.emphasis .text {
    font-size: 25px;
    font-weight: bold;
    color: #4d4d4d;
}

.widget {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.emphasis .text {
    font-size: 25px;
    font-weight: bold;
    color: #4d4d4d;
}

#owl-demo .item {
    margin: 10px;
    display: flex;
    color: #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 7px;
    text-align: center;
    box-shadow: rgb(107 111 113 / 30%) 0px 1px 2px 0px, rgb(122 125 127 / 15%) 0px 2px 6px 2px;
    flex-direction: column;
}

.customNavigation {
    text-align: center;
}

    .customNavigation a {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

.btn i {
    font-size: 37px;
    color: grey;
    cursor: pointer;
}

.item .item-img {
    height: 254px;
    width: 100%;
    position: relative;
}

.item .slide-img {
    height: 100%;
    width: 100%;
}

    .item .slide-img img {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

.item-data {
    display: flex;
    text-align: start;
    flex-direction: column;
    padding: 13px 13px 18px;
    gap: 5px;
}

.adress {
    font-weight: bolder;
    -webkit-line-clamp: 1;
    height: 21px;
    overflow: hidden;
}

.type {
    font-size: 13px;
}

.description {
    font-size: 13px;
    line-height: 1.38;
    height: 50px;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.item-info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 15px 20px;
    gap: 10px;
    background: linear-gradient(to bottom, #e8e8e8 0%, #f9f9f9);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.info-one {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .info-one span {
        font-size: 14px;
    }

    .info-one .name {
        color: #888;
    }

.sticky-side h5,
.sticky-side h6 {
    text-align: center;
    font-weight: bolder;
}

.anunciante-info {
    display: grid;
    grid-template-columns: .5fr 1fr;
    margin: 15px 0;
    gap: 30px;
}

.anunci-img img {
    object-fit: contain;
    max-width: 120px;
}

.online-chat {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.anunci-text .button {
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    font-size: 11px;
    border-radius: 18px;
    padding: 3px 15px;
    display: flex;
    gap: 5px;
    text-align: center;
    align-items: center;
    width: fit-content;
    justify-content: center;
    background: green;
}

.anunci-text .button {
    font-size: 11px;
}


.anunci-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.font-size13 {
    font-size: 13px;
}

.chat-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.input {
    outline: none;
    margin-bottom: 10px;
    font-size: 1.3rem;
    padding-left: 15px;
    border-radius: 5px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid rgb(255 255 255);
    box-shadow: 0px 1px 4px 0px #7f7a7a96;
    width: 100%;
}

    .input.email {
        width: 97%;
    }

    .input.message {
        transition: box-shadow 0.2s !important;
        min-height: 120px;
        padding: 10px 15px 0;
    }

    .input:focus {
        border: 2px solid rgb(255, 255, 255);
        outline: none;
    }

    .input::placeholder {
        color: rgb(179, 176, 176);
    }

.chat-form label {
    width: 100%;
}

.chat-form .button {
    border: none;
    outline: none;
    color: var(--white-color);
    padding: 3px 22px;
    border-radius: 3rem;
    background-color: var(--primary-color);
    transition: var(--tran-0-3);
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
}

textarea.form-control {
    height: auto;
}

.small-text {
    color: rgb(44, 44, 44);
    text-align: center;
}

    .small-text p a {
        color: #469FEE;
    }

    .small-text p,
    .small-text a {
        font-size: 9px;
    }

.contact-number {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .contact-number .number {
        display: flex;
        align-items: center;
    }

        .contact-number .number button {
            margin-left: 2px;
        }

        .contact-number .number span {
            font-size: 15px;
            color: #565454;
        }

.anunci-text p {
    font-size: 13px;
    font-weight: 700;
    color: grey;
    letter-spacing: .5px;
    line-height: 1.5;
}

.whatsapp-btn {
    background-color: #449d44;
    color: white;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 13px;
}

    .whatsapp-btn:hover {
        color: #449d44;
        background-color: white;
        border: 1px solid #449d44;
    }

/* IMAGE SLIDER */
.tabs-container .inner {
    width: 100%;
    box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
    display: none;
    animation: FadeOut .5s;
}

    .tabs-container .inner.active {
        display: block;
    }

/* BREADCRUMB */
.ol-breadcrumb {
    max-width: 1300px;
}

.breadcrumb {
    width: 100%;
    display: flex;
    align-items: center;
    transition: .5s ease;
    border-radius: 4px;
    padding: 0 20px;
    text-transform: uppercase;
    border: 0;
    margin-top: 1rem;
}

.breadcrumb-item + ::before {
    display: inline-block;
    padding: 0 0.5rem;
    content: "/";
}

.breadcrumb-link span {
    font-size: 11px;
    font-weight: 600;
    color: rgb(168, 168, 168);
}

/* PARTNERS */
.partner {
    max-width: 1300px;
}

.partner-top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner p {
    text-transform: uppercase;
    padding: 10px 10px;
    font-size: 25px;
    font-weight: 600;
    color: #949494;
    position: relative;
}

.partner .partner-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .partner .partner-content .partner-div {
        margin: 0 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 90px !important;
        height: 80px !important;
        box-shadow: 1px 1px 1px 1px #ddd;
    }

        .partner .partner-content .partner-div img {
            max-height: 80px;
            max-width: 100%;
            height: auto;
            width: 100%;
        }

/* MODALS */
.modal {
    height: 100vh;
    width: 100%;
    background: #00000080;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    display: none;
    justify-content: center;
    align-items: flex-start;
}

@keyframes MoveUpDown {
    0% {
        opacity: .5;
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal.ativo {
    display: flex;
}

.modal-in {
    background: #ffffff;
    max-width: 500px;
    width: 100%;
    box-shadow: 0px 3px 4px 1px rgb(60 56 56);
    position: relative;
    font-family: Helvetica, Arial;
    color: #085496;
    animation: MoveUpDown .5s;
    margin-top: 5vh;
}

.headermodal {
    padding: 10px 20px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.411);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(244, 244, 244);
}

.headerfill {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headertext {
    color: grey;
    font-size: 15px;
    font-weight: bold;
}

.headerbtn span {
    color: grey;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.bodycontent {
    padding: 10px 50px;
}

.modal .daytime {
    display: flex;
    gap: 10px;
}

/* MODAL EMAIL */
.modal.email .anunciante-info {
    padding: 0 20px;
    margin-bottom: 15px;
}



.modal.email .contact-number {
    margin-bottom: 15px;
}

.message-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 15px 15px;
}

/* MODAL CALL */
.modal.call .anunciante-info {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.modal.call .number-info {
    gap: 5px;
    display: flex;
    flex-direction: column;
}

    .modal.call .number-info h5 {
        color: #ff4000;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
    }

.modal.denounce .bodycontent,
.modal.visit .bodycontent {
    padding: 10px 20px;
}

.modal .modal-text,
.modal .modal-text strong {
    color: black;
    opacity: .8;
    font-size: 14.8px;
    margin: 0 0 10px 0;
}

.modal .fill-btn {
    padding: 4px 49px;
    text-transform: uppercase;
}

.modal.call .number-info p,
.modal.call .number-info strong {
    color: black;
    font-size: 14px;
    text-align: center;
}

.modal.call .number-info .anounce-name {
    color: black;
    font-size: 14px;
    text-align: center;
}

.modal.call .contact-number {
    padding: 10px 0;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: row;
}

    .modal.call .contact-number span,
    .modal.call .contact-number i {
        font-size: 23px;
        color: grey;
        font-weight: 550;
    }

/* MODAL INDICATE */
.modal.indicate .modal-in {
    width: 100%;
}

.modal.indicate .chat-form input,
.modal.indicate .chat-form textarea {
    padding: 16px;
}

/* MOBILE NAV BOTTOM */
.nav-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 11vh;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    display: none;
    overflow-x: auto;
    padding: 0 10px;
}

.nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 50px;
    font-family: sans-serif;
    font-size: 13px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.1s ease-in-out;
}

    .nav__link:hover {
        background-color: #eeeeee;
    }

.nav__link--active {
    color: #009578;
}

.nav__link i {
    color: white;
    padding: 3px 8px 2px;
    border-radius: 5px;
    margin-bottom: 3px;
    font-size: 18px;
}

.nav__link .bi-envelope-fill {
    background: #f3b300;
}

.nav__link .bi-whatsapp {
    background: #25d366;
}

.nav__link .bi-telephone-fill {
    background: #0a58ca;
}

.nav__link .bi-share-fill {
    background: #108a10;
}

.nav__text {
    font-size: 11px;
    white-space: break-spaces;
    text-align: center;
    line-height: 1;
    color: #878787;
}

/* MEDIAS */
@media (max-width: 1400px) {
    .title-fs {
        font-size: 1.7rem;
    }

    .sticky-side {
        padding: 20px;
        top: 5rem;
    }

    .anunciante-info {
        margin-top: 13px;
        justify-items: end;
    }

    .whatsapp-btn {
        font-size: 11px;
        padding: 4px 10px;
    }

    .anunci-img {
        width: 78%;
    }

    .online-chat {
        margin: 10px 0 5px;
    }

    .chat-form input,
    .chat-form textarea {
        margin-bottom: 5px;
    }

    .sticky-side .line {
        margin: 10px 0;
    }

    .imv-image .swiper,
    .imv-image .video,
    .imv-image .tour {
        height: 430px;
    }

    .swiper-slide img {
        max-height: 430px;
    }

    .imv-buttons button {
        margin-left: 8px;
        padding: 4px 5px;
        gap: 2px;
    }
}

@media (max-width: 1200px) {
    .anunci-text p {
        font-size: 12px;
    }
}

@media (max-width: 1000px) {
    .title-fs {
        font-size: 1.5rem;
    }

    .sticky-side {
        height: auto;
        margin-bottom: 15px;
        margin: 0 30px;
        width: 80%;
    }

    .anunci-img {
        width: auto;
    }

    .anunci-text p {
        font-size: 14px;
    }

    .anunciante-info {
        display: flex;
        justify-content: space-evenly;
    }

    .anunci-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .sticky-container {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .imv-title {
        margin-bottom: 13px;
        padding: 0;
    }

    .new-texts {
        display: none;
    }

    .imv-image {
        display: flex;
        align-items: center;
        background: #ebebeb65;
        justify-content: center;
    }

    .imv-infos {
        padding: 10px 15px;
    }

    .btn-div button i,
    .btn-div button {
        font-size: 11px;
    }

    .imv-buttons {
        display: none;
        justify-content: center;
        margin: 0 0 20px;
    }

    .info-price {
        flex-wrap: wrap;
        gap: 10px;
    }

        .info-price div {
            align-items: center;
        }

    .fill-btn {
        margin-left: 20px;
        padding: 2px 9px;
        font-size: 11px;
    }

    .info-details {
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: column;
    }

    .details-text {
        gap: 10px;
        padding: 5px;
    }

    .discription-top {
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .discription-top a {
        font-weight: 600;
    }

    .feature-itens {
        gap: 20px 20px;
        padding: 18px 0;
    }

    .center-btn,
    .center-tabmenu {
        display: flex;
    }

    .center-btn.ativo {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .anunci-img img {
        max-width: 75px;
    }
    .anunci-text .button {
        padding: 3px 12px;
        display: flex;
        gap: 3px;
    }
    .sticky-container {
        height: fit-content;
    }
    .whatsapp-button {
        display: none;
    }
    .map-imovel {
        height: 350px;
    }

    .imv-image .fullimg-img i {
        font-size: 20px;
    }

    .swiper-button-prev, .swiper-button-next {
        height: 2.5em !important;
        width: 2.5em !important;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 16px !important;
    }

    .imv-similar {
        display: none;
    }

    .imovel-page {
        max-width: 1300px;
        padding: 20px 13px;
    }

    .top-div {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
    }

    .back-to-listings {
        display: none;
    }
    .price-top i {
        font-size: 24px;
    }
    .title-imv h2 {
        width: 100%;
        font-size: 17px;
        line-height: 1.4;
    }

    .title-imv span,
    .title-imv span i {
        font-size: 14px;
    }

    .price-top {
        width: 100%;
        flex-direction: initial;
        justify-content: space-between;
        align-items: center;
    }

        .price-top p {
            font-size: 20px;
        }

        .price-top .with-tip i {
            font-size: 23px;
        }

    .feature-itens {
        gap: 20px 20px;
        padding: 18px 0;
        grid-template-columns: repeat(2, 1fr);
    }

    .nav-bottom {
        display: flex;
    }
}

@media (max-width: 500px) {
    .imv-infos {
        padding: 10px 0;
    }

    .item-info {
        grid-template-columns: repeat(2, 1fr);
    }

    .details-text {
        grid-template-columns: 1fr;
    }

    .feature-itens {
        gap: 20px 20px;
        padding: 18px 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .sticky-side {
        height: auto;
        margin-bottom: 15px;
        margin: 10px;
        width: 100%;
    }

    .imv-image .inner {
        height: 299px;
    }

    .swiper-slide img {
        max-height: 299px;
    }

    .unity-top {
        display: flex;
        gap: 10px;
        margin-bottom: 5px;
        flex-direction: column;
    }

    .discription-top a,
    .discription-top i {
        font-size: 10.5px;
    }

    .imv-map .map-top {
        display: block;
    }

    .imv-map .map-btns {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        justify-content: center;
    }

    .imv-map button {
        font-size: 11px;
    }

    .discription-text .fill-btn {
        margin-left: 0;
    }

    .discription-text .row-btns {
        gap: 8px;
    }
    .row-btns span {
        font-size: 12px;
    }

    .modal.ativo {
        padding: 5px;
    }

    .modal-in {
        margin-top: 0vh;
    }
}