@charset "UTF-8";
/** Start Global Styles **/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "General Sans", sans-serif;
}

body:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(22, 53, 131, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body.opened_submenu:after {
  opacity: 0.5;
  visibility: visible;
}

body.opened_submenu {
  overflow: hidden;
}

a {
  text-decoration: none;
}

small {
  font-size: 100%;
}

ul,
li {
  list-style: none;
}

.cta-hover svg {
  transition: 0.5s;
}

.cta-hover:hover svg {
  transform: rotate(45deg);
}

/** End Global Styles **/
/** Start Actua Item Styles **/
.actua-item {
  display: flex;
  justify-content: space-between;
  padding: 40px 30px;
  border-bottom: 1px solid #3c57df;
}
.actua-item .category {
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #202020;
  border-radius: 2px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
.actua-item .title_date {
  width: 720px;
  display: flex;
  flex-direction: column;
}
.actua-item .title_date h2 {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  color: #202020;
}
.actua-item .title_date h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #163583;
  padding-top: 20px;
}
.actua-item .read-more {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #202020;
  align-self: flex-end;
}

.actuaPage .actua-item {
  background: linear-gradient(180deg, #f2eee8 -146.98%, #ffffff 143.96%);
  border-bottom: 1px solid #202020;
  border-radius: 0px;
  transition: 0.5s;
}
.actuaPage .actua-item:hover {
  box-shadow: 1px 2px 18px -11px rgba(0, 0, 0, 0.81);
  -webkit-box-shadow: 1px 2px 18px -11px rgba(0, 0, 0, 0.81);
  -moz-box-shadow: 1px 2px 18px -11px rgba(0, 0, 0, 0.81);
}

/** End Actua Item Styles **/
/** Start Header Styles **/
header {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 66px;
  margin: 0 auto;
  z-index: 5;
}
header .header-container {
  width: 1265px;
  max-width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
header .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .menu {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 90px;
  padding: 18px 30px;
}
header .menu ul li {
  position: relative;
}
header .menu ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
header .menu ul.submenu {
  width: 200px;
  position: absolute;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  top: 43px;
  left: -6px;
  background: #ffffff;
  padding: 19px;
  border-radius: 11px;
  background: #ffffff;
  border: 1px solid rgba(60, 87, 223, 0.2);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
header .menu ul.submenu li {
  position: relative;
  padding-left: 15px;
}
header .menu ul.submenu li:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 9px;
  background-color: #163583;
  border-radius: 50%;
}
header .menu ul.submenu a:after {
  display: none;
}
header .menu ul a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
}
header .menu ul a:after {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 10px 10px 0px 0px;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #3c57df;
  opacity: 0;
  transition: 0.5s;
}
header .menu ul a:hover {
  color: #3c57df !important;
}
header .menu ul a:hover:after {
  opacity: 1;
}
header .menu ul a.active {
  color: #3c57df !important;
}
header .menu ul a.active:after {
  opacity: 1;
}
header .menu .has-submenu.active a:after {
  opacity: 1;
}
header .menu .has-submenu.active ul.submenu a {
  color: #163583 !important;
}
header .menu .has-submenu.active ul.submenu a:hover {
  color: #3c57df !important;
}
header .menu .has-submenu.active ul.submenu {
  opacity: 1;
  visibility: visible;
}
header .menu ul:not(.submenu) .has-submenu.active a {
  color: #3c57df;
}
header .contact-cta {
  display: flex;
  flex-direction: column;
}
header .contact-cta.mobile {
  display: none;
}
header .contact-cta a {
  display: flex;
  align-items: center;
}
header .contact-cta a h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: #ffffff;
  border: 1px solid rgba(32, 32, 32, 0.2);
  border-radius: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #202020;
}
header .contact-cta a span {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 90px;
}

body.single-focus header.header_dark .logo svg path {
  fill: #ffffff;
}

header.header_dark .logo svg path {
  fill: #202020;
}
header.header_dark .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px 30px;
  gap: 30px;
  background: #ffffff;
  border: 1px solid rgba(60, 87, 223, 0.2);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 50px;
}
header.header_dark .menu ul a {
  color: #163583;
}
header.header_dark .contact-cta a span {
  background: #202020;
}

