body{
    background-color: #000;
    color: #fff;
}

.main-header .main-menu .nav-link::before, .main-header .main-menu .dropdown-header::before{
    background-color: #FF4265
}

.text-heading{
    color:#fff !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    color:#fff !important;
}

.color-tuin{
    color: #FF4265 !important;
}

.btn-tuin-outline{
    color: #FFF;
    background-color: #000;
    border-color: #FF4265;
    box-shadow: none;
}

.bg-tuin{
    background-color: #FF4265 !important;
}

.text-tuin {
    color: #FF4265 !important;
}

hover-tuin :hover {
    color: #ff4265d4;    
}


.h-1{
    height: 1px  !important;
}

/* .container{
    background: #000 !important;
} */


.btn-primary {
    color: #fff;
    background-color: #FF4265;
    border-color: #FF4265;
    
    box-shadow: none;
}

.btn-f-whats {
    color: #fff;
    background-color: #51B748 !important;
    border-color: #51B748 !important;
    
    box-shadow: none;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ff4265d4;
    border-color: #ff4265d4;
    box-shadow: none;
}

.bg-dark{
    background-color: #000 !important;
}

.bg-black{
    background-color: #000 !important;
}

.bg-neutral{
    background-color: #151516 !important;
}

.bg-secondary {
    background-color: #0C0C0C !important;
}

.bg-third {
    background-color:  #080808 !important;
}

.bg-active-white.active, .button.bg-active-white:hover, button.bg-active-white:focus {
    background-color: #000000 !important;
}

.text-active-secondary.active, .text-active-secondary:hover.active, .text-active-secondary:focus.active {
    color: #FF4265 !important;
}

.text-primary{
    color: #ffffff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #FF4265 !important;
}

.navbar-light .sticky-area {
    background-color: #000;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff !important
}

.badge-rent{ 
    color: #fff;
    background-color: #6969EB;
}

.badge-venren{
    color: #fff;
    background-color: #f6b500;    ;
}

.badge-remate{
    color: #fff;
    background-color: #FF6F61;
}

.badge-roomie{
    color: #fff;
    background-color: #2ABB53;
}

.card-footer{
    border-top: 0px !important;
}

.w-25{
    width: 25px !important;
}

.bg-none{
    background-color: transparent !important;
    border: none;
}

.btn-whatsapp{
    color: #000;
    background-color: #D9FDD2;
    border-color: #D9FDD2;
    box-shadow: none;
}

.btn-dark {
    color: #fff;
    background-color: #0C0C0C;
    border-color: #0C0C0C;
    box-shadow: none;
    border-radius: 25px;
}

.btn-dark:hover {
    background-color: #FF4265 !important; /* Cambia el color de fondo a rosa cuando el mouse está sobre el botón */    
}

.btn-dark:hover .icon_house {
    fill: #fff; /* Cambia el color de relleno del SVG a blanco */
}


.blog-box .blog-details-main .blog-social li{
    color:#fff
}

@media (max-width: 991.98px) {
    .main-header.header-mobile-lg .sticky-area {
        background-color: #000 !important;
    }
}


.form-control-filter{
    width: 148px;
    height: 38px;
    flex-shrink: 0;
    background-color: #000;    
    color:#fff
}


input[type="number"].input-tuin {
    background-color: #000; /* Color de fondo del input */
    color: #fff;            /* Color del texto ingresado */
    border: 1px solid #ccc; /* Opcional: define un borde para el input */
    width: 100%;
}

input[type="text"].input-tuin {
    background-color: #000; /* Color de fondo del input */
    color: #fff;            /* Color del texto ingresado */
    border: 1px solid #ccc; /* Opcional: define un borde para el input */
    width: 100%;
}

/* CSS para cambiar el color del placeholder */
input[type="number"].input-tuin::placeholder {
    color: #fff; /* Color del placeholder */
}

input[type="text"].input-tuin::placeholder {
    color: #fff; /* Color del placeholder */
}

.border-dark{
    border: 1px solid #080808 !important;

}

.dropdown .dropdown-toggle {
    background-color: rgba(255, 255, 255, 0); 
    color: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    width: 100%;
    text-align: left;
}


.loader_page{
    background-color: #000;
    
    display: flex; /* Usa Flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    height: 100vh; /* Altura completa de la ventana de visualización */
    margin: 0; 
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 0;
    line-height: 1.25;
    color: #fff;
    background-color: transparent;
    border: 0 solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #FF4265;
    border-color: #FF4265;
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #FF4265;
    border-color: #FF4265;
  }

.dropdown .dropdown-toggle {
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
    border-radius: 10px;
    padding: 13px 10px;
    width: 100%;
    text-align: left;
}

