:root {
  --brand-dark: #0a0f1c;
  --brand-primary: #0d6efd; /* Bootstrap primary */
  --brand-yellow:hsl(43,100%,52%,1);
  --brand-blue:hsl(240,100%,52%);
  --brand-purple:hsl(258,92%,54%);
}
.text-yellow-konnect{
  color:hsl(43,100%,52%,1);
}
.text-blue-konnect{
  color:hsl(240,100%,52%);
}

.Bg-color-yellow-konnect{
  color:hsl(43,100%,52%,1);
}

.Bg-color-blue-konnect{
  color:hsl(240,100%,52%);
}
.Bg-color-purple-konnect{
  color:hsl(258,92%,54%);
}

html, body { height: 100%; }
body { 
font-family:"loren moyen",sans-serif;

}

.hero {
 /* background: radial-gradient(1200px 700px at 50% 10%, rgba(13,110,253,.25), transparent 60%),
              linear-gradient(180deg, #0a0f1c 0%, #0a0f1c 60%, #0a0f1c 100%);*/
  color: #fff;
  position: relative;
  overflow: hidden;
  height: 600px;
}

.hero .badge {
  background: hsl(43,100%,52%,1);
  /*backdrop-filter: blur(4px);*/
}

.hero .badge:hover {
  background: hsl(43,100%,52%,1);
  /*backdrop-filter: blur(4px);*/
}


.hero-illustration {
  opacity: 100%;
  position: absolute;
  inset: auto 0 0 0;
  /*height: 260px;*/
  background-size: cover;
  background-position: center;
  z-index: 0; /* derrière */

}
/*
.feature-icon-1 {
  font-size: 1.75rem;
  width: 4rem; height: 4rem;
  display: grid; place-items: center;
  border-radius: 3rem;
  background: hsl(240,100%,50%,1);
  color: #ffffff;
}

.feature-icon-2 {
  font-size: 1.75rem;
  width: 4rem; height: 4rem;
  display: grid; place-items: center;
  border-radius: 3rem;
  background: hsl(43,100%,52%,1);
  color: #ffffff;
}
*/


.section-5-1 .card{
border-width: 1px;
border-color: rgba(245,245,245, 0.5);
border-radius:5px;

}


.form-label{
  text-align: start!important;
}

/*.card-hover:hover { transform: translateY(-2px); transition: transform .2s ease; }*/

.pricing .card { border: 1px solid rgba(0,0,0,.08); }

footer .bi { font-size: 1.25rem; }

footer{
      background-color:black;
}

#icon-mail{
  color:white;
}

.contact{
  color:hsl(43,100%,52%,1);
}
.navigation{
  color:hsl(43,100%,52%,1);
}

.footer-nav-liste a{
  color:white;
}

.footer-logo-konnect{
    background-color: var(--brand-blue);
    border-radius: 2rem;
    display: inline-block;
    padding: 0.35rem;
    color:white;
}

.card-title,.card-text{
  font-family:"lora moyen",sans-serif;

}