/** End Header Styles **/
/** Start Footer Styles **/
footer {
  display: flex;
  flex-direction: column;
  padding: 70px;
  position: relative;
  z-index: 1;
  background-color: #000000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
footer:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='580' viewBox='0 0 1440 580' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1204_1549' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1440' height='580'%3E%3Cpath d='M0 9.99999C0 4.47714 4.47715 0 10 0H1430C1435.52 0 1440 4.47715 1440 10V580H0V9.99999Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1204_1549)'%3E%3Cpath d='M431.216 -610.5V465.709L432.078 464.804L506.585 386.577L1457.25 -610.5H1943.56L1052.96 311.86L1052.66 312.171L1052.92 312.514L1962.98 1490.5H1527.21L1523.1 1485.31H1523.1L792.191 543.242L792.041 543.049H431.216V1490.5H76.5V837.692L356.613 543.894L357.419 543.049H76.5V-610.5H431.216Z' stroke='url(%23paint0_linear_1204_1549)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1204_1549' x1='1020' y1='-611' x2='1020' y2='1491' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233C57DF'/%3E%3Cstop offset='0.23'/%3E%3Cstop offset='0.465' stop-color='%233C57DF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
footer .footer-container {
  width: 1240px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
footer .footer-content {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
footer .footer-content .top {
  display: flex;
  gap: 200px;
}
footer .footer-content .top .left-side {
  width: 280px;
  display: flex;
  flex-direction: column;
}
footer .footer-content .top .left-side ul {
  display: flex;
  align-items: center;
  gap: 14px;
}
footer .footer-content .top .left-side li {
  position: relative;
}
footer .footer-content .top .left-side .hoverable .info-hover {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4fd;
  gap: 15px;
  padding: 13px;
  border-radius: 40px;
  position: absolute;
  top: 57px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
footer .footer-content .top .left-side .hoverable:hover .info-hover {
  opacity: 1;
  visibility: visible;
}
footer .footer-content .top .left-side .hoverable .info-hover h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
footer .footer-content .top .left-side .hoverable button {
  background-color: transparent;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
footer .footer-content .top .left-side ul li a {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4fd;
  border-radius: 50%;
}
footer .footer-content .top .left-side .adresse {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
footer .footer-content .top .left-side .adresse a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #f4f4fd;
}
footer .footer-content .top .right-side {
  display: flex;
  flex-direction: column;
}
footer .footer-content .top .right-side ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
footer .footer-content .top .right-side ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 31px;
  color: #c1cbe3;
}
footer .footer-content .top .right-side ul li a {
  color: inherit;
}
footer .footer-content .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 180px;
}
footer .footer-content .bottom .left-side {
  display: flex;
  align-items: end;
  gap: 200px;
}
footer .footer-content .bottom .left-side h2 {
  width: 280px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #f4f4fd;
}
footer .footer-content .bottom .left-side ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
footer .footer-content .bottom .left-side ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #c1cbe3;
}
footer .footer-content .bottom .left-side ul li a {
  color: inherit;
}
footer .footer-content .bottom .right-side {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
footer .footer-content .bottom .right-side h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #ffffff;
}

footer .footer-content .bottom .right-side h4 a {
  color: inherit;
}

/** End Footer Styles **/
/** Start Home Styles **/
.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 366px;
  padding-bottom: 50px;
  background-color: #3d58df;
  position: relative;
  z-index: 2;
}
.hero-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  mix-blend-mode: hard-light;
}
.hero-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero .hero-container {
  width: 1245px;
  max-width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
.hero .hero-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero .hero-content .left-side {
  width: 390px;
  display: flex;
  flex-direction: column;
}
.hero .hero-content .top {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.hero .hero-content .top ul {
  display: flex;
  flex-direction: column;
}
.hero .hero-content .top ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 69.8214px;
  line-height: 77px;
  color: #ffffff;
  transition: 0.5s;
}
.hero .hero-content .top ul li.active {
  opacity: 0.6;
}
.hero .hero-content .right-side {
  width: 325px;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.hero .hero-content .right-side h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
}
.hero .hero-content .bottom {
  width: 490px;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  margin-top: 170px;
}
.hero .hero-content .bottom .hero-article {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 10px;
  padding: 30px;
}
.hero .hero-content .bottom .hero-article h3 {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background: #202020;
  border-radius: 2px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
.hero .hero-content .bottom .hero-article h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  margin-top: 20px;
}
.hero .hero-content .bottom .hero-article ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 28px;
}
.hero .hero-content .bottom .hero-article ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
.hero .hero-content .bottom .hero-article ul li:last-child {
  text-decoration: underline;
}

