.property-details, .property-details:hover, .property-details:hover ~ .property-price h4 {
    color: #000 !important;
}
.buscaLps .form-select {
    background: transparent !important;
    color: grey !important;
}
.topnav {
    height: 80px;
    width: 100%;
    position: fixed;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99999;
    top: 0;
    background: transparent;
    transition: background-color 0.3s ease;
}
    .topnav.bg-white .logoP{
        display: block !important;
    }
    .topnav.bg-white .logoB{
        display: none !important;
    }
    .topnav.bg-white ul li a{
        color: #000 !important;
    }
    .topnav.bg-white {
        background: white;
        box-shadow: 1px 2px 15px rgba(0, 0, 0, 20%);
    }



#check:checked ~ ul.menu-fechado {
    left: -100% !important;
    transition: all 0.5s ease;
}



.menu-toggleNav {
    width: 35px;
    height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}

    .menu-toggleNav span {
        display: block;
        height: 1px;
        background-color: black;
        border-radius: 3px;
        transition: 0.3s ease;
    }

#check:checked + .checkbtn .menu-toggleNav span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 6px);
}

#check:checked + .checkbtn .menu-toggleNav span:nth-child(2) {
    opacity: 0;
}

#check:checked + .checkbtn .menu-toggleNav span:nth-child(3) {
    transform: rotate(-45deg) translate(10px, -10px);
}

.topnav ul {
    float: right !important;
    margin-right: 20px;
}
.topnav ul{
    margin-bottom: 0!important;
}
    .topnav ul li {
        display: inline-block !important;
        margin: 0 5px;
    }

        .topnav ul li a {
            font-size: 17px;
            padding: 7px 13px;
            border-radius: 3px;
        }

.checkbtn {
    font-size: 30px !important;
    color: white !important;
    float: right !important;
    line-height: 80px !important;
    margin-right: 20px !important;
    cursor: pointer !important;
    display: none;
}

#check {
    display: none;
}

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

@media (max-width: 952px) {

    .topnav ul li a {
        font-size: 16px;
    }
}

@media (max-width: 858px) {
    .checkbtn {
        display: block;
    }

    .topnav ul {
        position: fixed !important;
        width: 100% !important;
        height: 100vh !important;
        top: 80px !important;
        left: -100% !important;
        top: 80px !important;
        transition: all .5s !important;
        text-align: center !important;
        background-color: #f8f8f8 !important;
    }

        .topnav ul li {
            display: block !important;
            margin: 50px 0 !important;
            line-height: 30px;
        }

            .topnav ul li a {
                font-size: 20px;
            }

    #check:checked ~ ul {
        left: 0 !important;
    }
}




.btnBuscaP button {
    width: 100%;
    display: flex;
    align-items: end;
}
input{
    box-shadow: none !important;
    outline: none !important;
}

