html,
body {
  height: 100%;
  font-family: 'Poppins', sans-serif !important;
}


//Theme Color
$color-primary: #0F2151;
$color-secondary: #66CCCC;
$color-tertiary: #37C0F8;
$color-border: #2F28AE;


//text Colot
$primary-text: #0F2151;
$secondary-text: #555B6C;
$tertiary-text: #2F28AE;

// icon
$icon-color: #37C0F8;


// button
.btn{
  height: 45px;
}
.btn-primary{
  background: $color-secondary;
  border: $color-secondary;
}

.btn-primary:hover{
  background:$color-tertiary;
  border: $color-border;
}

.btn-seconday{
  background: #555B6C;
  border: #555B6C;
}

.btn-dark{
  background: $color-primary;
  border: $color-primary;
  // &hover{
  //   background: $color-primary;
  //   border: $color-primary;
  // }
}

.btn-dark:hover{
  background:$color-border;
    border: $color-primary;
}

// Colors

$color-muted: grey;

$border-color-active: rgb(16, 16, 168);

$background-primary: rgb(16, 16, 168);


// Borders
$border-light: 1px solid rgba(0, 0, 0, .125);
$border-lighter: 1px solid rgba(0, 0, 0, .05);