html , body {
overflow: hidden;
}

.cont-font {
    display: flex;
    position: fixed;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

 /* .background-image {
    height: 100vh;
     background: url('./assets/FONDO-LANDING-PAGE-SMARTBUY-redim.jpg') no-repeat center center;
	 background: url('./assets/LANDING-SMARTBUY.jpg') no-repeat center center;
     background-size: cover;
     align-items: center;
     justify-content: center;
 }
 

 .form-container {
    position: relative;
    top: 55px;
    left: 0;
    background: #ffffff;
    padding: 18px;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }
 

  span {
    position: relative;
    text-align: center !important;
    font-weight: bold;
    color: #010e7c;
    top: -18px;
    left: 39px;
}
 
 /* Botón de enviar */
 .btn-primary {
     position: relative;
     left: 13%;
     top: 10%;
     font-size: 20px;
     background-color: #160ca7;
     border: none;
     border-radius: 10px;
     width: 68%;
 }
                            
 .btn-primary:hover {
     background-color: #1949b3;
     color: #000;
 }
 

	.centro-c{
		display: flex;
		justify-content: center;
		witdh: 80%;

	}

 
 /* Media Query para pantallas pequeñas (móviles) */
  @media (max-width: 767px) {
 .form-container {

      width: 60%;
    }

.container d-flex justify-content-end align-items-center{
		class:centro-c;

}

 }
                            

   @media (min-width: 768px) and (max-width: 992px) {
 .form-container {
     width: 50%;
    }                           
 }
                            
  @media (min-width: 992px) {
 .form-container {
     width: 32%;
    }
 }

*/



																/* nuevo codigo css*/*/




.cont-font {
    display: flex;
    position: fixed;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	overflow: hidden;
    
}

/* Estilo general para la imagen de fondo */
 .background-image {
     height: 100%;
    /* background: url('./assets/FONDO-LANDING-PAGE-SMARTBUY-redim.jpg') no-repeat center center;*/
	 background: url('./assets/LANDING-SMARTBUY.jpg') no-repeat center center;
     background-size: cover;
     /* background-attachment: fixed; */
     align-items: center;
     justify-content: center;
     overflow: scroll;
    overflow: hidden;
 }
 
 /* Estilo del contenedor del formulario */
 .form-container {
    position: relative;
    top: 55px;
    left: 0;
    background: #ffffff;
    padding: 18px;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

 }
 
 /* Estilo de los encabezados y el formulario */
  span {
    position: relative;
    text-align: center !important;
    font-weight: bold;
    color: #010e7c;
    top: -18px;
    /* left: 39px; */
}

.title{
    font-size: 23px;
    width: 100%;
    display: flex;
    justify-content: center; 
}
 
 /* Botón de enviar */
 .btn-primary {
     position: relative;
     left: 13%;
     top: 10%;
     font-size: 20px;
     background-color: #160ca7;
     border: none;
     border-radius: 10px;
     width: 68%;
 }
                            
 .btn-primary:hover {
     background-color: #1949b3;
     color: #000;
 }
 




 @media (max-width: 484px) {

    .background-image {
        height: 100%;
       /* background: url('./assets/FONDO-LANDING-PAGE-SMARTBUY-redim.jpg') no-repeat center bottom;*/
	    background: url('./assets/LANDING-SMARTBUY.jpg') no-repeat center center;
        background-size: cover;
        /* background-attachment: fixed; */
        align-items: center;
        justify-content: center;
        overflow: scroll;
    }

    .form-container {
        width: 80% !important; 
        margin-right: 10%;
       }

    /* .form-container {
        width: 80% !important; 
        padding: 12px;
        flex-wrap: nowrap;
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 20px;
        z-index: 1;
       } */
       
       .contai-form {
       /* margin-right: 1%; */
       justify-content: center;
       width: 100%;
       }
    }


 
 /* Media Query para pantallas pequeñas (móviles) */
  @media (max-width: 767px) {

 .form-container {
      width: 60%;
    }
 }
                            
  /* Media Query para pantallas medianas (tablets) */
   @media (min-width: 768px) and (max-width: 992px) {

 .form-container {
     width: 50%;
    }                           
 }
                            
  /* Media Query para pantallas grandes (escritorios) */
  @media (min-width: 992px) {

 .form-container {
     width: 32%;
    }
 }