/** End Home Styles **/
/** Start A propos Styles **/
.apropos {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 95px 0;
  background-image: url(../images/bg-about.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 2;
}
.apropos .apropos-container {
  width: 1245px;
  max-width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
.apropos .apropos-content {
  display: flex;
  justify-content: space-between;
}
.apropos .apropos-content .left-side {
  width: 300px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.apropos .apropos-content .left-side h2 {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  color: #3c57df;
}
.apropos .apropos-content .left-side h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 33px;
  color: #202020;
}
.apropos .apropos-content .right-side {
  width: 630px;
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}
.apropos .apropos-content .right-side .content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.apropos .apropos-content .right-side p {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
}
.apropos .apropos-content .right-side .cta {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-top: 40px;
}
.apropos .apropos-content .right-side .cta a {
  display: flex;
  align-items: center;
}
.apropos .apropos-content .right-side .cta a h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  background: #3c57df;
  border: 1px solid #3c57df;
  border-radius: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
.apropos .apropos-content .right-side .cta a span {
  width: 58px;
  height: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #3c57df;
  border-radius: 50px;
}
.apropos .apropos-content .right-side .cta a:last-child h3 {
  background-color: #202020;
  border: 1px solid #202020;
}
.apropos .apropos-content .right-side .cta a:last-child span {
  background: #202020;
}

/** End A propos Styles **/
/** Start Expertises Styles **/
.expertises {
  display: flex;
  flex-direction: column;
  padding-top: 115px;
  padding-bottom: 75px;
  background: linear-gradient(234.67deg, #191683 29.26%, #000000 122.54%);
  position: relative;
  z-index: 2;
}
.expertises .expertises-container {
  width: 1245px;
  max-width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
.expertises .expertises-content {
  display: flex;
  flex-direction: column;
}
.expertises .expertises-grid {
  display: grid;
  grid-template-columns: repeat(4, 300px);
  gap: 20px;
}
.expertises .expertise-title {
  display: flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: 3;
  gap: 15px;
}
.expertises .expertise-title h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 20px;
  color: #ffffff;
}
.expertises .expertise-title h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 45px;
  color: #ffffff;
}
.expertises .expertise-item {
  min-height: 340px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  background: linear-gradient(
    201.63deg,
    rgba(255, 255, 255, 0) 9.52%,
    rgba(255, 255, 255, 0.1) 95.93%
  );
  border-radius: 10px;
  position: relative;
}
.expertises .expertise-item h2 {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 31px;
  color: #ffffff;
  margin-bottom: 25px;
}
.expertises .expertise-item p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  opacity: 0.8;
}
.expertises .expertise-item a {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.expertises .expertise-item a h3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px;
  border: 1px solid #3c57df;
  border-radius: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
.expertises .expertise-item a span {
  width: 58px;
  height: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #3c57df;
  border-radius: 50px;
}
.expertises .expertise-item:nth-of-type(4) {
  grid-column-end: 3;
}
.expertises .expertise-item:last-child {
  background: transparent;
  padding: 0;
}
.expertises .expertise-item:last-child svg {
  width: 100%;
  height: 100%;
}

/** End Expertises Styles **/
/** Start Actualites Styles **/
.actua {
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
}
.actua-video {
  width: 100%;
  height: calc(100% + 10px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body.home .actua-video:after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='1437' height='1038' viewBox='0 0 1437 1038' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='-7' y1='183.5' x2='1433' y2='183.5' stroke='white' stroke-opacity='0.2'/%3E%3Cline x1='-7' y1='468.5' x2='1433' y2='468.5' stroke='white' stroke-opacity='0.2'/%3E%3Cline x1='-7' y1='753.5' x2='1433' y2='753.5' stroke='white' stroke-opacity='0.2'/%3E%3Cline x1='282.5' y1='-109' x2='282.5' y2='1331' stroke='white' stroke-opacity='0.2'/%3E%3Cline x1='567.5' y1='-109' x2='567.5' y2='1331' stroke='white' stroke-opacity='0.2'/%3E%3Cline x1='852.5' y1='-109' x2='852.5' y2='1331' stroke='white' stroke-opacity='0.2'/%3E%3Cline x1='1137.5' y1='-109' x2='1137.5' y2='1331' stroke='white' stroke-opacity='0.2'/%3E%3Cline x1='1422.5' y1='-109' x2='1422.5' y2='1331' stroke='white' stroke-opacity='0.2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.actua-video video {
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: left;
}
.actua .actua-top {
  display: flex;
  flex-direction: column;
  padding-top: 270px;
}
.actua .actua-container {
  width: 1250px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.actua .actua-content {
  display: flex;
  justify-content: space-between;
}
.actua .actua-top {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.actua .actua-top .left-side {
  width: 685px;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.actua .actua-top .left-side p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #ffffff;
}
.actua .actua-top .left-side h3 {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  color: #ffffff;
}
.actua .actua-top .right-side {
  width: 345px;
  display: flex;
  flex-direction: column;
}
.actua .actua-top .right-side .blocks {
  display: flex;
  flex-direction: column;
  gap: 125px;
}
.actua .actua-top .right-side .blocks .block {
  min-height: 413px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    #3c57df;
  border-radius: 2px;
  padding: 25px;
  position: relative;
}
.actua .actua-top .right-side .blocks .block:nth-of-type(2) {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    #3c57df;
}
.actua .actua-top .right-side .blocks .block:nth-of-type(3) {
  background: #3c57df;
}
/* .actua .actua-top .right-side .blocks .block.block-2 {
  transform: scale(1.1) !important;
}
.actua .actua-top .right-side .blocks .block.block-3 {
  transform: scale(1.2) !important;
} */
.actua .actua-top .right-side .blocks .block:after {
  content: "";
  width: 305px;
  max-width: 100%;
  height: 340px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='305' height='340' viewBox='0 0 305 340' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.9648 0.5V175.207L57.8271 174.301L69.8633 161.647L223.316 0.5H300.712L157.522 148.982L157.223 149.293L157.486 149.635L303.982 339.5H234.641L234.103 338.818L116.029 186.442L115.88 186.249H56.9648V339.5H0.5V234.494L45.6357 187.094L46.4404 186.249H0.5V0.5H56.9648Z' stroke='url(%23paint0_linear_1204_1482)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1204_1482' x1='138.5' y1='-33' x2='271.632' y2='417.609' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E9EFFB' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E9EFFB' stop-opacity='0.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.actua .actua-top .right-side .blocks .block .number {
  display: flex;
  gap: 14px;
  padding-top: 15px;
}
.actua .actua-top .right-side .blocks .block .number span {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}
.actua .actua-top .right-side .blocks .block .number h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}
.actua .actua-top .right-side .blocks .block ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 38px;
  padding-left: 10px;
}
.actua .actua-top .right-side .blocks .block ul li {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  position: relative;
  padding-left: 40px;
}
.actua .actua-top .right-side .blocks .block ul li:after {
  content: "";
  width: 23px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 9px;
}
.actua .actua-bottom {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 75px;
  position: relative;
  z-index: 2;
  border-radius: 3px;
}
.actua .actua-bottom .actua-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.actua .actua-bottom .actua-header .left-header {
  width: 700px;
  display: flex;
  flex-direction: column;
}
.actua .actua-bottom .actua-header .left-header h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  color: #3c57df;
}
.actua .actua-bottom .actua-header .left-header h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 35px;
  color: #3c57df;
}
.actua .actua-bottom .actua-header .right-header {
  display: flex;
  flex-direction: column;
}
.actua .actua-bottom .actua-header .right-header a {
  display: flex;
  align-items: center;
}
.actua .actua-bottom .actua-header .right-header a h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  background: #202020;
  border: 1px solid #202020;
  border-radius: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
.actua .actua-bottom .actua-header .right-header a span {
  width: 58px;
  height: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #202020;
  border-radius: 50px;
}
.actua .actua-bottom .actua-grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 70px;
}

body.home .actua {
  background: #764d3e;
}
body.home .actua .actua-bottom {
  margin: 150px auto 0px auto;
}

/** End Actualites Styles **/
/** Single Team Styles **/
.singleTeam {
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
}
.singleTeam:after {
  content: "";
  width: 1440px;
  max-width: 100%;
  height: 1500px;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='1589' viewBox='0 0 1440 1589' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1204_454' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1440' height='1589'%3E%3Crect width='1440' height='1589' fill='%23F7F7FD'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1204_454)'%3E%3Cpath d='M319.216 -512.5V563.709L320.078 562.804L394.585 484.577L1345.25 -512.5H1831.56L940.955 409.86L940.655 410.171L940.919 410.514L1850.98 1588.5H1415.21L1411.1 1583.31H1411.1L680.191 641.242L680.041 641.049H319.216V1588.5H-35.5V935.692L244.613 641.894L245.419 641.049H-35.5V-512.5H319.216Z' fill='white' fill-opacity='0.5' stroke='url(%23paint0_linear_1204_454)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1204_454' x1='385.5' y1='587' x2='545.5' y2='353.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233C57DF'/%3E%3Cstop offset='1' stop-color='%23E9EDFB' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.singleTeam .singleTeam-header {
  display: flex;
  flex-direction: column;
  padding-top: 170px;
  background: linear-gradient(
      150.28deg,
      rgba(242, 238, 232, 0) 56.25%,
      #e0d6c8 91.18%
    ),
    linear-gradient(90.2deg, #f6f3ef -10.34%, rgba(255, 255, 255, 0) 116.27%);
}
.singleTeam .singleTeam-header-container {
  width: 1230px;
  max-width: 100%;
  margin: auto;
}
.singleTeam .singleTeam-header-content {
  display: flex;
  align-items: center;
  justify-content: right;
}
.singleTeam .info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 100px;
  margin-right: -70px;
  position: relative;
  z-index: 5;
}
.singleTeam .info h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 55px;
  line-height: 61px;
  text-align: center;
  color: #202020;
}
.singleTeam .info h3 {
  display: flex;
  flex-direction: column;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #202020;
}
.singleTeam .info h3 span {
  color: #3c57df;
}
.singleTeam .info ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.singleTeam .info ul li {
  position: relative;
}
.singleTeam .info ul li a {
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(32, 32, 32, 0.1);
  border-radius: 10px;
}
.singleTeam .info ul li .info-hover {
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  padding: 14px;
  gap: 15px;
  border: 1px solid rgba(32, 32, 32, 0.1);
  border-radius: 10px;
  position: absolute;
  top: 57px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.singleTeam .info ul li.hoverable:hover .info-hover {
  opacity: 1;
  visibility: visible;
}
.singleTeam .info ul li .info-hover button {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.singleTeam .info ul li .info-hover h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #202020;
}
.singleTeam .image {
  width: 448px;
  height: 673px;
  position: relative;
  z-index: 2;
}
.singleTeam .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.singleTeam .singleTeam-bio {
  display: flex;
  flex-direction: column;
  padding: 120px 0 0 0;
  position: relative;
  z-index: 2;
}
.singleTeam .singleTeam-bio:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.8;
}
.singleTeam .singleTeam-bio .singleTeam-bio-container {
  width: 1150px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.singleTeam .singleTeam-bio .singleTeam-bio-content {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
  border-bottom: 1px solid #3c57df;
}
.singleTeam .singleTeam-bio .singleTeam-bio-content .intro {
  width: 446px;
  display: flex;
  flex-direction: column;
}
.singleTeam .singleTeam-bio .singleTeam-bio-content .intro p {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #202020;
}
.singleTeam .singleTeam-bio .singleTeam-bio-content .intro p span {
  color: #3c57df;
}
.singleTeam .singleTeam-bio .singleTeam-bio-content .bio {
  width: 630px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.singleTeam .singleTeam-bio .singleTeam-bio-content .bio p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
}
.singleTeam .singleTeam-bio .singleTeam-bio-content .bio p strong {
  font-weight: 500;
}
.singleTeam .singleTeam-distinctions {
  display: flex;
  flex-direction: column;
  padding-top: 130px;
}
.singleTeam .singleTeam-distinctions .singleTeam-distinctions-container {
  width: 1150px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.singleTeam .singleTeam-distinctions .singleTeam-distinctions-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.singleTeam .singleTeam-distinctions .distinctions-title {
  display: flex;
  flex-direction: column;
}
.singleTeam .singleTeam-distinctions .distinctions-title h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #3c57df;
}
.singleTeam .singleTeam-distinctions .distinctions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.singleTeam .singleTeam-distinctions .distinction-item {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #f2eee8 0%, #ffffff 100%);
  padding: 40px 25px;
  border-bottom: 1px solid #202020;
}
.singleTeam .singleTeam-distinctions .distinction-item h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
}
.singleTeam .singleTeam-distinctions .distinction-item h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  color: #3c57df;
  margin-top: 12px;
}
.singleTeam .singleTeam-distinctions .distinction-item span {
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #163583;
  margin-top: 8px;
}
.singleTeam .singleTeam-distinctions .distinction-item p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
  margin-top: 40px;
}

