@import url("https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;500;700&family=Raleway:wght@300;400;500;800;900&family=Tajawal:wght@400;500;700;800;900&family=Zilla+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Manrope:wght@200..800&family=Syncopate:wght@400;700&display=swap");

:root {
  /* --color-primary: #f63749; */
  /* --color-secondary: #26ee8e; */
  --color-primary: #5057f2;
  --color-secondary: #1dd882;
}

html,
body {
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 300;
  font-size: 17px;
}

.fw-bold {
  font-weight: 700;
}

.logo {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 2.1em;
  display: block;
  text-transform: capitalize;
}

.text-brand {
  font-family: "Montserrat", sans-serif;
}

nav {
  background-color: white;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}

img.techno {
  height: 49px;
}

section#accueil {
  min-height: calc(100vh - 100px);
}

.btn {
  border-radius: 0.25rem;
}

h1,
.h1 {
  font-weight: 700;
  font-size: 3.3rem;
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-bg: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-active-bg: var(--color-primary);
  --bs-btn-active-border-color: var(--color-primary);
}

.rl-mark-normal {
  border-bottom: 2px solid;
}

#nos-services i,
#about-us i {
  font-size: 50px;
  padding-bottom: 11px;
  display: block;
}

section#ecoute_ {
  background: url(/img/bg-ecoute.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
}

section#contact__ {
  /* min-height: 100vh; */
  background: url(/img/contact-us.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
}

strong {
  font-weight: 600;
}

.c-mark {
  background-color: transparent;
  background-image: linear-gradient(
    var(--color-secondary),
    var(--color-secondary)
  );
  background-position: 0.1em var(--mark-background-position-y, 0.66em);
  background-repeat: no-repeat;
  color: inherit;
}

.mark-lg {
  box-shadow: inset 0 -0.3em 0 var(--color-secondary);
  display: inline;
}

.mark-sm {
  box-shadow: inset 0 -0.2em 0 var(--color-secondary);
  display: inline;
}

a{
  color: var(--color-primary);
}