@charset "UTF-8";
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                      RESET
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
  /*─ Debug font size on iphone when landscape orientation ─*/
  -webkit-font-smoothing: subpixel-antialiased;
  /*─ Debug safari font weight when fixed element on the page ─*/
  -webkit-font-smoothing: antialiased;
  /*─ idem : Debug safari font weight when fixed element on the page ─*/
}

html,
body,
nav,
header,
footer,
div,
span,
h1,
h2,
h3,
p,
a,
img,
ul,
li,
table,
form,
label,
input,
textarea,
select,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  /* font-family: inherit; */
  font-size: 100%;
}

ul {
  list-style: none;
}

li {
  list-style: none;
}

input,
textarea,
select,
button {
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  outline: none;
  border: none;
  background: none;
  color: inherit;
}

input:focus,
textarea:focus,
button:focus {
  outline: none;
}

input[type=submit]:hover,
button:hover {
  cursor: pointer;
}

input::-ms-clear {
  display: none;
  /*─ IE11 → remove cross to close ─*/
}

textarea {
  overflow: auto;
  /*─ Hide scroll bar on IE ─*/
}

a {
  color: inherit;
  text-decoration: none;
}

img,
video,
svg,
picture {
  display: block;
}

img,
video {
  width: 100%;
  height: auto;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                      FONT
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
@font-face {
  font-family: "Hellix";
  src: url("../fonts/Hellix-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Hellix";
  src: url("../fonts/Hellix-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Hellix";
  src: url("../fonts/Hellix-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Hellix";
  src: url("../fonts/Hellix-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                      GENERAL
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
.grid {
  display: grid;
  gap: 1rem 2rem;
}

.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─                                                                                      GUIDOS CSS
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
html {
  font-family: sans-serif;
  overflow-x: hidden !important;
  scroll-behavior: smooth;
}

body {
  font-family: "Hellix";
  font-weight: normal;
  font-style: normal;
  background-color: #ffffff;
}

.section-hero {
  margin-bottom: 70px;
}
.section-hero .image {
  background-image: url("../images/hero.jpg");
  background-size: cover;
  background-position: center;
  min-height: 50vh;
}
.section-hero img {
  display: none;
}

.section-parcours {
  text-align: center;
  margin-bottom: 100px;
}
.section-parcours h1 {
  font-size: 40px;
  color: #212548;
  font-weight: 600;
  margin-bottom: 20px;
}
.section-parcours p {
  font-size: 16px;
  color: #212548;
}
.section-parcours p.first {
  margin-bottom: 70px;
}
.section-parcours .grid {
  margin-bottom: 70px;
}
.section-parcours .grid .wrapper .image {
  background-image: url("../images/run.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  aspect-ratio: 3/3.5;
}

.section-widget {
  margin-bottom: 100px;
}
.section-widget #guidosHighlight {
  border-radius: 30px;
  overflow: hidden;
}

.section-logo {
  margin-bottom: 100px;
}
.section-logo .wrapper {
  display: flex;
  justify-content: space-between;
}
.section-logo .wrapper img {
  width: auto;
  height: 40px;
  filter: grayscale(100%);
  opacity: 0.4;
}

.section-footer {
  background-color: #212548;
  padding: 60px 0;
}
.section-footer .logo img {
  width: auto;
  height: 40px;
  filter: invert(100%);
}
.section-footer h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.section-footer li:not(:last-child) {
  margin-bottom: 10px;
}
.section-footer li a {
  color: #7F8296;
}/*# sourceMappingURL=styles.css.map */