/** End Single Team Styles **/
/** Start Single Post Styles **/
.singlePost {
  display: flex;
  flex-direction: column;
}
.singlePost .singlePost-header {
  display: flex;
  flex-direction: column;
  background: #f2eee8;
  padding-top: 260px;
  padding-bottom: 115px;
  position: relative;
  z-index: 1;
}
.singlePost .singlePost-header:after {
  content: "";
  width: 1440px;
  max-width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='793' viewBox='0 0 1440 793' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cmask id='mask0_1204_259' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1440' height='793'%3E%3Crect width='1440' height='793' fill='%23413CDF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1204_259)'%3E%3Cpath d='M319.216 -63.5V1012.71L320.078 1011.8L394.585 933.577L1345.25 -63.5H1831.56L940.955 858.86L940.655 859.171L940.919 859.514L1850.98 2037.5H1415.21L1411.1 2032.31H1411.1L680.191 1090.24L680.041 1090.05H319.216V2037.5H-35.5V1384.69L244.613 1090.89L245.419 1090.05H-35.5V-63.5H319.216Z' stroke='url(%23paint0_linear_1204_259)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1204_259' x1='908' y1='-64' x2='908' y2='2038' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233C57DF'/%3E%3Cstop offset='0.341689' stop-color='%233C57DF' stop-opacity='0'/%3E%3Cstop offset='0.366867'/%3E%3Cstop offset='0.420326' stop-color='%233C57DF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  pointer-events: none;
}
.singlePost .singlePost-container {
  width: 1155px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.singlePost .singlePost-content {
  display: flex;
  flex-direction: column;
}
.singlePost .singlePost-content .singlePost-info {
  display: flex;
  flex-direction: column;
}
.singlePost .singlePost-content .singlePost-info .date {
  display: flex;
  align-items: center;
  gap: 75px;
}
.singlePost .singlePost-content .singlePost-info .date h4,
.singlePost .singlePost-content .singlePost-info .date a {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 31px;
  color: #3c57df;
}
.singlePost .singlePost-content .singlePost-info .author a {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 31px;
  color: #3c57df;
  margin-top: 15px;
}
.singlePost .singlePost-content .singlePost-info .title {
  width: 957px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.singlePost .singlePost-content .singlePost-info .title h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 34px;
  line-height: 41px;
  color: #202020;
}
.singlePost .singlePost-content .singlePost-info .switch__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 50px;
}
.singlePost .singlePost-content .singlePost-info .switch__intro .switch-post {
  display: flex;
  flex-direction: column;
}
.singlePost
  .singlePost-content
  .singlePost-info
  .switch__intro
  .switch-post
  ul {
  display: flex;
  align-items: center;
  gap: 10px;
}