.svg-container {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

body .form-control {
    border-radius: .5rem;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}
/*.topoSwl{
    display: none;
}*/
body .swl .topoSwl{
    display: block !important;
}
body .swl .topoLps{
    display: none !important;
}
.topoSwl  .btn-black {
    background: #D90D15 !important;
}
.bgBlack.swl {
    background: linear-gradient(90.41deg, #000 10%, rgb(43, 43, 43) 100%) !important;
}

body .swl .svgLps{
    display: none !important;
}

    body .swl .svgSwl {
        display: block !important;
    }

    body .svgSwl {
        display: none;
    }

.buscaLps input {
    /*width: 100%;*/
    min-width: 60%;
    background: transparent;
    border: none;
    outline: none;
}

.buscaLps svg.ico {
    position: absolute;
    top: 50%;
    left: 24px;
    font-size: 22px;
    transform: translateY(-50%);

}

.autocomplete-input svg.lupa {
    cursor: pointer;
    position: absolute;
    top: 48%;
    right: 16px;
    transform: translateY(-50%);
}

.buscaLps {
position: relative;
    width: 100%;
    padding: 1rem 4.2rem 1rem ;
    border-radius: 60px;
    background-color: #efefef;
}
.feat section:hover {
    border: 1px solid #E4003A;
}
.feat section {
    display: block;
    height: auto;
    margin: 0px auto 35px auto;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 100px;
    transition: all .5s ease;
}
.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: relative;
    text-align: center;
    font-weight: bold;
    /*inset: calc(20vh + 3.25rem) 0 auto 0.2rem;*/
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

code {
    color: #c02d76;
}


/* ------------- fontes ---------------- */
@font-face {
    font-family: 'LopesSansBold';
    src: url('/font/lopessans-bold-webfont.woff2') format('woff2'), url('/font/lopessans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LopesLight';
    src: url('/font/lopessans-light-webfont.woff2') format('woff2'), url('/font/lopessans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-style: normal;
}

body .nav-link:focus,body .nav-link:hover {
    color: grey !important;
}

@font-face {
    font-family: 'LopesSansRegular';
    src: url('/font/lopessans-regular-webfont.woff2') format('woff2'), url('/font/lopessans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.btn-outline-light {
    font-style: normal;
    line-height: 1.5;
    display: flex;
    align-items: center;
}

strong {
    font-family: 'LopesSansBold';
}

.fontR {
    font-family: 'LopesSansRegular';
}

.fontL {
    font-family: 'LopesLight';
}

.fontB {
    font-family: 'LopesSansBold';
}

.fontEL {
    font-family: 'LopesLight';
}

.index3 {
    z-index: 3;
}

h1 {
    font-size: 50px;
    line-height: 51px;
}

h2 {
    line-height: 50px;
    font-size: 42px;
}

h3 {
    line-height: 40px;
    font-size: 35px;
}

.fs18 {
    font-size: 18px;
}

.fs25 {
    font-size: 25px !important;
    line-height: 30px;
}

.fw100 {
    font-weight: 100 !important;
}

.text-left {
    text-align: left;
}

.fs12 {
    font-size: 12px !important;
}

.buscaLps .d-flex.justify-content-between.align-items-center {
    border-right: 1px solid #cfcfcf;
    padding-right: 3rem;
}

select optgroup {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    color: #000;
    line-height: inherit;
}


    /* ------------------ geral & medias screens----------------- */
    .indice-lgpd li {
    list-style: decimal !important;
}

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

    .optionsCards .optionCard.active {
        max-width: 40% !important;
    }
}

@media screen and (min-width: 1200px) {
    .optionCard .label .fontL.fs25 {
        font-size: 23px !important;
        line-height: 27px;
    }

    .lojasPatri .col-lg-6 {
        width: 49%;
    }

    .lojasPatri {
        justify-content: space-between;
    }

    .col-lg-5.contFotoPD {
        width: 43.7% !important;
    }
}

@media screen and (min-width: 993px) and (max-width: 1366px) {
    .stat-number {
        font-size: 44px !important;
    }
}

@media screen and (min-width: 1366px) {
    .svgP {
        width: 28%;
        position: absolute;
        left: 0rem;
        top: -2.9rem;
        z-index: 5;
    }
}

@media screen and (max-width: 414px) {
    .image-name {
        margin-bottom: 1rem;
        padding: 0 !important;
    }
}

@media screen and (max-width: 600px) {
    .slick-prev {
        left: -40px !important;
        z-index: 99;
    }

    .slick-prev {
        right: -15px !important;
        z-index: 99;
    }

        .slick-prev:before, .slick-next:before {
            opacity: 1 !important;
        }
}

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

    .slick-prev {
        left: -70px !important;
    }
    .slick-slide .property-card{
        padding: 0 10px !important
    }
}

@media screen and (max-width: 992px) {
    body .buscaLps .justify-content-between {
        justify-content: inherit !important;
        gap: 10px;
    }

    .buscaLps .d-flex.justify-content-between.align-items-center svg {
        width: 12px !important;
    }

    .buscaLps .d-flex.justify-content-between.align-items-center {
        min-width: 70px !important;
        padding-right: 10px;
    }

    .buscaLps input {
        min-width: 52% !important;
    }

    .buscaLps .form-select {
        max-width: 77px !important;
    }

    .centraT .t-pink {
        line-height: 19px;
    }

    .centraT {
        text-align: center;
    }

    .topoH figure img {
        margin-left: -13rem;
    }

    .buscaLps {
        padding: 1rem;
    }

    .infosCtt .centra {
        align-items: center;
        text-align: center;
    }

    .msTF {
    margin-bottom: 0;
    padding-top: 1rem !important;
    font-size: 26px !important;
    line-height: 34px !important;
}

    .addGap {
        gap: 1rem;
    }

    .option, .optionImv {
        padding: 0px 15px !important;
    }

    .cardBuscaTopo .col-lg-4 {
        color: #fff !important;
    }

    .cardBuscaTopo .form-control::placeholder {
        color: #fff !important;
    }

    .cardBuscaTopo .form-control, .cardBuscaTopo .form-select {
        background: transparent !important;
        color: #fff !important;
    }

    .cardBuscaTopo {
        padding: 0 !important;
        background: transparent !important;
    }

    .bgTopo {
        padding: 2rem !important;
    }

    .padCalc .btn-vazadoB {
        width: 100% !important;
    }

    .bganuncie .sobe {
        margin-top: -7rem;
    }

    .cardImgAnun img {
        width: 145%;
    }

    .addGap .col-lg-5 svg {
        display: none !important;
    }

    .addGap .d-flex.col-lg-2.justify-content-between {
        margin-top: 3rem !important;
        gap: 3.5rem !important;
        justify-content: center !important;
    }

    .cardImgAnun {
        top: -7rem !important;
        left: -3.2rem !important;
        position: relative !important;
    }

    .slick-data .slick-next, .slick-hora .slick-next {
        right: 10px !important;
    }

    .slick-data .slick-prev, .slick-hora .slick-prev {
        left: -18px !important;
    }

    .ftImovelAgenda .card1 {
        height: 315px !important;
    }

    .selecao-imoveis {
        padding-top: .5rem !important;
        padding-bottom: 1rem !important;
    }

    .bgRed .slider .fontEL.col-lg-10 {
        max-width: 77% !important;
    }

    .mdT {
        margin-top: -2.5rem !important;
    }

    .slick-prev:before, .slick-next:before {
        height: 50px;
        width: 50px;
        justify-content: center;
        align-items: center;
        display: inline-flex;
    }

    .tagMoney {
        align-items: center;
        height: 35px;
        margin-bottom: 10px;
        display: inline-flex;
    }

    .indica {
        padding: 2rem !important;
    }

    #gallery {
        height: fit-content;
    }

        #gallery > div > img {
            height: 250px;
            object-fit: cover;
        }

    .etapas {
        margin-left: -1rem;
        grid-template-columns: repeat(2, 1fr);
        display: grid !important;
        gap: 0 !important;
    }

    .calculadora {
        padding-top: 0 !important;
    }

    #vantagens {
        padding: 0 !important;
    }

    .optionsCards .info .sub .property-info svg {
        display: block;
    }

    .optionsCards .info .sub svg {
        display: none;
    }

    .image-name {
        position: absolute;
        bottom: -11.5rem;
        padding: 0 !important;
    }

    .infosFotoPD .property-info {
        gap: 17px !important;
    }

    .property-card .property-price svg {
        height: 45px !important;
        width: 45px !important;
    }
    .sliderHome .slick-slide{
        padding: 0 8px !important;
    }
    /*  .slick-slide .property-card {
        margin-right: 15px;
    }*/
    .bgLoc {
        padding: 1rem !important;
    }

    .tagMoney {
        font-size: 27px !important;
    }

    .blRed {
        border-right: none !important;
        border-bottom: 1px solid #E4003A;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }

    .centra {
        justify-content: center;
    }

    .fs25 {
        font-size: 20px !important;
    }

    .ftImovelAgenda {
        padding-top: 0 !important;
    }

    .mpt {
        padding-top: 0 !important;
    }

    .imgContato img {
        max-height: 414px !important;
        width: 100% !important;
    }

    .imgContato {
        position: relative !important;
    }

    .miniFoto {
        margin-bottom: 2rem;
    }

    .gridi {
        width: 100%;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-template-rows: repeat(3, auto) !important;
        gap: 10px !important;
    }

    .property-details.lan .property-price div {
        position: absolute;
        right: 13px !important;
        bottom: 15px !important;
    }

    .slick-slide {
        margin-right: 0 !important;
    }

    .w35 {
        width: 35%;
        border-left: 1px solid #000 !important;
    }

    .w50 {
        width: 50%;
    }

    .btDP {
        display: flex !important;
    }

    .slider {
        margin-left: 0.9rem !important;
    }

    .nav-link {
        border-bottom: none !important;
        color: #000 !important;
    }

    .navbar-nav {
        margin-top: 1.5rem;
    }

    .some {
        display: none !important;
    }

    .fs18 {
        font-size: 16px;
    }

    .stat-number {
        font-size: 45px !important;
    }

    .md-align {
        text-align: center;
        padding-right: 1rem !important;
        padding-left: 1rem !important;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .slick-next {
        right: 8px !important;
    }

    .slick-prev {
        left: -55px;
    }

    .anuncie {
        background: linear-gradient(266.28deg, #D91F02 3.25%, #171717 125.01%), #E4E4E4;
    }

        .anuncie img {
            left: -60%;
            opacity: .07;
        }

    .padCalc {
        position: relative;
        z-index: 5;
        padding: 1.5rem !important;
    }

    .infosCalc .card .border-right {
        border-right: 0 !important;
        border-bottom: 1px solid #636363;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .infosCalc .card {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .calculadora .container {
        max-height: 730px;
        overflow: hidden;
    }

    .calcSvg {
        transform: rotate(11deg);
        position: relative !important;
        right: -3rem !important;
    }

    .bg-ganhe {
        display: none;
    }

    .lancamentos .row .col-md-3, .lancamentos .row .col-md-6, .lancamentos .row .col-md-9, .lancamentos .row .col-md-12 {
        width: fit-content !important;
        padding-left: 0 !important;
        padding-right: 1rem !important;
    }

    .lancamentos .row {
        flex-wrap: inherit !important;
    }

    .slideCardsLan {
        padding-left: 15%;
        width: 100vw !important;
        overflow-x: scroll;
        scrollbar-width: none;
        display: flex;
    }

    .card1, .card2, .card3 {
        height: 180px !important;
        width: 100%;
    }

    .lancamentos h3::before {
        left: -4rem !important;
    }

    .lancamentos h3::after {
        right: -4rem !important;
    }

    .lancamentos h3 {
        font-size: 35px;
        text-align: center;
        flex-direction: column;
        line-height: 33px;
    }

    .essencia-carioca {
        padding: 5rem 0 !important;
    }

    .svgP {
        height: 470px !important;
        left: -5.8rem !important;
    }

    .cfb {
        text-align: center;
    }

    h1, h2 {
        line-height: 40px;
        font-size: 34px;
    }

    h3 {
        line-height: 40px;
        font-size: 32px;
    }

    .mdW {
        width: 100%;
    }

        .mdW .gap2 {
            width: fit-content;
        }

        .mdW h3 {
            text-align: center;
        }

        .mdW .slideCardsLan {
            padding-left: 4% !important;
            padding-right: 4rem !important;
        }


    .btnsTopo {
        flex-direction: column;
    }

        .btnsTopo button {
            width: 100% !important;
        }

    body .swl .topoH {
        height: 610px !important;
    }

     /*   .topoH .btn-black {
            background: #fff !important;
        }*/
}


.cardBuscaTopo input.form-control {
    padding: .65rem 1rem !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 90% !important;
}

.cfb {
    color: #FBFBFB !important;
}

.cfb2 {
    color: #808080;
}

.bgB1 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-y: 50% !important;
    background: url('/media/bgBusca1.webp');
}

.bgB2 {
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position-y: 50% !important;
    background: url('/media/bgBusca2.webp');
}

.bb-0 {
    border-bottom: 0 !important;
}

.bt-0 {
    border-top: 0 !important;
}

.tagBusca {
    background: #a4a4a4;
    font-size: 16px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px
}

.bgg2 {
    background: #F1F1F1;
}

.text-right {
    text-align: right;
}

.contact-f .form-select {
    --bs-form-select-bg-img: none !important;
}

.ml-2 {
    margin-left: .8rem;
}

.lh1 {
    line-height: 26px;
}

.ovh {
    overflow: hidden;
}

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

.btDP {
    display: none;
}

body, html {
    width: 100vw;
    overflow-x: hidden;
}

.letter {
    letter-spacing: 2px;
}

.wfit {
    width: fit-content;
}

.fs13 {
    font-size: 13px;
}
/* -------------- navbar ------------------- */
.navbar-toggler:active, .navbar-toggler:focus, button {
    box-shadow: none;
}

.navbar button:focus {
    border: none !important;
    outline: none !important;
}

.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 20px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .start-header.scroll-on {
        box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
        padding: 10px 0;
        background: #fff;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .start-header.scroll-on .navbar-brand img {
            height: 24px;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

.navigation-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar {
    padding: 0;
}

.navbar-brand img {
    width: auto;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

    .navbar-toggler:active,
    .navbar-toggler:focus {
        outline: none;
    }

.start-header.scroll-on .navbar-light .navbar-toggler-icon {
    border-bottom: 1px solid #000;
}

    .start-header.scroll-on .navbar-light .navbar-toggler-icon:after,
    .start-header.scroll-on .navbar-light .navbar-toggler-icon:before,
    .start-header.bg-white .navbar-toggler-icon:after,
    .start-header.bg-white .navbar-toggler-icon:before {
        background-color: #000;
    }

.start-header.bg-white .txt-icon {
    color: #000;
}

.start-header.scroll-on .txt-icon {
    color: #000;
}

.txt-icon {
    color: #fff;
    font-size: 13px;
    letter-spacing: 2.5px;
    font-family: 'poppinsextralight';
}

.navbar-light .navbar-toggler-icon {
    width: 100%;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #ffffff;
    transition: all 300ms linear;
}

    .navbar-light .navbar-toggler-icon:after,
    .navbar-light .navbar-toggler-icon:before {
        width: 35px;
        position: absolute;
        height: 1px;
        background-color: #ffffff;
        top: 0;
        right: 0;
        content: "";
        z-index: 2;
        transition: all 300ms linear;
    }

.start-header.bg-white {
    background-color: white;
    transition: background-color 0.2s ease; /* Animação suave */
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-bottom: 1px solid transparent !important;
}

.nav-link {
    transition: all 200ms linear;
}

.nav-item:hover .nav-link {
    color: #ffffff;
}

.nav-item.active .nav-link {
    color: #777 !important;
}

.nav-link {
    position: relative;
}

.nav-item:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #ffffff;
    opacity: 0;
    transition: all 200ms linear;
}

.navbar.scrolled .nav-item:after {
    background-color: #000;
}

.navbar.scrolled .nav-item:hover .nav-link {
    color: #000000 !important;
}

.nav-item:hover:after {
    bottom: 0;
    opacity: 1;
}

.nav-item.active:hover:after {
    opacity: 0;
}

.nav-item {
    position: relative;
    transition: all 200ms linear;
}

.nav-link {
    font-family: 'LopesLight';
    letter-spacing: .5px;
    color: #fff;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: rgb(255 255 255);
}

.navbar.transparent {
    background-color: transparent;
}
.nav-link {

    color: #000000;
}

/* #Primary style
  ================================================== */

.bg-light {
    background-color: #fff !important;
    transition: all 200ms linear;
}

.section {
    position: relative;
    width: 100%;
    display: block;
}

.full-height {
    height: 100vh;
}

.over-hide {
    overflow: hidden;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: 40px;
    transform: translateY(-50%);
    z-index: 20;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
}
/* #Media
  ================================================== */

@media (max-width: 767px) {
    h1 {
        font-size: 38px;
    }

    .nav-item:after {
        display: none;
    }
}

/* --------------topo home ------------------- */
@media (min-width: 1400px) {
    .topoH .container.bgTopo {
        max-width: 1420px !important;
    }
}

.bgTopo {
    padding: 3.5rem 3.5rem 2rem;
    background: url(/media/bgHome.webp);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.btn-vazado {
    padding: 10px 15px;
    color: #E4003A;
    border: 2px solid #E4003A !important;
}

.bgTopo::before {
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1C1C1C 94.07%);
    position: absolute;
    width: 100%;
    height: 58%;
    left: 0px;
    bottom: 0;
    content: " ";
    z-index: 3;
}

.topoH {
    height: 490px;
}

.cardBuscaTopo {
    border-radius: 15px;
    margin-top: 1.5rem;
}

    .cardBuscaTopo .form-control::placeholder {
        color: #fff !important;
    }

    .cardBuscaTopo .form-control {
        color: #fff;
        background: rgba(240, 240, 240, 0.15) !important;
        border: 1px solid #FFFFFF !important;
        backdrop-filter: blur(3px) !important;
    }

    .cardBuscaTopo .form-select {
        border: none !important;
        background: transparent;
        color: #fff;
    }

        .cardBuscaTopo .form-select option {
            color: #000 !important;
        }

.buscaTopo {
    bottom: 0 !important;
}
/* ------------- botões ---------------- */
.btn-danger {
    background: #E4003A;
    padding: .5rem 1.2rem;
}

.t-pink {
    line-height: 19px;
    color: #E4003A;
}

.btn-black {
    background: #e4003a;
    padding: 0 1.2rem;
    color: #fff;
}

.btn-vazadoB {
    padding-bottom: 13px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 7px;
    font-size: 17px !important;
    color: #ffffff;
    font-family: 'LopesLight', sans-serif !important;
}

.btn-white:hover, .btn-white:active, .btn-white:focus {
    background: #1c1c1c;
    color: #fff !important;
}

.btn-vazado:hover, .btn-vazadoB:hover, .btn-vazadoRed:hover, .btn-black:hover {
    background: #E4003A;
    color: #fff !important;
}


/*.btn-vazado {
        border: 1px solid black;
        border-radius: 7px;
        font-size: 17px !important;
        color: #636363;
        font-family: 'LopesLight', sans-serif !important;
    }*/

.property-card button {
    font-size: 15px !important;
    height: 38px;
}

.btn-white {
    font-size: 16px !important;
    background: #fff;
    color: #141414;
}



.btn-grey {
    background: #2e2e2e;
    padding: .5rem 1.2rem;
    color: #fff;
}

.btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px;
    height: 42px;
    gap: 10px;
    padding: 0 .75rem !important;

    font-family: 'lopeslight';
    border-radius: 10px;
    padding-top: 0;
}


/* -------------------------calculadora ----------------------- */
/* .calculadora::before{
        opacity: .1;
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background-image: url('/media/bgcalc.png');
        background-size: cover;

    }*/
.calculadora {
    background: #E4003A;
    border-radius: 12px;
}
body .swl .calculadora {
    background: #D81117 !important;
}

.index9 {
    z-index: 9;
}

.simuSemelhantes .property-details {
    min-height: 215px;
}

.pad2 {
    padding: 2rem !important;
}

.calcGrid .gridi {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(3, auto) !important;
    gap: 10px !important;
}

.fs12 {
    font-size: 12px;
}

.padCalc {
    padding: 3rem;
}

.cardCalc .form-input {
    border: none;
    border-bottom: 1px solid #dee2e6;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    box-shadow: none;
    outline: none;
}

.cardResult {
    display: flex;
    border: 1px solid #383838;
    border-radius: 12px;
    overflow: hidden;
}

.btn-primSimu {
    min-width: fit-content;
    background: #383838;
    color: #fff !important;
    padding: 1rem;
    font-family: 'LopesLight';
    font-size: 20px;
    border: none;
}

.btn-seconSimu {
    min-width: fit-content;
    padding: 1rem;
    border: none;
    font-family: 'LopesLight';
    font-size: 20px;
    background: transparent;
    color: #383838 !important;
}

.calcSvg {
    position: absolute;
    width: 100%;
    object-fit: cover;
    bottom: 2rem;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    right: -3rem;
    z-index: 3;
}

.calculadora .some::before {
    position: absolute;
    content: ' ';
    background: url(/media/logoSimuLps.png);
    height: 100%;
    width: 100%;
    background-position: center;
    z-index: 1;
    top: 0;
    background-size: cover;
    left: -19rem;
}

body .swl .calculadora .some::before {
    position: absolute;
    content: ' ';
    background: url(/media/logoSimuSwl.png);
    height: 100%;
    width: 100%;
    background-position: center;
    z-index: 1;
    top: 0;
    background-size: cover;
    left: -19rem;
}

.md-align {
    text-align: left;
}

#forma1, #forma2 {
    box-shadow: none;
    outline: none;
}


/*----------------- estilo de vida ------------------*/
.sliderHome .slick-slide {
    margin-right: inherit !important;
}

.sliderHome h3 {
    font-size: 24px !important;
}

.sliderHome .slick-dots {
    right: 4.5% !important;
    bottom: 6.5% !important;
    width: fit-content !important;
}

.sliderHome .slick-next {
    right: 0 !important;
}

.sliderHome .slick-dots li button:before {
    font-size: 35px !important;
}

/*.sliderHome .slick-prev {
    right: 18% !important;
    left: inherit !important;
}*/

.sliderHome .slick-prev, .sliderHome .slick-next {
    top: inherit !important;
    bottom: 0 !important;
}

.slide-item {
    padding: 15px;
}

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

{
    background: #585858;
}

.sliderHome .slick-prev, .sliderHome .slick-next {
    border-radius: 50%;
    box-shadow: none;
    /* border: 1px solid #7d7d7d !important; */
    position: absolute;
    top: 50% !important;
    /* transform: translateY(-55%); */
    background: white;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 20%);
    height: 50px;
    width: 50px;
    color: #fff;
    border: none;
    cursor: pointer;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.sliderHome .slick-dots{
    display: none !important;
}
.sliderHome .slick-prev {
    left: -50px !important;
}

.sliderHome .slick-next {
    right: -50px !important;
}

    .sliderHome .slick-prev:before, .sliderHome .slick-next:before {
        background: transparent !important;
        box-shadow: none;
        padding: 0 !important;
        height: auto !important;
        width: auto !important;
    }

/*---------------------- regiões home ---------------*/
.bgbeige {
    background: #e9e9e9;
}

.card1, .card2, .card3 {
    position: relative;
}

    .card1 img, .card2 img, .card3 img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out;
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    .card1:hover img, .card2:hover img, .card3:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.tiltCardsBusca {
    padding: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cards-busca .overlay p {
    font-size: 22px;
}

.cards-busca .overlay {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    background: linear-gradient(178.23deg, rgba(0, 0, 0, 0) 0%, rgb(27 21 32 / 90%) 100%);
    position: absolute;
    text-align: center;
    z-index: 2;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 2rem;
}



/* ------------ seleção de imoveis home ----------------- */
.selector {
    height: 2.7rem;
    display: flex;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.selecao-imoveis .selector, .selecao-imoveis .optionImv {
    height: 3rem !important;
    font-size: 18px;
}

.selecao-imoveis .selector {
    border-bottom: none !important;
}

.option, .optionImv {
    padding: 0px 20px;
    cursor: pointer;
    font-weight: 100;
    font-family: 'LopesLight';
    position: relative;
    font-size: 18px;
    letter-spacing: .8px;
    height: 2.7rem;
}

    .option::after, .optionImv::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 3px;
        width: 100%;
        background-color: transparent;
        transition: all 0.3s ease;
    }

    .option.active {
        font-weight: 600 !important;
        color: #fff;
    }

    .optionImv.active {
        font-weight: 600 !important;
        color: #000;
    }

    .option.active::after {
        background-color: #fff;
        transform: scaleX(1);
    }

    .optionImv.active::after {
        background-color: #000;
        transform: scaleX(1);
    }

    .option:not(.active)::after, .optionImv:not(.active)::after {
        transform: scaleX(0);
        background-color: transparent;
    }

    .option:not(.active) {
        color: #fff;
    }

    .optionImv:not(.active) {
        color: #585858;
    }

.property-card {
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
    letter-spacing: .5px;
    font-family: 'LopesLight', sans-serif;
    background-color: #fff;
}

.property-image {
    position: relative;
    height: 240px;
}

    .property-image img {
        border-radius: 15px;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.property-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 54%;
    display: flex;
    align-items: end;
    justify-content: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 31.14%, #000000 104.62%);
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1.5px;
    font-weight: bold;
    border-radius: 0 0 15px 15px;
}

.property-details {
    padding: 4px 20px 36px 20px;
}

.property-code {
    height: 40px;
    font-size: 15px;
    color: #979797;
    margin: 0;
}

.property-details.lan .property-price {
    width: fit-content !important;
}

.property-details.lan {
    position: relative;
}

    .property-details.lan .property-price div {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }


.property-address {
    font-size: 16px;
    color: #434343;
    margin: 0;
    margin-bottom: 15px;
}

.property-info .gap1 {
    align-items: start;
}

.property-info {
    align-items: start;
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.gap1 {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0;
}

.gap2 {
    display: flex;
    gap: 12px;
    margin-bottom: 0;
}

.property-info span {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #373737;
    font-family: 'LopesLight';
}

.property-info img {
    margin-right: 5px;
}

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

.property-button {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}

.slick-prev:before, .slick-next:before {
    color: #000; /* Cor das setas */
}

.slick-prev:before, .slick-next:before {
    font-size: 30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 17.3px rgba(0, 0, 0, 0.25);
    color: black !important;
    border-radius: 50%;
    padding: 15px;
    height: 55px !important;
    display: flex;
    justify-content: center;
    width: 55px !important;
}

.slick-slide {
    margin-right: 20px; /* Gap entre os slides */
}

.slick-list {
    margin-right: -20px; /* Compensa o gap no último slide */
}
/* ----------------------anuncie -------------------------- */

.bganuncie {
    position: relative;
    background: url(image.png), linear-gradient(262.29deg, #1C1C1C 4.63%, #34241E 61.24%);
    border-radius: 25px;
}

.cardImgAnun {
    top: -6rem;
    left: -2.2rem;
    position: absolute;
}
/*-----------------------------------------------------*/
.contact-f, .ddlBusca .select2.select2-container.select2-container--default {
    font-size: 15px;
    background-color: transparent;
    border-bottom: 1px solid #c0c0c08a !important;
    border-left: 0 !important;
    font-family: 'lopeslight';
    border-right: 0 !important;
    border-top: 0 !important;
    border-radius: 0;
    padding: 15px;
    letter-spacing: 1.2px;
    padding-left: 0px !important;
    color: #fff;
}

    .contact-f .seta {
        position: absolute;
        right: 1rem;
        bottom: 2.3rem;
    }

.anuncie {
    min-height: 590px;
    background: linear-gradient(266.28deg, #D91F02 -3.25%, #171717 92.01%), #E4E4E4;
}

.colorInput input, .colorInput textarea {
    color: #fff !important;
}

    .colorInput input::placeholder, .colorInput textarea::placeholder {
        color: #fff !important;
    }

.input type {
    radio
}

{
}

.bgBlack input[type="radio"] {
    appearance: none; /* Remove o estilo padrão */
    width: 16px;
    height: 16px;
    border: 2px solid white; /* Borda branca */
    border-radius: 50%;
    background-color: transparent; /* Fundo transparente */
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .bgBlack input[type="radio"]:checked::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: white; /* Círculo branco quando selecionado */
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.input {
    border: none !important;
    outline: none !important;
    background: transparent !important;
}

select {
    box-shadow: none;
    border: none !important;
}

.bgBlack {
    overflow: hidden;
    background: linear-gradient(90.41deg, #E4003A 10%, #50252D 100%);
}

 
    .bgBlack::after {
        content: " ";
        position: absolute;
        width: 50%;
        height: 145px;
        left: -20%;
        bottom: -47px;
        z-index: 3;
        background: #ff9c38;
        opacity: 0.2;
        filter: blur(150px);
        transform: rotate(20.25deg);
    }

.letter1 {
    letter-spacing: 3px;
    text-transform: uppercase;
}

.etapas {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width: 1000px) and (max-width: 1370px) {
    .etapas img {
        max-width: 145px !important;
        object-fit: contain;
    }
}

.form-control:focus {
    background: none !important;
    box-shadow: none !important;
}



/* ---------------------footer -------------------- */
footer {
    font-family: LopesLight, sans-serif;
    letter-spacing: 1px;
    background-color: #E4003A !important;
}

.list-unstyled li a {
    color: rgb(167 167 167) !important;
}

footer h5 {
    font-weight: bold;
}

footer a {
    color: #fff;
}

.receba input {
    color: #fff;
}

.receba {
    position: relative;
    display: flex;
    justify-content: space-between;
    border: 1px solid #fff;
    border-radius: 11px;
    padding: 0px 0rem 0 1.5rem;
}

.btreceba {
    height: 50px;
    width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #fff !important;
}

.upper {
    text-transform: uppercase;
}

.btreceba input {
    opacity: 0;
    position: absolute;
    right: 0;
}

.lineFooter {
    height: 1px;
    width: 100%;
    background: #7c7c7c;
}

/* ------------------Pag de Destaque Prontos --------------------  */

.ft-pronto-destaque {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0 30px 30px 0;
}

.justifyVer {
    justify-content: end;
}

.outros-prontos {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bgP {
    background: #1C1C1C;
}

.cardProntoD img {
    object-fit: cover;
    transform: scale(1);
    transition: transform .5s ease-in-out, filter .5s ease-in-out;
    filter: grayscale(0);
}

.card-bodyLan:hover > .cardProntoD img {
    transform: scale(1.1);
    transition: .5s ease-in-out;
    filter: grayscale(1);
}

.card-bodyLan {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 1.8rem;
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 75%;
    left: 0;
    bottom: 0;
    color: #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
}

.ftImovelAgenda .card1 {
    overflow: hidden;
    border-radius: 20px;
}

.cardProntoD:hover img {
    transform: scale(1.1);
    transition: .5s ease-in-out;
    filter: grayscale(1);
}

.cardProntoD {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    height: 235px;
    width: 190px;
    background: #D6D6D6;
    border-radius: 12px;
}

.tagPronto {
    z-index: 3;
    background: #000;
    border-radius: 6px;
    height: 25px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px;
    position: absolute;
    top: 1rem;
    left: 1.3rem;
}

.cardProntoD .card-bodyLan {
    padding: 1.3rem !important;
}

.contFotoPD {
    position: absolute;
    left: 0;
    height: 100%;
}

.outros-prontos::before {
    content: " ";
    position: absolute;
    right: -14%;
    width: 270.16px;
    height: 518.43px;
    top: -114.01px;
    background: rgba(241, 35, 3, 0.15);
    filter: blur(100px);
    transform: rotate(-20.47deg);
}

.outros-prontos::after {
    content: " ";
    position: absolute;
    right: 50%;
    width: 270.16px;
    height: 270px;
    bottom: -114.01px;
    background: rgba(241, 35, 3, 0.15);
    filter: blur(100px);
    transform: rotate(-20.47deg);
}

.buscaDprontos {
    border: 1px solid #000;
    border-radius: 12px;
}

    .buscaDprontos select {
        outline: none;
        width: 100%;
        color: grey;
        background: transparent;
        cursor: pointer;
    }

    .buscaDprontos .col-lg-2 {
        display: flex;
        justify-content: center;
        padding: 1rem;
        border-left: 1px solid #000;
    }

.hbt {
    height: 57px !important;
}

.bgg {
    background: #EFEEEC;
}

.bairros .cardProntoD {
    height: 270px !important;
    width: 25%;
}

.l0 {
    left: 0 !important;
}

.b0 {
    bottom: 0 !important;
}

.infosFotoPD {
    padding: .7rem 1rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(6px);
    position: absolute;
    z-index: 9;
    left: 36%;
    width: 54.666667% !important;
    bottom: 2.8rem;
}

@media screen and (min-width: 993px) and (max-width: 1400px) {
    .infosFotoPD {
        left: 20%;
        width: 74% !important;
    }
}

.infosFotoPD span {
    color: #fff;
    font-size: 16px;
    letter-spacing: .7px;
}

.infosFotoPD .bt-a {
    position: absolute;
    right: -1rem;
    bottom: -.5rem;
}

.infosFotoPD .property-info {
    gap: 35px;
}
/* -------------------- pag destaque de lançamentos ------------------------ */
.imgLan {
    opacity: .8;
    position: absolute;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.card-bodyLan .card-text.fontL span {
    margin-right: 7px !important;
    margin-bottom: 3px;
}

.topoLan::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #181818e8, transparent);
    z-index: 2;
}

.topoLan {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

.bgSection {
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-position-y: 20%;
}

/* ----------------- pagina de Calculadora ---------------------- */
.bgRed {
    position: relative;
    background: #E4003A;
}

    .bgRed::before {
        content: " ";
        position: absolute;
        width: 26rem;
        height: 10rem;
        left: 40%;
        top: 0;
        z-index: 2;
        background: rgba(255, 228, 224, 0.6);
        filter: blur(100px);
        transform: rotate(82.83deg);
    }

    .bgRed::after {
        content: " ";
        position: absolute;
        width: 26rem;
        height: 7rem;
        left: -10%;
        bottom: 0;
        z-index: 2;
        background: rgba(255, 228, 224, 0.67);
        filter: blur(100px);
        transform: rotate(82.83deg);
    }

.ftCalc img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ftCalc {
    height: 100%;
    position: absolute;
    right: 0;
    padding: 0;
    top: 0;
}

.infosCalc .card {
    border: none;
    background: #FFFFFF;
    box-shadow: 4px 5px 19.6px -1px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

    .infosCalc .card .border-right {
        border-right: 1px solid #636363;
    }

.infosCalc input {
    border: none;
    outline: none;
}

.logoBanco {
    background: grey;
    height: 70px;
    min-width: 70px;
    max-width: 70px;
}

ul {
    list-style: none;
}

.gridi {
    gap: 2.2rem;
}
/* ------------- contato ------------- */
.formContato input, .formContato textarea {
    border: none;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important;
}

.ftCtt {
    height: 100px;
    width: 100px;
    background: #000;
    border-radius: 50%;
    object-fit: cover;
}

hr {
    margin: .5rem 0 !important;
}

.cfb3 {
    color: #828282;
}

.cfb4 {
    color: #444444;
}

select {
    box-shadow: none !important;
    cursor: pointer;
}

/* --------------- agendar visita ------------- */

.swl .item:hover .valData, .swl .item:hover .valHora, .swl .item.clicked .valData, .swl .item.clicked .valHora {
    background: #EB0E16;
}

.item:hover .valData, .item:hover .valHora, .item.clicked .valData, .item.clicked .valHora {
    background: #E4003A;
    cursor: pointer;
    transition: .3s ease-in-out;
    color: #fff;
}

.mr-1 {
    margin-right: 5px;
}

.item-data, .item-hora {
    padding: 20px 0;
}

.slick-data .slick-prev, .slick-data .slick-next, .slick-hora .slick-prev, .slick-hora .slick-next {
    top: 36% !important;
}

.topoAgendar::before {
    content: " ";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to bottom, #131313ec, transparent);
}

.topoAgendar {
    position: relative;
    background-size: cover !important;
    background-position-y: 40% !important;
}

    .topoAgendar .card1 {
        height: 455px;
        margin-bottom: -3.2rem;
    }

.ftImovelAgenda {
    padding-top: 2rem;
}

.topoAgendar .bg {
    position: absolute;
    height: 100%;
    width: 100%;
    filter: grayscale(100%);
    object-fit: cover;
}

.valData {
    padding-bottom: 2rem !important;
}

.item .valData, .item .valHora {
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid #cecece;
}

.bgRed2 {
    background: linear-gradient(252.89deg, #E4003A 1.12%, #171717 110%);
}

.item {
    margin: 7px;
}

.selecao-imoveis.swl{
    display: none !important;
}
/* ---------------------- sobre ----------------- */
@media only screen and ( max-width: 700px) {
    .topoLps h3 {
        line-height: 26px !important;
        font-size: 28px !important;
    }
    .buscaLps input {
        max-width: 115px;
        min-width: auto !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

    @media only screen and ( max-width: 992px) {
        body .sliderHome .slick-prev {
            left: -30px !important;
        }

        body .sliderHome .slick-next {
            right: -30px !important;
        }

        .addmt {
            margin-top: 0rem !important;
        }

        .topoH fontR {
            line-height: 19px !important;
        }

        .topoH {
            height: fit-content !important;
        }

        .mxTL {
            position: relative !important;
            color: #000 !important;
        }

        .reverse {
            flex-direction: column-reverse;
        }

        .topoH h1 {
            font-size: 35px !important;
            line-height: 40px !important;
        }

        .mock {
            bottom: 0 !important;
            position: relative !important;
            right: 0 !important;
            width: 120%;
        }
    }

    .overlays {
        left: 0 !important;
        position: absolute;
        top: 0 !important;
        height: 100% !important;
    }

    .content {
        --active: 0;
        cursor: pointer;
        overflow: clip;
        position: relative;
        z-index: 10;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 1.5rem;
        padding: 2.5rem;
        width: 50%;
        height: 100%;
        border-radius: 1rem;
        transition: width 0.5s ease-in-out;
    }

    .mock {
        position: absolute;
        bottom: -3rem;
        right: -6rem;
    }



    .img1 {
        max-height: 565px;
    }

    .img2 {
        max-height: 282.5px;
    }

    .img3 {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .fts1Galeria img {
        width: -webkit-fill-available;
        object-fit: cover;
    }



    .category_container {
        --gap: 1.2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: var(--gap);
        width: 100%;
        height: 100%;
    }

    @media screen and (max-width: 992px) {
        .sliderHome .slick-dots {
            right: inherit !important;
            width: 100% !important;
        }



        .cardProntos .property-details {
            min-height: 216px !important;
        }

        .fts1Galeria .img2 {
            max-height: 125px !important;
        }

        .fts1Galeria .img1 {
            max-height: 250px !important;
        }

        .mapLojas {
            top: 14% !important;
        }

        .padLojas {
            padding-bottom: 21rem !important;
        }

        .lojasPatri .card .col-lg-9 {
            width: 95% !important;
        }

        .lojasPatri .card::before {
            top: -1.5rem !important;
            left: -2rem !important;
            height: 85px !important;
            width: 85px !important;
        }

        .lojasPatri {
            z-index: 99;
            top: 20rem;
            position: relative;
        }

        .profile_quote p {
            transform: inherit !important;
        }

        .profile_quote {
            opacity: 1 !important;
            min-height: inherit !important;
            transform: translateY(0) !important;
        }

        .contentCard {
            height: 470px !important;
            width: 290px !important;
        }

        .wrapperCard {
            width: 225px;
        }

        .category_container {
            padding-right: 6rem;
            min-width: 100vw !important;
            overflow-x: scroll;
            flex-wrap: nowrap;
            scrollbar-width: none !important;
        }
    }

    .padLojas {
        padding-bottom: 3rem;
    }

    .contentCard {
        --active: 0;
        cursor: pointer;
        overflow: clip;
        position: relative;
        z-index: 10;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 1.5rem;
        padding: 2.5rem;
        width: calc((100% / 3) - var(--gap));
        height: 420px;
        border-radius: 1rem;
        text-align: left;
        transition: width 0.5s ease-in-out;
    }

        .contentCard:hover {
            --active: 1;
        }

        .contentCard::before {
            content: "";
            position: absolute;
            z-index: -10;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--dark);
            opacity: 0.6;
        }

        .contentCard img {
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }


    .profile_detail {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        width: 12rem;
        transition: transform 0.5s cubic-bezier(0.23, 0.93, 0.77, 1) 0.01s;
    }

        .profile_detail span {
            font-size: 35px;
            font-weight: 600;
            color: #fff;
            text-wrap: nowrap;
        }

        .profile_detail p {
            font-size: 0.75rem;
            font-weight: 500;
            color: #fff;
        }

    .profile_quote {
        width: 100% !important;
        transform: translate(0, calc((1 - var(--active)) * (100% + 2.5rem)));
    }

        .profile_quote p {
            font-size: 15px;
            color: #fff;
            transform: translate(0, calc((1 - var(--active)) * (100% + 2.5rem)));
            transition: transform 0.5s cubic-bezier(0.23, 0.93, 0.77, 1) 0.1s;
        }


    .wrapperCard {
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;
        transition: grid-template-rows 0.5s cubic-bezier(0.23, 0.93, 0.77, 1) 0.01s;
    }


    .profile_quote {
        min-height: 0;
        transform: translateY(50%);
        opacity: 0;
        transition: opacity 0.8s ease-in-out, transform 0.8s cubic-bezier(0.23, 0.93, 0.77, 1) 0.01s;
    }

    .contentCard:hover .wrapperCard {
        grid-template-rows: 1fr;
    }

    .contentCard:hover .profile_quote {
        transform: none;
        opacity: 1;
    }

    .contentCard .num {
        position: absolute;
        top: 2rem;
        font-size: 65px;
    }

    .lojasPatri {
        margin-top: 26% !important;
    }

        .lojasPatri .card {
            position: relative;
            border: none;
            box-shadow: 8px 4px 21.4px -5px rgba(0, 0, 0, 0.25);
            border-radius: 14px;
        }

            .lojasPatri .card::before {
                content: " ";
                position: absolute;
                top: -1rem;
                left: -1rem;
                background-image: url('/media/iconPatri.png');
                height: 97px;
                width: 97px;
                background-size: contain;
                background-repeat: no-repeat;
            }

    .mapLojas {
        width: 100%;
        height: 380px;
        position: absolute;
        top: 20%;
        background-color: grey;
    }


    /* ----------------- ganhe dinheiro -------------------- */

    .tagMoney {
        display: inline-flex;
        height: 50px;
        font-size: 40px;
        color: #fff !important;
        background: #E4003A;
        border-radius: 60px;
        padding: .2rem 1.2rem;
    }

    .bgLoc {
        background-size: cover !important;
        padding: 2rem;
        background-repeat: no-repeat !important;
        background: url('/media/bgLoc.png');
    }

    .indica {
        background: #d92104;
        position: relative;
        border-radius: 20px;
        color: #fff;
    }

    .blRed {
        border-right: 1px solid #E4003A;
    }

    .bgIndicar {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        opacity: .5;
    }

    .img1-Moveis {
        position: absolute;
        z-index: 4;
        right: 0 !important;
        top: 0;
    }

        .img1-Moveis img {
            width: 100%;
            height: 100%;
            max-height: 325px;
            object-fit: cover;
        }

    .img2-Moveis {
        position: absolute;
        left: 0 !important;
        top: 0;
    }

        .img2-Moveis img {
            width: 100%;
            height: 100%;
            max-height: 380px;
            object-fit: cover;
        }

    /* -------------- admin ------------- */

    .dropFila .selection, .select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .dropFila .select2-selection__rendered {
        color: #000 !important;
    }

    .select2-container .select2-selection--single {
        width: 100% !important;
        height: 35px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        left: 0 !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: relative !important;
        top: 0 !important;
    }

    .tabFila .select2-selection__rendered, .dropFila .select2-selection__rendered {
        width: 100% !important;
        font-family: 'LopesLight', sans-serif !important;
        padding-left: 15px !important;
        color: #fff;
        letter-spacing: .5px;
    }

    .topoAdmin::before {
        background: linear-gradient(360deg, rgba(0, 0, 0, 0.048) 0%, #1C1C1C 100%);
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0;
        content: " ";
        z-index: 3;
    }


    .cardProntoD.select {
        margin-bottom: 2.9rem;
        flex-direction: column;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        line-height: 24px;
    }

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

    @media screen and (min-width: 993px) {
        .h4, h4 {
            font-size: 1.4rem;
        }

        .card-cont {
            padding: 2.8rem !important;
        }

        .slideCardsLan.admin .cardL {
            width: 24%;
        }

        .slideCardsLan.admin .cardProntoD {
            width: 100%;
            height: 255px !important;
        }
    }

    .cardL button {
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
    }

    .slider .cardL {
        width: auto !important;
    }

        .slider .cardL .cardProntoD {
            width: 100% !important;
        }

    /* ---------------- admin -------------- */



    #gallery {
        display: grid;
        height: 550px;
        grid-template: repeat(2, 1fr) / repeat(5, 1fr);
    }

    @media (max-width: 800px) {
        #gallery {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            justify-content: center;
        }

            #gallery > div {
                width: 48%;
                margin: 1%;
            }
    }

    @media (max-width: 800px) and (max-width: 350px) {
        #gallery > div {
            width: 98%;
        }
    }

    #gallery > div:nth-child(5n+1) {
        grid-column: span 2;
        grid-row: span 1;
    }

    #gallery > div:nth-child(4) {
        grid-column: span 2;
        grid-row: span 1;
    }

    #gallery > div:nth-child(2) {
        grid-column: span 2;
        grid-row: span 4;
    }

    #gallery > div:nth-child(3) {
        grid-column: span 1;
        grid-row: span 3;
    }

    #gallery > div > a {
        opacity: 0;
        position: absolute;
        font-size: 28px;
        font-family: 'LopesSansRegular';
        color: #ffffff;
        background-color: #0000004f;
        padding: 2rem;
        width: 100%;
        height: 100%;
        transition: all ease 1s;
    }

    #gallery > div > img {
        width: 100%;
        min-height: 100%;
        transition: all ease 1s;
    }

    #gallery > div:hover img {
        filter: blur(4px);
    }

    #gallery > div:hover a {
        opacity: 1;
    }

    #gallery > div {
        overflow: hidden;
        position: relative;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
    }

    #gallery div,
    #gallery a {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

    [id^=lightbox-] {
        z-index: 99;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        opacity: 0;
        transition: opacity 450ms ease-in-out;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

        [id^=lightbox-]:target {
            opacity: 1;
            pointer-events: inherit;
        }

            [id^=lightbox-]:target img {
                filter: blur(0);
            }

        [id^=lightbox-] .content {
            padding: 0;
            max-width: fit-content;
            height: fit-content !important;
            position: relative;
            color: #fff;
        }

            [id^=lightbox-] .content:hover > .title::after {
                opacity: 1;
            }

            [id^=lightbox-] .content > * {
                transition: all 450ms ease-in-out;
            }

        [id^=lightbox-] .title::after {
            content: " ";
            background-color: rgba(0, 0, 0, 0.4);
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            position: absolute;
            transition: all 350ms ease-in-out 250ms;
            opacity: 0;
            transform-origin: bottom;
            mix-blend-mode: soft-light;
        }

        [id^=lightbox-] img {
            width: auto;
            max-height: 65vh;
            max-width: fit-content;
            margin: 0;
            padding: 0;
            filter: blur(50px);
        }

        [id^=lightbox-] a.close {
            height: 2em;
            position: absolute;
            right: 0;
            top: 0;
            background-color: rgba(0, 0, 0, 0.85);
            display: flex;
            opacity: 1;
            align-items: center;
            padding: 1rem 2rem;
            gap: 1rem;
            font-size: 22px;
            font-family: 'LopesLight';
            text-decoration: none;
            letter-spacing: 1px;
            color: #fff;
        }

            [id^=lightbox-] a.close::after {
                content: "X";
            }



    .topoAdmin {
        height: 420px;
        background-attachment: fixed !important;
        filter: grayscale(1);
    }

    .btnPlus::before, .btnPlus2::before {
        content: "+";
        position: relative;
        padding-bottom: 5px;
        font-size: 34px;
        cursor: pointer;
    }

    .btnPlus2 {
        background: #2e2e2e4f !important;
    }

    .btnPlus, .btnPlus2 {
        cursor: pointer;
        position: absolute;
        right: 1rem;
        top: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        width: 40px;
        height: 40px;
        background: #ffffff4f;
        color: #fff;
    }

    .bgRank .border-bottom {
        border-bottom: 1px solid #ffffff36 !important;
    }

    .bgRank2 .border-bottom {
        border-bottom: 1px solid #E4003A !important;
    }

    .bgRed .border-right {
        border-right: 1px solid #fcfcfcaf;
    }

    .tabFila {
        min-height: 450px;
        background: linear-gradient(260.08deg, #8B1402 -22.23%, #1D1D1D 25.97%);
        border-radius: 20px;
    }

    .dropFila select {
        background: transparent;
        width: 100%;
        font-family: 'LopesLight';
        font-size: 16px;
        letter-spacing: .3px;
    }

    .dropFila {
        height: fit-content;
        padding: 5px 10px;
        min-width: 100px;
        border-radius: 5px;
        border: 1px solid #000;
    }

    .tabFila .header {
        padding: 2.2rem 2rem .5rem;
        border-bottom: 1px solid #ffffff4b;
    }

    .topoAdmin::before {
        background: linear-gradient(360deg, rgba(0, 0, 0, 0.048) 0%, #1C1C1C 100%);
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0;
        content: " ";
        z-index: 3;
    }

    .fs30 {
        line-height: 32px;
        font-size: 30px !important;
    }

    .fs22 {
        font-size: 22px;
        line-height: 27px;
    }

    .cardProntoD.select {
        margin-bottom: 2.9rem;
        flex-direction: column;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        line-height: 24px;
    }

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

    @media screen and (min-width: 993px) {
        .slideCardsLan.admin .cardL {
            width: 24%;
        }

        .slideCardsLan.admin .cardProntoD {
            width: 100%;
            height: 255px !important;
        }
    }

    .cardL button {
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
    }

    .slider .cardL {
        width: auto !important;
    }

        .slider .cardL .cardProntoD {
            width: 100% !important;
        }

    .desempenho select option {
        color: #000 !important;
    }

    .tabFila .contSelect {
        border: 1px solid #ffffffc2;
        border-radius: 10px;
        /*width: fit-content;*/
        width: 100%;
        padding: 6px 10px;
    }

    .tabFila select option {
        color: #000 !important;
    }

    .tabFila select {
        letter-spacing: .8px;
        font-size: 16px;
        font-family: 'poppinsextralight', sans-serif !important;
        background: transparent;
        color: #fff;
        cursor: pointer;
        width: 100%;
    }

    .tFila button {
        padding: 0 15px !important;
        font-size: 16px;
        height: 35px;
    }

    .tFila tr {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

        .tFila tr td {
            padding: 10px;
            padding-left: 0 !important;
        }

    .tFila thead tr {
        border-bottom: none;
        padding: 0 10px;
    }

    .desempenho .contSelect {
        border: 1px solid #ffffffc2;
        border-radius: 10px;
        width: 155px;
        padding: 3px 10px;
    }

    .desempenho select {
        outline: none;
        border: none;
        box-shadow: none;
        width: 100%;
        font-size: 22px;
        font-family: 'LopesLight';
        background: transparent;
        color: #fff;
        cursor: pointer;
    }


    .desempenho::before {
        content: " ";
        position: absolute;
        z-index: 2;
        width: 252.8px;
        height: 382.19px;
        left: -10%;
        top: -3%;
        background: rgba(255, 177, 104, 0.3);
        filter: blur(135px);
        transform: rotate(-13.37deg);
    }


    .desempenho::after {
        content: " ";
        position: absolute;
        z-index: 2;
        width: 252.8px;
        height: 382.19px;
        right: -10%;
        top: -3%;
        background: rgba(255, 177, 104, 0.3);
        filter: blur(125px);
        transform: rotate(15.65deg);
    }

    .desempenho {
        overflow: hidden;
        width: 100vw;
        position: relative;
        background: #1C1C1C;
    }

        .desempenho .bgRed {
            overflow: hidden;
            border-radius: 20px;
            background: linear-gradient(221.93deg, #E4003A -18.51%, #8B1402 97.21%);
        }

    .chartSvg {
        font-family: 'LopesSansRegular', sans-serif;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .desempenho .chartSvg svg {
        width: 350px;
        height: auto;
    }

    .numTotal {
        color: #fff;
        text-align: center;
        position: absolute;
    }

    .bgRank {
        position: relative;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 20px;
    }

    .bgRank2 {
        position: relative;
        background: #E9E9E9;
        border-radius: 20px;
    }

    .contAdminLojas .lojasPatri {
        margin-top: 0 !important;
    }

    .alteraNum input::placeholder {
        font-size: 19px;
    }

    .alteraNum input {
        font-size: 19px;
    }


    .bggrey {
        background: #b3b3b3;
        border-radius: 12px;
    }

    .tooltip-icon {
        margin-left: 10px;
        color: red;
        font-weight: bold;
        cursor: pointer;
        position: relative;
        font-size: 13px;
        border: 1px solid red;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tooltip-text {
        visibility: hidden;
        width: 180px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 110%; /* Ajusta a posição do tooltip */
        left: 50%;
        font-size: 12px !important;
        margin-left: -80px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tooltip-container {
        position: relative;
        display: inline-block;
    }

        .tooltip-container:hover .tooltip-text,
        .tooltip-container:focus-within .tooltip-text {
            visibility: visible;
            opacity: 1;
        }

    .modal-header .close {
        font-size: 35px;
        font-family: 'LopesLight';
        background: transparent;
        border: none;
        outline: none;
        box-shadow: none;
    }

    .modalEdit .modal-header {
        border-bottom: none;
        height: fit-content;
        display: flex;
        justify-content: end;
        position: absolute;
        width: 100%;
        z-index: 4;
    }

    .modal.modalEdit {
        --bs-modal-width: 40vw !important;
    }

    #modalLojas.modalEdit .modal-body {
        max-height: 350px;
        overflow-y: scroll;
    }

    .modalEdit .modal-body {
        margin-top: 1.5rem;
    }



    .gap3 {
        display: flex;
        gap: 1rem;
    }






    /* -------------- trabalhe conosco ------------- */

    .topoTrab {
        height: 400px;
    }

        .topoTrab::before {
            background: linear-gradient(360deg, rgba(0, 0, 0, 0.089) 0%, #1c1c1c 100%);
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0;
            content: " ";
            z-index: 3;
        }

    .fs20 {
        font-size: 20px;
    }

    .fs15 {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: .8px;
    }

    .upload-area {
        width: 100%;
        padding: 20px;
        border: 2px dashed #ccc;
        text-align: center;
        border-radius: 10px;
        font-family: 'LopesLight', sans-serif;
        cursor: pointer;
    }

        .upload-area.dragover {
            background-color: #f0f0f0;
            border-color: #007bff;
        }

        .upload-area p {
            margin: 10px 0;
            font-size: 16px;
        }

    #fileInput {
        display: none;
    }

    .arrow-icon {
        transition: .4s ease;
    }

        .arrow-icon.animacao-seta {
            transform: rotate(180deg);
        }

    .btn-white:hover svg path {
        fill: #fff !important;
    }

    .bg-danger.calc {
        background: linear-gradient(to left, #E4003A, #c61742 ) !important;
    }

    .colorInput::placeholder, .colorInput {
        color: #fff !important;
    }

        .colorInput option {
            color: black !important;
        }

    body select.selectP {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
    }

    .calculadora::before {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: -1rem;
        width: 76px;
        height: 382px;
        background: #FFFFFF;
        filter: blur(90px);
    }


    footer.swl {
        background: #EB0E16 !important;
    }

    body .swl .btn-black {
        background: #EB0E16 !important;
    }

    body .swl .btn-vazado {
        color: #EB0E16;
        border: 2px solid #EB0E16 !important;
    }

    body .swl .t-pink {
        color: #EB0E16 !important;
    }

    .bt-cardLan.swl svg circle, .bt-cardRev.swl svg circle {
        fill: #EB0E16 !important;
    }

    body .colorInput, .colorInput input, .colorInput textarea {
        border-radius: 0 !important;
    }

.footer-bottom{
    background: #1e1e1e47;
    color: white; padding: 10px 20px;
}