.p_title_mobile{
    color: #FFF;

    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.p_subtitle_mobile{
    
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.92px; /* 184% */
    letter-spacing: 1.63px;
    text-transform: uppercase;
}

.select_tuin{
    background: transparent;
    border: 1px solid #0C0C0C;
    color: #fff;
    background-image: url(../imgs/arrow_select.png); /* Imagen de la flecha personalizada */
    background-repeat: no-repeat;
    background-position: right 18px center; /* Posición de la flecha */
    padding-right: 40px; 
    appearance: none;  
}
.select_tuin2{
    background: transparent;
    border: 1px solid #0C0C0C;
    color: #fff;
    
    background-repeat: no-repeat;
    background-position: right 18px center; /* Posición de la flecha */
    padding-right: 40px; 
    appearance: none;  
}
.select_tuin:focus{
    background: transparent;
    border: 1px solid #0C0C0C;
    color: #fff;
    background-image: url(../imgs/arrow_select.png); /* Imagen de la flecha personalizada */
    background-repeat: no-repeat;
    background-position: right 18px center; /* Posición de la flecha */
    padding-right: 40px; 
    appearance: none;  
}

.input_tuin{
    background: transparent;
    border: 1px solid #0C0C0C;
    color: #fff;
}

.input_tuin:focus{
    background: transparent;
    border: 1px solid #0C0C0C;
    color: #fff;
}



@media only screen and (max-width: 768px) {
    /* Aquí puedes definir estilos específicos para dispositivos móviles */
    /* Por ejemplo: */
    .footer {
      margin-left: 10px !important;
    }
    /* Otros estilos específicos para móviles */
}

@media (max-width: 576px) {
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
    .page-item {
        margin: 2px 0;
    }
    .page-link {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
}


.img_detail_property{
    max-width: 200px;
}

.fs-32{
    font-size: 32px;
}

.bg-grey-50{
    background: #0C0C0C !important;
}

.img-mobile {
    width: 100%;
}

/* Quitar el ancho personalizado en resoluciones mayores */
@media (min-width: 768px) {
    .img-mobile {
        width: auto;
    }
}

.select_tuin.windows {
    color: #000;
}


.bg-hover-primary:hover {
    background-color: #FF4265 !important;
}


.list-inline {
    display: flow !important;    
}

.icon-svg{
    color:#fff;
    width: 40px;
    height:40px;
}

.inline-list {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
  
.inline-list li {
    margin-right: 10px; /* Ajusta el espacio entre los elementos según sea necesario */
}
  
.inline-list li:last-child {
    margin-right: 0;
}

.whatsapp-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
  }
  
  .whatsapp-icon img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  

  .dropdown-menu {
    color: #fff;
    text-align: left; 
    list-style: none;
    background-color: #000;
    border: 1px solid #151516;
  }

  .dropdown-item a {
    color: #fff;
    text-decoration: none;
}

.hidden{
    display: none;
}

/* ------------------------------- */

.list-item span {
    color: #FF4265;
    font-weight: bold;
}

.section-title {
    color: #FF4265 !important;
    font-weight: bold;
    font-size: 24px;
}

.list-item-s {
    display: flex;
    align-items: flex-start;
    
}
.list-item-s::before {
    content: '✔';
    color: #FF4265;
    margin-right: 10px;
    unicode-bidi: isolate;
    font-family: Poppins;
}
.highlight {
    color: #FF4265;
    font-weight: bold;
}
.link-highlight {
    color: #FF4265;
    text-decoration: none;
    font-weight: bold;
}

/* ------------------------------- */

.btn-custom {
    background-color: #e6007e;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.btn-custom:hover {
    background-color: #cc005f;
}

.offer_items{
    color: #FF4265;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.offer_price{
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 100% */
}

.offer_label_price{
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 100% */
}

.offer_label_currency{
    color: #FFF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 200% */
}

.offer_product{
    color: var(--Neutral-white, #FFF);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 200% */
}

.bg-card-offer{
    border-radius: 8px;
    background: var(--Neutral-Ne-Dark-Strong, #151516);
}

.card .card-header {
    padding: 5px;
}

.card .card-body {
    padding: 30px;
    background-color: #000;
}

.card {
    border: 0px solid ;
}

.btn-link {
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

.open {
    background-color: #FF4265 !important;
}

.breadcrumb-item.active{
    color: #fff !important;
}

.btn-tuin-nav.active{
    background-color: #FF4265 !important;
    color: #fff;
}
.btn-tuin-nav{
    background-color: #191919 !important;
    color: #fff;
}

.cursor-pointer{
    cursor: pointer;
}