.singlePost .singlePost-content .singlePost-info .switch__intro .intro {
  width: 630px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.singlePost .singlePost-content .singlePost-info .switch__intro .intro p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
}
.singlePost .singlePost-content .singlePost-info .switch__intro .intro ul {
  display: flex;
  align-items: center;
  gap: 50px;
}
.singlePost .singlePost-content .singlePost-info .switch__intro .intro ul li a {
  display: flex;
  align-items: center;
  gap: 7px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.05em;
  color: #000000;
}
.singlePost .singlePost-description {
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}
.singlePost .singlePost-description .description {
  width: 935px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  gap: 20px;
  color: #202020;
}
.singlePost .singlePost-description .description p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #202020;
}
.singlePost .singlePost-description .btnTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.singlePost .singlePost-description .btnTop button {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: transparent;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.05em;
  color: #000000;
  cursor: pointer;
}
.singlePost .singlePost-description .btnTop button span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  background: #f5f5f5;
  border-radius: 50%;
}
.singlePost .singlePost-description .btnTop .line {
  flex: 1px;
  height: 1px;
  background: #3c57df;
}

/** End Single Post Styles **/
/** Start Actualites Styles **/
.actuaPage {
  display: flex;
  flex-direction: column;
}
.actuaPage .actuaPage-container {
  width: 1250px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.actuaPage .actuaPage-content {
  display: flex;
  flex-direction: column;
}
.actuaPage .actuaPage-header {
  display: flex;
  flex-direction: column;
  background: #f2eee8;
  padding-top: 260px;
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
}
.actuaPage .actuaPage-header:after {
  content: "";
  width: 1440px;
  max-width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='793' viewBox='0 0 1440 793' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cmask id='mask0_1204_259' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1440' height='793'%3E%3Crect width='1440' height='793' fill='%23413CDF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1204_259)'%3E%3Cpath d='M319.216 -63.5V1012.71L320.078 1011.8L394.585 933.577L1345.25 -63.5H1831.56L940.955 858.86L940.655 859.171L940.919 859.514L1850.98 2037.5H1415.21L1411.1 2032.31H1411.1L680.191 1090.24L680.041 1090.05H319.216V2037.5H-35.5V1384.69L244.613 1090.89L245.419 1090.05H-35.5V-63.5H319.216Z' stroke='url(%23paint0_linear_1204_259)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1204_259' x1='908' y1='-64' x2='908' y2='2038' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233C57DF'/%3E%3Cstop offset='0.341689' stop-color='%233C57DF' stop-opacity='0'/%3E%3Cstop offset='0.366867'/%3E%3Cstop offset='0.420326' stop-color='%233C57DF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  pointer-events: none;
}
.actuaPage .categories {
  display: flex;
  flex-direction: column;
  position: relative;
}
.actuaPage .categories .cat-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 7px;
  position: relative;
  cursor: pointer;
}
.actuaPage .categories .cat-header svg {
  transition: 0.5s;
}
.actuaPage .categories .cat-header:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #202020;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.5s;
}
.actuaPage .categories .cat-header h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #202020;
}
.actuaPage .categories .cat-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 30px;
  padding-bottom: 10px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.actuaPage .categories .cat-body:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #202020;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.5s;
}
.actuaPage .categories .cat-body ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.actuaPage .categories .cat-body ul li {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #202020;
  cursor: pointer;
}
.actuaPage .categories .cat-body ul li.active {
  color: #3c57df;
}
.actuaPage .categories.active .cat-header svg {
  transform: rotate(180deg);
}
.actuaPage .categories.active .cat-body {
  opacity: 1;
  visibility: visible;
}
/* .actuaPage .categories.active .cat-body:after {
  width: 100%;
} */
.actuaPage .actuaPage-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.actuaPage .actuaPage-filters h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
  color: #3c57df;
}
.actuaPage .actuaPage-filters .filters {
  display: flex;
  align-items: center;
  gap: 50px;
}
.actuaPage .actuaPage-filters .filters .search-field {
  display: flex;
  flex-direction: column;
  position: relative;
}
.actuaPage .actuaPage-filters .filters .search-field input {
  display: flex;
  padding: 0 16px;
  width: 341px;
  height: 52px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #202020;
  outline: none;
  border: none;
}
.actuaPage .actuaPage-filters .filters .search-field input::-moz-placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #202020;
}
.actuaPage .actuaPage-filters .filters .search-field input::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #202020;
}
.actuaPage .actuaPage-filters .filters .search-field svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.actuaPage .actuaPage-featured {
  display: flex;
  justify-content: space-between;
  padding: 40px 30px;
  border-bottom: 1px solid #3c57df;
  background-color: #ffffff;
  margin-top: 110px;
}
.actuaPage .actuaPage-featured .category {
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #202020;
  border-radius: 2px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}
