/* Add font files for Arial */
@font-face {
  font-family: 'Arial';
  src: url('fonts/arial.woff2') format('woff2'),
       url('fonts/arial.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

:root {
  --font-family-arial: 'Arial', sans-serif;
  --text-rgb-198-198-198: rgba(198, 198, 198, 1);
  --text-rgb-0-4-255: rgba(0, 4, 255, 1);
  --text-black: rgba(0, 0, 0, 1);
  --text-rgb-179-179-179: rgba(179, 179, 179, 1);
}

.text-rgb-198-198-198 {
  color: var(--text-rgb-198-198-198);
}

.text-rgb-0-4-255 {
  color: var(--text-rgb-0-4-255);
}

.text-black {
  color: var(--text-black);
}

.text-rgb-179-179-179 {
  color: var(--text-rgb-179-179-179);
}

/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* Prototype Links */
a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.logokage {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.divide-250 {
  margin-top:250px;
}

.frame-logo-top-3 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-5 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: right;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 10px;
  letter-spacing: 10%;
  line-height: 69.9999988079071%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-198-198-198);
}

.top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 8px 8px 0px 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  min-width: 280px;
  max-width: 750px;
  background-color: rgba(248, 247, 243, 1);
}

.text-8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-amagro);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-0-4-255);
}

.text-9 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-telegraf);
  font-weight: normal;
  font-size: 20px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.text-10 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-telegraf);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-gauche-7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.10000000149011612px solid rgba(111, 111, 111, 1);
}

.img-12 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.text-14 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-179-179-179);
}

.legend-13 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-droite-11 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(248, 247, 243, 1);
  border: 0.10000000149011612px solid rgba(111, 111, 111, 1);
}

.property-1-default {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-width: 280px;
  max-width: 750px;
  background-color: rgba(248, 247, 243, 1);
}

.text-17 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-amagro);
  font-weight: normal;
  font-size: 54px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-0-4-255);
}

.frame-gauche-16 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 97.667638483965%;
}

.property-1-variant3 {
  flex-grow: 0;
  flex-shrink: 1;
  width: 91.46666666666667%;
  min-width: 280px;
  max-width: 750px;
  background-color: rgba(248, 247, 243, 1);
}

.text-20 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-amagro);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-0-4-255);
}

.text-21 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-telegraf);
  font-weight: normal;
  font-size: 20px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.text-22 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-telegraf);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-gauche-19 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.10000000149011612px solid rgba(111, 111, 111, 1);
  width: 280px;
}

.img-24 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
}

.frame-droite-23 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: left;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: auto;
  background-color: rgba(248, 247, 243, 1);
}

.property-1-variant2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  min-width: 280px;
  max-width: 750px;
  background-color: rgba(248, 247, 243, 1);
}

.text-27 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-amagro);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-0-4-255);
}

.text-28 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-telegraf);
  font-weight: normal;
  font-size: 20px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.text-29 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-telegraf);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-gauche-26 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 0.10000000149011612px solid rgba(111, 111, 111, 1);
}

.img-31 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.text-33 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-179-179-179);
}

.legend-32 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-droite-30 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(248, 247, 243, 1);
  border: 0.10000000149011612px solid rgba(111, 111, 111, 1);
}

.text-36 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-amagro);
  font-weight: normal;
  font-size: 54px;
  letter-spacing: -2%;
  line-height: 114.99999761581421%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.frame-gauche-35 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.property-1-variant4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-width: 280px;
  max-width: 750px;
  background-color: rgba(248, 247, 243, 1);
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: -34px;
  padding: 0px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  min-width: 350px;
  max-width: 750px;
  height: 150px;
  background-color: rgba(0, 4, 255, 100);
}

.this-1 {
@media (max-width: 1440px) {
  .this-1 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 768px) {
  .this-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px 32px 0px 32px;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  max-width: 750px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: 750px;
  background-color: rgba(248, 247, 243, 1);
}