@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

:root {
    --accent-color:#1469C3;
    --accent-hover-color:#0c4d92;
}
*,
*:after,
*::before {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
html {
  font-size: 14px;
}
body {
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  color: #555;
  overflow-x: hidden;
  position: relative;
}
.bg-accent {
  background: var(--accent-color) !important;
}
.bg-accent-gradient {
  background: linear-gradient(-15deg, var(--accent-color),#021b36);
}
/* FORM */
.form-control {
  outline: none !important;
  box-shadow: none !important;
}
/* BUTTON */
.btn i {
  font-size: 16px;
}
.btn-accent{
  background:var(--accent-color);
  border:1px solid transparent;
  color:#fff;
}
.btn-accent:hover{
  background:var(--accent-hover-color);
  color:#fff;
}
.btn-outline-accent{
  border:1px solid var(--accent-color);
  color:var(--accent-color);
}
.btn-outline-accent:hover{
  background: var(--accent-color);
  color:#fff;
}
.input-icon{
  position: relative;
}
.input-icon .icon{
  position: absolute;
  top:50%;
  left:15px;
  transform: translateY(-50%);
}
.input-icon .form-control{
  padding-left: 40px;
}
.form-control-large{
  height:50px;
}