/* COLORS */
:root {
  --bs-primary: #051651;
  --bs-primary-rgb: 5, 22, 81;
}

.btn-primary {
  --bs-btn-bg: #051651;
  --bs-btn-border-color: #051651;
  --bs-btn-hover-bg: #040f3d;
  --bs-btn-hover-border-color: #040f3d;
  --bs-btn-active-bg: #03082a;
  --bs-btn-active-border-color: #03082a;
}

.btn-link {
  --bs-btn-color: #051651;
}

/* FONTS */
@font-face {
  font-family: 'Manrope';
  src: url('/static/fonts/Manrope.ttf') format('truetype');
}

@font-face {
  font-family: 'Roie';
  src: url('/static/fonts/Roie.ttf') format('truetype');
}


body {
  font-family: 'Manrope', sans-serif;
}


.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roie', sans-serif;
}

/* GRID */
.signin4 {
    overflow: hidden;
  }

  .signin4 .container-fluid {
    min-height: 100vh;
  }
  
  .signin4-bg-holder {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 150px;
    width: 100%;
  }
  
  @media (min-width: 991px) {
    .signin4-bg-holder {
      width: 50vw;
    }
  }

.iti {
  width: 100%;
}