:root {
  --color-1 : #131b4c;
  --color-2 : #fde4b8;
  --color-3 : #fde4b8;
  --color-4 : #ca1634;
  --color-5 : #215562;

  --btn-primary-bg : #f58b3c;
  --btn-primary-text : #FFF;

  --bg-color-1 : #00414E;


.bg-color-1 {
  background-color: var(--color-1);
}
  
  --h1-xs: 36px;
  --h1: 72px;
  --h2-xs: 28px;
  --h2: 40px;
  --h3-xs: 20px;
  --h3: 24px;
  --h4-xs: 16px;
  --h4: 16px;
}

/* import de la typo personnalisée */
@font-face {
	font-family: "Solar-Semibold";
  src: url("../fonts/Solar-Semibold.otf") format("opentype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: "Solar-Regular";
  src: url("../fonts/Solar-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: "Solar-Extrabold";
  src: url("../fonts/Solar-Extrabold.otf") format("opentype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

section.py-16.s\:py-32.flex.items-center.text-white {
  margin-top: 65px;
}

a.group.mb-6.m\:mb-4.block.rounded-2xl.p-8.overflow-hidden.before\:content-center.before\:absolute.before\:inset-0.before\:rounded-2xl.before\:border.before\:border-color-2.before\:bg-white {
    border: 1.5px solid;
}