/* Cambia la imagen solo en pantallas móviles */
@media (max-width: 768px) {
    .responsive-img {
        content: url('https://assets.dinhotec.com/proyects/dtech-agency/assets/img/core/hero-section-home-mobile.webp');
        max-width: 100%;
        margin-top: 50px;
    }
    .efecto-caida{
        display: none !important;
    }
}
.icon img {
    width: 100px; /* Ajusta el tamaño según sea necesario */
    transition: opacity 0.3s ease;
}
.section-padding-sm {
    padding: 45px 0 25px 0 !important; 
}


.pt-space-sm {
    padding-top: 60px;
}
.py-space-sm {
    padding: 60px 0 60px 0;
}
.py-space{
    padding: 120px 0 120px 0;
}
.pb-space-sm {
    padding-bottom: 60px;
}

.line-shape {
    z-index: -1 !important; /* Coloca el fondo animado por debajo */
  }
  
  .modal {
    z-index: 10500 !important; /* Asegura que el modal esté por encima */
  }
.btn-modal-custom{
    z-index: -20;
}
  
.flip-image {
    transform: scaleX(-1);
}

.text-primary{
    color: var(--theme) !important;
}
.bg-primary {
    background-color: var(--theme) !important;
}
.parrafo-flase{
    color: var(--white);
    font-style: italic;
    border-top: 2px dotted var(--theme);
    border-bottom: 2px dotted var(--theme);
    margin: 0;
    padding: 0;
}
.imagen-6-step {
    background-image: url('./../../img/paso-6-metodologia.png'); /* Ruta de tu imagen */
    background-size: contain; /* Ajusta al tamaño de la imagen */
    background-repeat: no-repeat; /* Evita que se repita */
    background-position: center; /* Centra la imagen */
    height: auto; /* Se ajustará según la imagen */
    aspect-ratio: 16 / 9; /* Opcional: ajusta la relación de aspecto si es necesario */
    /* padding: 10px !important; */
}

@media (max-width: 768px) {
    .row-order-form {
        display: flex;
        flex-direction: column;
    }
    .row-order-form .form-column {
        order: 1; /* Mantén el formulario primero */
    }
    .row-order-form .img-column {
        order: 2; /* Mueve la imagen después */
        padding: 50px 0 !important;
    }
}