.form-control-dark {
    border-color: var(--bs-gray);
  }
  .form-control-dark:focus {
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
  }
  
  .text-small {
    font-size: 85%;
  }
  
  .dropdown-toggle:not(:focus) {
    outline: 0;
  }
  

  html,
body {
  height: 100%;
  background-image: url('../images/bg.png');
  background-size: cover;
  background-position: center;
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
  border: 10px solid rgb(239, 96, 54); 
}

.btn-primary {
  color: #fff;
  background-color: #EB4E20;
  border-color: #AE3511; 
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  color: #AE3511;
  background-color: #fff;
  border-color: #AE3511; 
}

.btn-outline-secondary{
  color: #AE3511;
  background-color: #fff;
  border-color: #AE3511;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .open>.dropdown-toggle.btn-outline-secondary {
  color: #fff;
  background-color: #EB4E20;
  border-color: #AE3511; 
}


.btn-primary-facebook{
  color: #fff;
  background-color: #3B5998;
  border-color: #3B5998; 
}

.btn-primary-facebook:hover {
  opacity: 0.7;
}

.fa-facebook, .fa-facebook:hover{
  color: #fff;
  text-decoration: none;
}

.btn-primary-globe{
  color: #fff;
  background-color: #ee5335;
  border-color: #ee5335; 
}

.btn-primary-globe:hover {
  opacity: 0.7;
}

.fa-globe, .fa-globe:hover{
  color: #fff;
  text-decoration: none;
}

.btn-primary-linkedin{
  color: #fff;
  background-color: #007bb5;
  border-color: #007bb5; 
}

.btn-primary-linkedin:hover {
  opacity: 0.7;
}

.fa-linkedin, .fa-linkedin:hover{
  color: #fff;
  text-decoration: none;
}