.actuaPage .actuaPage-featured .title_date {
  width: 720px;
  display: flex;
  flex-direction: column;
}
.actuaPage .actuaPage-featured .title_date h2 {
  font-family: "General Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  color: #202020;
}
.actuaPage .actuaPage-featured .title_date h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #163583;
  padding-top: 20px;
}
.actuaPage .actuaPage-featured .read-more {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #202020;
  align-self: flex-end;
}
.actuaPage .actuaPage-grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 20px;
  padding-bottom: 80px;
}

/** End Actualites Styles **/
/** Start Single Expertises Styles **/
.singleKal {
  display: flex;
  flex-direction: column;
}
.singleKal .singleKal-header {
  display: flex;
  flex-direction: column;
  padding-top: 260px;
  padding-bottom: 25px;
  position: relative;
  z-index: 1;
  background-color: #164983;
}
body.single-expertises .singleKal .singleKal-header {
  background-color: #f2eee8;
}
.singleKal .singleKal-header:after {
  content: "";
  width: 1440px;
  max-width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='793' viewBox='0 0 1440 793' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cmask id='mask0_1204_259' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1440' height='793'%3E%3Crect width='1440' height='793' fill='%23413CDF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1204_259)'%3E%3Cpath d='M319.216 -63.5V1012.71L320.078 1011.8L394.585 933.577L1345.25 -63.5H1831.56L940.955 858.86L940.655 859.171L940.919 859.514L1850.98 2037.5H1415.21L1411.1 2032.31H1411.1L680.191 1090.24L680.041 1090.05H319.216V2037.5H-35.5V1384.69L244.613 1090.89L245.419 1090.05H-35.5V-63.5H319.216Z' stroke='url(%23paint0_linear_1204_259)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1204_259' x1='908' y1='-64' x2='908' y2='2038' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233C57DF'/%3E%3Cstop offset='0.341689' stop-color='%233C57DF' stop-opacity='0'/%3E%3Cstop offset='0.366867'/%3E%3Cstop offset='0.420326' stop-color='%233C57DF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  pointer-events: none;
}
.singleKal .singleKal-header-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #164983;
  opacity: 0.7;
}
.singleKal .singleKal-header-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.singleKal .singleKal-container {
  width: 1265px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.singleKal .singleKal-content {
  display: flex;
  flex-direction: column;
}
.singleKal .singleKal-content .singleKal-info {
  display: flex;
  flex-direction: column;
}
.singleKal .singleKal-content .singleKal-info .category {
  display: flex;
  align-items: center;
  gap: 75px;
}
.singleKal .singleKal-content .singleKal-info .category h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 31px;
  color: #3c57df;
}
.singleKal .singleKal-content .singleKal-info .title {
  width: 957px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.singleKal .singleKal-content .singleKal-info .title h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 55px;
  line-height: 65px;
  color: #202020;
}
.singleKal .singleKal-content .singleKal-info .switch__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 50px;
}
.singleKal .singleKal-content .singleKal-info .switch__intro .switch-post {
  display: flex;
  flex-direction: column;
}
.singleKal .singleKal-content .singleKal-info .switch__intro .switch-post ul {
  display: flex;
  align-items: center;
  gap: 10px;
}
.switch-post ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  background: #ffffff;
  border-radius: 50px;
  transition: 0.5s;
}

