body {
    overflow-x: hidden; 
}
.bacground-container-en{
  background-image: url('/imagenes/bgingles.png') !important;
  background-position:center ;
  padding: 15rem 0;
  background-size: cover;
  background-repeat: no-repeat;  
}
.bacground-container{
    background-image: url('/imagenes/imgbackground.jpg') !important;
    background-position:center ;
    padding: 15rem 0;
    background-size: cover;
    background-repeat: no-repeat;  
}
  .navbar {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .nav-link{
    color: #fff;
  }
  html, body {
    height: 100%;
  }
  .wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
  }
 
 
 
  
  

  .custom-form input{
    color:white;
  }
  .custom-form label,
  
  .textarea {
    color: white;   
  }
  .custom-form input:focus::placeholder,
.custom-form textarea:focus::placeholder,
.form-control::placeholder {
  color: #FFFFFF;
}

  .custom-form-1{
    max-width: 500px;
    border: 1px solid #ccc;
    padding: 25px;
    margin:auto;
    margin-top: 20px;
    
    border-radius: 40px;
    background-color: black;
    opacity: 50%;
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23FFDF0C' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .transparent-input {
    background-color: transparent;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
  }
  
  .transparent-input::placeholder {
    color: #FFFFFF;
    
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
  }
  .navbar{
    top:0;
    right: 0;
    position:absolute;
  }
  .navbar-collapse{
    float: right;
  }
  .boton-enviar{
    background-color: #FFDF0C; 
    color: #000000;
    margin: 20px;
    border-radius: 40px;
    min-width: 100px;
    min-height: 50px;
  }
  #logofooter{
    padding-left: 50px;
    width: 250px;
    display: block;
  }
  
  
  @media only screen and (max-width:2691px) and (min-width: 1883px){
    .bacground-container{
        background-image: url('/imagenes/imgbackground.jpg');
        background-position:center ;
        padding: 8rem 0;
        background-size: cover;
        background-repeat: no-repeat;  
        
    } 
    .bacground-container-en{
      background-image: url('/imagenes/imgbackground.jpg');
      background-position:center ;
      padding: 8rem 0;
      background-size: cover;
      background-repeat: no-repeat; 
    }
  }
  
  @media only screen and (max-width:1882px) and (min-width: 820px){
    .bacground-container{
        background-image: url('/imagenes/imgbackground.jpg');
        background-position:center ;
        padding: 8rem 0;
        background-size: cover;
        background-repeat: no-repeat;  
        
    } 
    .bacground-container-en{
      background-image: url('/imagenes/bgingles.png');
        background-position:center ;
        padding: 8rem 0;
        background-size: cover;
        background-repeat: no-repeat; 
    }
  }

  @media only screen and (max-width: 819px) and (min-width: 0px){
    .bacground-container{
        background-image: url('/imagenes/imgbackgroundresponsive.jpg');
        background-position:center ;
        padding: 8rem 0;
        background-size: cover;
        background-repeat: no-repeat;  
       
    } 
    .bacground-container-en{
      background-image: url('/imagenes/imgbackgroundresponsive.jpg');
      background-position:center ;
      padding: 8rem 0;
      background-size: cover;
      background-repeat: no-repeat;  
    }
  }
  #modal_lang {
    text-align: center;
}

#modal_lang .modal-body{
    padding: 2rem;
}

#modal_lang img {
    width: 100%;
    max-width: 120px;
}
#modal_lang h3 {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    margin-top: 2rem;
}
#modal_lang .langs {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 2rem;
}

#modal_lang .langs .btn {
    padding: .5rem 2rem;
    color: #ffffff;
    background-color: #010658;
    transition: all .4s ease;
}

#modal_lang .langs .btn:hover {
    background-color: #fd9d01;
}
.custom-input-group {
  display: flex;
  align-items: center;
}

.custom-input-group .input-group-text {
  margin-right: 10px;
}