#main {
  height: 100vh;
  background: url("login.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#info {
  width: 90%;
  height: auto;
  border-radius: 5px;
  color: var(--bs-white);
  background-color: red;
  left: 50%;
  top: 40%;
  position: absolute;
  transform: translate(-50%,-50%);
  font-size: 12px;
  box-shadow: -10px -10px 10px rgba(79,14,14,0.46);
}

@media (min-width: 576px) {
  #info {
    max-width: 450px;
  }
}

#form-login {
  max-width: 70%;
  margin: 0 auto;
  margin-top: 50px;
}

#ventaspro-logo {
  margin-top: 20px;
  margin-bottom: 10px;
}

body {
  /*font-family: 'Manrope';*/
  font-family: "lexend", sans-serif;
  /*--si-body-font-family: var(--si-font-sans-serif);*/
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  /*background: var(--primary-red);*/
}

@media (min-width: 768px) {
  .navbar {
    max-width: 800px;
  }
}

.navbar {
  background: var(--primary-red);
  /*color: white;*/
  width: 90%;
  margin-top: 20px;
  box-shadow: 0px 0px 20px;
}

:root {
  --primary-yellow: #fed600;
  --primary-red: #eb0000;
  --primary-white: white;
  --bs-card-border-color: traansparent !important;
}

svg {
  /*margin-right: 10;*/
}

.navbar-toggler {
  /*background: white;*/
  /*color: black;*/
}

.navbar-toggler {
  color: black !important;
}

.how-container-size {
  max-width: 900px;
}

.how-container-arrow-height {
  height: 100px;
}

.container-start-end {
  background: color:var(--primary-red);
  color: white;
}

.btn {
  background: var(--bs-highlight-bg);
  color: var(--primary-red);
}

.btn:hover {
  color: var(--bs-white);
  border-color: var(--bs-btn-hover-border-color);
  background: var(--primary-red);
}

.input-group .btn:hover {
}

.btn-cta {
  color: var(--primary-red);
  background: white;
  /*margin: 0px;*/
  border: none;
}

.btn-cta:hover {
  color: white;
  border-width: 1px;
  border-style: solid;
}

.form-control:focus {
  border-style: none;
}