.switch-post ul li a:hover {
  box-shadow: 1px 2px 18px -11px rgba(0, 0, 0, 0.81);
}
.singleKal .singleKal-content .singleKal-info .switch__intro .intro {
  width: 630px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.singleKal .singleKal-content .singleKal-info .switch__intro .intro p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
}
.singleKal .singleKal-content .singleKal-info .switch__intro .intro ul {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 30px;
}
.singleKal .singleKal-content .singleKal-info .switch__intro .intro ul li a {
  display: flex;
  align-items: center;
  gap: 7px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.05em;
  color: #000000;
}
.singleKal .singleKal-content .singleKal-info .wrapper-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.singleKal .singleKal-featured {
  width: 1155px;
  height: 160px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.singleKal .singleKal-featured img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.singleKal .singleKal-blocks {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  padding-bottom: 80px;
}
.singleKal .singleKal-blocks .blocks {
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.singleKal .singleKal-blocks .blocks .block {
  display: flex;
  justify-content: space-between;
  padding-bottom: 45px;
  border-bottom: 1px solid #3c57df;
}
.singleKal .singleKal-blocks .blocks .block .left-side {
  width: 390px;
  display: flex;
  flex-direction: column;
}
.singleKal .singleKal-blocks .blocks .block .left-side h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #202020;
}
.singleKal .singleKal-blocks .blocks .block .left-side h2 span {
  color: #3c57df;
}
.singleKal .singleKal-blocks .blocks .block .right-side {
  width: 630px;
  display: flex;
  flex-direction: column;
  color: #202020;
  gap: 20px;
}
.singleKal .singleKal-blocks .blocks .block .right-side p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
}
.singleKal .singleKal-blocks .blocks .block .right-side strong {
  font-weight: 500;
}
.singleKal .singleKal-blocks .blocks .block .right-side ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.singleKal .singleKal-blocks .blocks .block .right-side ul li {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
  padding-left: 15px;
  position: relative;
}
.singleKal .singleKal-blocks .blocks .block .right-side ul li:after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #202020;
  position: absolute;
  left: 0;
  top: 10px;
}
.singleKal .singleKal-blocks .last-block {
  display: flex;
  justify-content: space-between;
  /* padding-top: 50px; */
}
.singleKal .singleKal-blocks .last-block .left-side {
  width: 458px;
  display: flex;
  flex-direction: column;
}
.singleKal .singleKal-blocks .last-block .left-side h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #202020;
}
.singleKal .singleKal-blocks .last-block .left-side h2 span {
  color: #3c57df;
}
.singleKal .singleKal-blocks .last-block .right-side {
  width: 630px;
  display: flex;
  flex-direction: column;
}
.singleKal .singleKal-blocks .last-block .right-side p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
}
.singleKal.singleFocus .singleKal-content .singleKal-info .category h4,
.singleKal.singleFocus .singleKal-content .singleKal-info .title h1,
.singleKal.singleFocus
  .singleKal-content
  .singleKal-info
  .switch__intro
  .intro
  p,
