.int_dark_bg .section-title h3 {
        color: #0e0e0e; 
        }
        .int_dark_bg .btn, .homepage-3 .btn:active, .int_dark_bg .btn.sApp-btn::before, .int_dark_bg .bg-overlay::after, .int_dark_bg .benifits-item::after{
            background: linear-gradient(-47deg, #3e5c83 0%, #3e5c83 100%);
        background-color: rgba(0, 0, 0, 0);
        }
        .int_dark_bg .btn.btn-yellow {
        border: 0px;
        border-radius: 8px;
        font-size: 15px;
        background-color: #3e5c83 ;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
        box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
        color: #ffffff;
        height: 50px;
        width: 170px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
        
        .house-details.thehp-1 i {
        color:  #3e5c83;
        }
        .int_dark_bg .section-title:before {
        background: #3e5c83;
        }
        .int_dark_bg .btn.btn-outline-light {
        background: #3e5c83;
        }
        .int_dark_bg .first-footer .navigation h3::after, .int_dark_bg .first-footer .widget h3::after, .int_dark_bg .first-footer .newsletters h3::after {
        background: #3e5c83;
        }
        .int_dark_bg .section-title h2 {
        color: #3e5c83;
        }
        .int_dark_bg .btn.btn-yellow {
            background-color: #3e5c83;
        }
        .int_dark_bg a.btn.btn-yellow:hover{
            color : #3e5c83;
        }
        .int_dark_bg .btn, .homepage-3 .btn:active, .hp-6 .btn.sApp-btn::before, .hp-6 .bg-overlay::after, .hp-6 .benifits-item::after{
            background: linear-gradient(-47deg, #3e5c83 0%, #3e5c83 100%);
            background-color: rgba(0, 0, 0, 0);
        }
        
        .int_dark_bg a.btn.btn-yellow:hover{
            color : #3e5c83;
            margin-right: 15px;
        }    
        #navigation.style-1 ul li:hover {
            background: #3e5c83;
        }
        
        #navigation.style-1 ul li:hover {
            background-color: #3e5c83;
            color: #3e5c83;
        }
        .first-footer .netabout h3::after, .first-footer .navigation h3::after, .first-footer .widget h3::after, .first-footer .contactus h3::after {
            background-color: #3e5c83;
        }
        .btn.btn-outline-light, .first-footer .newsletters h3::after {
            background: #3e5c83;
        }
        .how-it-works article img{
            filter: brightness(0);
        }
        .homepage-9 .homes-tag.featured{
            background: #3e5c83 !important; 
        }
        .homepage-9 .portfolio .homes-content h3 a:hover, .homepage-9 .blog-section .news-item h3:hover {
            color: #3e5c83;
        }
        .homepage-1 .job_clientSlide .owl-nav .owl-prev:hover, .homepage-1 .job_clientSlide .owl-nav .owl-next:hover{
            background: #3e5c83;
        }
        .section-title:before {
        background-color: #3e5c83;
        }
        .section-title h2 {
        color: #3e5c83;
        }
        .listing-hidden-content.blue {
        background: #3e5c83;
        }
        .listing-item.compact.thehp-2 .listing-badges span {
        width: 65px !important;
        background-color: #3e5c83 !important;
        }
        .parallax-searchs.thome-1 {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('Portada.webp') no-repeat center top !important;
        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('~PORTADA_INICIO~') no-repeat center top !important;
        background-attachment: scroll, scroll;
        }

                #close-search-modal:hover {
            cursor: pointer;
          }
          #close-search-modal {
            font-size: 50px;
          }
          .modal-content {
            background-color: white;
          }
          .btn:hover {
            background-color: yellow;
          }
          .modal {
              /* Estilos previos al abrir */
              display: none;
              align-items: center;
              justify-content: center;
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.5);
              z-index: 9999;
            }
            
            .modal-content {
              transform: scale(0.8);
              opacity: 0;
              transition: transform 0.3s ease, opacity 0.3s ease;
              
             
              max-width: 1000px; /* Ajusta el ancho máximo según tus necesidades */
              background-color: white;
              padding: 20px;
              border-radius: 5px;
            }
            
            /* Estilos cuando se abre el modal */
            .modal.open {
              display: flex;
            }
            
            .modal.open .modal-content {
              transform: scale(1);
              opacity: 1;
            }

    #typingText {
      width: 1000px;
      margin: 0 auto;
      padding: 15px;
      text-align: center;
      color: #3e5c83;
    }

    .card-title{
        width: 100%; 
        background-color:rgba(255, 255, 255, 0.550); 
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        color: #3e5c83;

    }

    .footer-icon {
        font-size: 24px;
        transition: color 0.3s ease;
      }
      
      .footer-icon:hover {
        color: #ffcc00;
      }
      
      .footer-text {
        color: #ffffff;
      }