.singleKal.singleFocus
  .singleKal-content
  .singleKal-info
  .switch__intro
  .intro
  ul
  li
  a {
  color: #ffffff !important;
}
.singleKal.singleFocus .singleKal-content .switch__intro {
  align-items: center;
}
.singleKal.singleFocus .singleKal-content .title {
  width: 625px;
}
.singleKal.singleFocus .singleKal-header {
  padding-bottom: 35px;
}

/** End Single Expertises Styles **/
/** Start Mentions légales Styles **/
.mL {
  display: flex;
  flex-direction: column;
}
.mL .mL-header {
  display: flex;
  flex-direction: column;
  background: #f2eee8;
  padding-top: 260px;
  padding-bottom: 115px;
  position: relative;
  z-index: 1;
}
.mL .mL-header:after {
  content: "";
  width: 1440px;
  max-width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='793' viewBox='0 0 1440 793' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cmask id='mask0_1204_259' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1440' height='793'%3E%3Crect width='1440' height='793' fill='%23413CDF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1204_259)'%3E%3Cpath d='M319.216 -63.5V1012.71L320.078 1011.8L394.585 933.577L1345.25 -63.5H1831.56L940.955 858.86L940.655 859.171L940.919 859.514L1850.98 2037.5H1415.21L1411.1 2032.31H1411.1L680.191 1090.24L680.041 1090.05H319.216V2037.5H-35.5V1384.69L244.613 1090.89L245.419 1090.05H-35.5V-63.5H319.216Z' stroke='url(%23paint0_linear_1204_259)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1204_259' x1='908' y1='-64' x2='908' y2='2038' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233C57DF'/%3E%3Cstop offset='0.341689' stop-color='%233C57DF' stop-opacity='0'/%3E%3Cstop offset='0.366867'/%3E%3Cstop offset='0.420326' stop-color='%233C57DF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.mL .mL-container {
  width: 1155px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.mL .mL-content {
  display: flex;
  flex-direction: column;
}
.mL .mL-content .mL-info {
  display: flex;
  flex-direction: column;
}
.mL .mL-content .mL-info .title {
  width: 957px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.mL .mL-content .mL-info .title h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 55px;
  color: #202020;
}
.mL .mL-description {
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}
.mL .mL-description .description {
  width: 935px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  gap: 20px;
  color: #202020;
}
.mL .mL-description .description p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #202020;
}
.mL .mL-description .btnTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.mL .mL-description .btnTop button {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: transparent;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.05em;
  color: #000000;
  cursor: pointer;
}
.mL .mL-description .btnTop button span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  background: #f5f5f5;
  border-radius: 50%;
}
.mL .mL-description .btnTop .line {
  flex: 1px;
  height: 1px;
  background: #3c57df;
}

/** End Mentions légales Styles **/
/** Start 404 Error Styles  **/
.pageNotFound {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f2eee8;
  color: #202020;
  position: relative;
  z-index: 1;
}
.pageNotFound:after {
  content: "";
  width: 1440px;
  max-width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='793' viewBox='0 0 1440 793' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cmask id='mask0_1204_259' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1440' height='793'%3E%3Crect width='1440' height='793' fill='%23413CDF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1204_259)'%3E%3Cpath d='M319.216 -63.5V1012.71L320.078 1011.8L394.585 933.577L1345.25 -63.5H1831.56L940.955 858.86L940.655 859.171L940.919 859.514L1850.98 2037.5H1415.21L1411.1 2032.31H1411.1L680.191 1090.24L680.041 1090.05H319.216V2037.5H-35.5V1384.69L244.613 1090.89L245.419 1090.05H-35.5V-63.5H319.216Z' stroke='url(%23paint0_linear_1204_259)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1204_259' x1='908' y1='-64' x2='908' y2='2038' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233C57DF'/%3E%3Cstop offset='0.341689' stop-color='%233C57DF' stop-opacity='0'/%3E%3Cstop offset='0.366867'/%3E%3Cstop offset='0.420326' stop-color='%233C57DF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.pageNotFound .pageNotFound-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.pageNotFound h1 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 110px;
  line-height: 80px;
  text-align: center;
}
.pageNotFound h2 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 37px;
  text-align: center;
}
.pageNotFound p {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.pageNotFound .cta {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.pageNotFound .cta a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageNotFound .cta a h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: #ffffff;
  border: 1px solid rgba(32, 32, 32, 0.2);
  border-radius: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #202020;
}
.pageNotFound .cta a span {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #202020;
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 90px;
}

/** End 404 Error Styles  **/