/** Start Global Style **/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer,
.otgs-development-site-front-end {
  display: none;
}

html {
  scroll-behavior: smooth;
}

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

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

.switchLang {
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 80;
}

.switchLang li {
  position: relative;
}

.switchLang li a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.4;
  text-transform: uppercase;
}

.switchLang li:first-child:after {
  content: "";
  width: 2px;
  height: 13px;
  position: absolute;
  top: 8px;
  right: -8px;
  background-color: #ffffff;
}

.switchLang li a.active {
  opacity: 1;
}


.expertises_for_tablette {
	
display : none	
	
}


.breadcrumb {
  display: flex;
  flex-direction: column;
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  gap: 50px;
}
.breadcrumb ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.7;
  position: relative;
}
.breadcrumb ul li:not(:first-child):after {
  content: "";
  width: 30px;
  height: 1px;
  mix-blend-mode: lighten;
  opacity: 0.2;
  position: absolute;
  left: -40px;
  top: 6px;
  background: #fff;
}
.breadcrumb ul li a {
  color: #ffffff;
}
.breadcrumb.withPadding {
  padding-left: 30px;
}

body {
  --sb-track-color: #ebebeb;
  --sb-thumb-color: #2f0261;
  --sb-size: 5px;
}

body::-webkit-scrollbar {
  width: var(--sb-size);
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1px;
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
  padding: 20px 0 !important;
  border: none !important;
  font-size: 13px !important;
  line-height: 20px;
  color: #fff !important;
}

body.home {
  background: linear-gradient(180deg, #2f0261 37.25%, #130028 63.3%);
  position: relative;
}
body.home:after {
  content: "";
  width: 100%;
  height: 140vh;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  background-image: url(../images/shape.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

body:not(.home) {
  background: #2f0261;
  position: relative;
  z-index: 1;
}
body:not(.home):after {
  content: "";
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #2f0261 37.25%, #130028 63.3%);
  z-index: -1;
}
body:not(.home):before {
  content: "";
  width: 100%;
  height: 140vh;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  background-image: url(/wp-content/uploads/2025/03/shape.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

body.page-template-carrieres footer {
  padding-top: 0;
}

body.single-team .articlesRelated .articlesRelated-content:after {
  display: none;
}

body.page-template-actualites:before {
  height: 200vh;
  top: -120px;
  left: initial;
  right: 0;
  margin: initial;
  background-position: right;
  background-image: url(/wp-content/uploads/2025/03/bg-actua.png);
}

body.single-post:before {
  height: 100%;
  background-size: cover;
  background-image: url(/wp-content/uploads/2025/04/bg-single-actua-2.png);
}

body.single-post:after {
  display: none;
}

body.single-team:before {
  display: none;
}

body.single-forfait .articlesRelated .articlesRelated-content:after {
  display: none;
}

body.page-template-vision .breadcrumb {
  padding-left: 0;
}

body.single-expertise:before {
  height: 85vh;
}

body.single-expertise .articlesRelated .articlesRelated-content:after {
  display: none;
}

header .cta.mobile {
  display: none;
}

a.hoverLine {
  position: relative;
}
a.hoverLine.active {
  text-decoration: underline;
}
a.hoverLine:before,
a.hoverLine:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #e5e8ed;
  opacity: 0;
}
a.hoverLine:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #e5e8ed;
}
a.hoverLine:before {
  transform: scaleX(0);
  transform-origin: left center;
  transition: 0.6s transform cubic-bezier(0.55, 0, 0.1, 1),
    0.6s width cubic-bezier(0.55, 0, 0.1, 1);
}
a.hoverLine:after {
  transform: scaleX(calc(1 * var(--line)));
  transform-origin: right center;
  transition: 0.6s transform cubic-bezier(0.55, 0, 0.1, 1),
    0.6s width cubic-bezier(0.55, 0, 0.1, 1);
}
a.hoverLine:hover:before {
  opacity: 1;
  transform: scaleX(1);
  transition: 0.6s transform 0.3s cubic-bezier(0.55, 0, 0.1, 1),
    0.6s width cubic-bezier(0.55, 0, 0.1, 1);
}
a.hoverLine:hover:after {
  opacity: 1;
  transform: scaleX(0);
  transition: 0.6s transform cubic-bezier(0.55, 0, 0.1, 1),
    0.6s width cubic-bezier(0.55, 0, 0.1, 1);
}

.scrollToTop {
  /*   position: absolute; */
  position: fixed;
  bottom: 80px;
  right: 40px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
  z-index: 30;
}

.scrollToTop.visible {
  opacity: 1;
  visibility: visible;
}

/** End Global Style **/
/** Start Header Style **/
header {
  width: 150px;
  height: 85vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 30px;
  left: 0;
  z-index: 3;
}
header:after {
  content: "";
  width: 1px;
  height: 100vh;
  mix-blend-mode: lighten;
  opacity: 0.2;
  background-color: #ffffff;
  position: absolute;
  top: -30px;
  right: 0;
}
header .burger__menu {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
}
header .burger {
  width: 55px;
  height: 55px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 50% 40% 60% 45%/55% 50% 40% 50%;
  transition: 0.5s;
  cursor: pointer;
  overflow: hidden;
}
header .burger span {
  width: 27px;
  height: 1px;
  background-color: #ffffff;
  border-radius: 50px;
  transition: 0.5s;
}
header nav {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: -7px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
header nav ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header nav ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  text-align: center;
}
header nav ul li a {
  color: #ffffff;
}
header .cta {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 22px;
  gap: 20px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 60px;
  transform: rotate(-90deg);
  transition: 0.5s;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
header .cta:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
}
header .cta .text {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
}
header .cta .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  width: 34px;
  height: 34px;
  background: #2f0261;
  border-radius: 40px;
}

body.opened__menu header nav {
  opacity: 1;
  visibility: visible;
}
/* body.opened__menu header .burger {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
} */
body header .burger {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
}
body.opened__menu header .burger span:first-child {
  transform: rotate(45deg) translateX(3px);
}
body.opened__menu header .burger span:last-child {
  transform: rotate(-45deg) translateX(3px);
}

/** End Header Style **/
/** Start Hero Styles **/
.hero {
  height: 85vh;
  display: flex;
  flex-direction: column;
  padding-top: 150px;
  padding-left: 160px;
}
.hero .hero-container {
/*   width: 1121px; */
	width : 1030px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

html[lang="en-US"] .hero .bottom .line svg{
	
width : 400px !important;	
	
}


.hero .hero-content {
  display: flex;
  flex-direction: column;
  padding-right: 70px;
}
.hero .top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 35px;
}
.hero .top .line {
  height: 2px;
  display: flex;
  flex: 1;
  flex: 1;
  padding-bottom: 10px;
}
.hero .middle {
  display: flex;
  align-items: center;
  justify-content: space-between;

}

/* .hero .middle .line {
	
display : none;	
	
}
 */

.hero .middle .title {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 74px;
  line-height: 90px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.hero .middle .title.semiBold {
  font-weight: 600;
}
.hero .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero .bottom .line svg {
  width: 650px !important;
}

.hero .bottom .title {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 74px;
  line-height: 90px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.hero .ambitions_innovations {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.hero .ambitions_innovations .line {
	
display : none;	
	
}

.hero .ambitions_innovations .title {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 74px;
  line-height: 90px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.hero .ambitions_innovations .title.italic {
  font-style: italic;
  padding-right: 5px;
}
.hero .ambitions_innovations .and {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 74px;
  line-height: 90px;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.hero .tech {
  display: flex;
  align-items: center;
  gap: 20px;
}
.hero .tech h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 74px;
  line-height: 90px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.hero .tech .slider-left {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 74px;
  line-height: 90px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.hero .tech .line {
  width: 350px;
  max-width: 100%;
  position: relative;
}
.hero .tech .line:after {
  content: "";
  width: 350px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 1px;
  left: 0;
  opacity: 0.3;
}
.hero .tech .line span {
  width: 95px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.hero .tech .slider-tech {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero .tech .slider-right {
  min-width: 430px;
  max-width: 100%;
  min-height: 90px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.hero .tech .slider-right h3 {
  position: absolute;
  left: 0;
}
.hero .tech .slider-right h3:nth-of-type(1) {
  top: 0px;
}
.hero .tech .slider-right h3:nth-of-type(2) {
  top: 90px;
}
.hero .tech .slider-right h3:nth-of-type(3) {
  top: 180px;
}

/** End Hero Styles **/
/** Start About Styles **/
.about {
  display: flex;
  flex-direction: column;
  padding-left: 170px;
}
.about .about-cta {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 22px;
  gap: 35px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 60px;
  margin-top: 30px;
  transition: 0.5s;
}
.about .about-cta:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
}
.about .about-cta .text {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
}
.about .about-cta .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  width: 34px;
  height: 34px;
  background: #2f0261;
  border-radius: 40px;
}
.about .about-container {
  width: 1126px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.about .about-content {
  display: flex;
  justify-content: space-between;
}
.about .left-side {
  width: 410px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.about .left-side h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #ffffff;
  opacity: 0.8;
}
.about .left-side h3 span {
  font-weight: 600;
}
.about .right-side {
  width: 551px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 100px;
}
.about .right-side p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 29px;
  color: #ffffff;
  opacity: 0.8;
}

/** End About Styles **/
/** Start Team Styles **/
.team {
  display: flex;
  flex-direction: column;
  margin-top: 125px;
  padding-bottom: 100px;
  padding-left: 100px;
}
.team .team-container {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.team .team-content {
  min-height: 353px;
  display: flex;
  align-items: center;
  gap: 55px;
  background-image: url(../images/bg-team.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 19px;
  padding-left: 35px;
  position: relative;
}
.team .team-content:after {
  content: "";
  width: 380px;
  height: 380px;
  background-image: url(../images/shape-team.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
/*   top: 4px;
  left: -10px;
  z-index: -1; */
	
	    top: -15px;
    left: -34px;
    z-index: -1;
    border-radius: 50%;
    filter: blur(31px);
	
	
}
.team .team-content .image {
  width: 252px;
  height: 252px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
background-size : cover;	
}
.team .team-content .info {
  width: 551px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.team .team-content .info h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 35px;
  color: #ffffff;
}
.team .team-content .info h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}
.team .team-content .info p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
  margin-top: 22px;
}
.team .team-content .team-cta {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 22px;
  gap: 35px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 60px;
  position: relative;
  top: 74px;
  left: 13px;
  transition: 0.5s;
}
.team .team-content .team-cta:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
}
.team .team-content .team-cta .text {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
}
.team .team-content .team-cta .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  width: 34px;
  height: 34px;
  background: #2f0261;
  border-radius: 40px;
}

/** End Team Styles **/
/** Start Expertises Styles **/
.expertises {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.expertises .expertises-container {
  width: 1266px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.expertises .expertises-content {
  width: 100%;
  background: linear-gradient(348.71deg, #2f0261 -79.24%, #ebebeb 101.39%);
  border: 1px solid #2f0261;
  border-radius: 8px 0px 126px 36px;
  overflow: hidden;
}
.expertises .expertises-subtitle {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-top: 30px;
  padding-left: 40px;
}
.expertises .expertises-subtitle h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  color: #2f0261;
  opacity: 0.8;
}
.expertises .expertises-subtitle .line {
  height: 1px;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #2f0261;
  opacity: 0.5;
  margin-right: 50px;
}
.expertises .expertises-title {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  margin-top: 35px;
  margin-right: 40px;
}
.expertises .expertises-title h3 {
  width: 370px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #2f0261;
  opacity: 0.8;
}
.expertises .expertises-title h3 span {
  font-weight: 600;
}
.expertises .expertises-title p {
  width: 550px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #2f0261;
  opacity: 0.8;
}
.expertises .expertises-gallery {
  width: calc(100% - 60px);
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-self: center;
  padding-top: 60px;
}
.expertises .splide__track {
  overflow: initial;
}
.expertises-gallery {
  transition: 1s linear;
}
.expertises .expertises-gallery .splide__slide {
  width: 325px;
  height: 537px;
  overflow: hidden;
  position: relative;
}
.expertises .expertises-gallery .splide__slide .image {
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0 0 21% 0 round 20px);
  clip-path: inset(0 0 21% 0 round 20px);
  transition: 0.5s;
}
.expertises .expertises-gallery .splide__slide .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0;
/*   object-position: 0; */
	object-position: center;
  border-radius: 15px;
  transition: 0.5s;
}
/* .expertises .expertises-gallery .splide__slide:hover .image img {
  object-position: 0 -55px;
} */
.expertises .expertises-gallery .splide__slide .info {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  gap: 8px;
  left: 20px;
  transition: 0.5s;
}
.expertises .expertises-gallery .splide__slide .info span {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #2f0261;
  opacity: 0.3;
}
.expertises .expertises-gallery .splide__slide .info h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #2f0261;
  opacity: 0.8;
}
.expertises .expertises-gallery .splide__slide .info h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #2f0261;
  opacity: 0.8;
}
/* .expertises .expertises-gallery .splide__slide:hover .image {
  -webkit-clip-path: inset(0 0 21% 0 round 20px);
  clip-path: inset(0 0 21% 0 round 20px);
}
.expertises .expertises-gallery .splide__slide:hover .info {
  opacity: 1;
  left: 20px;
} */
.expertises .expertises-gallery .splide__slide .arrow {
  width: 35px;
  height: 35px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.5s;
}
.expertises .expertises-gallery .splide__slide .arrow svg path {
  transition: 0.5s;
}
.expertises .expertises-gallery .splide__slide:hover .arrow {
  background-color: #2f0261;
}
.expertises .expertises-gallery .splide__slide:hover .arrow svg path {
  fill: #f5f5f5;
}
.expertises .packages {
  display: flex;
  flex-direction: column;
  padding-top: 140px;
  padding-bottom: 20px;
}
.expertises .packages .packages-subtitle {
  display: flex;
  align-items: center;
  gap: 25px;
}
.expertises .packages .packages-subtitle .line {
  height: 1px;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #2f0261;
  opacity: 0.5;
}
.expertises .packages .packages-subtitle h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  color: #2f0261;
  opacity: 0.8;
}
.expertises .packages .packages-title {
  width: 764px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  margin: 0 auto;
}
.expertises .packages .packages-title h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  color: #2f0261;
}
.expertises .packages .packages-title h2 span {
  font-weight: 600;
}
.expertises .packages .packages-blocks {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-top: 50px;
  padding: 0 20px;
}
.expertises .packages .packages-blocks .package-item {
  width: 100%;
  display: flex;
  background: rgba(255, 255, 255, 0.06);
  /* border: 1px solid rgba(245, 245, 245, 0.18); */
  border-radius: 18px 128px 128px 18px;
  padding: 15px 30px;
  transition: 0.5s;
}
.expertises .packages .packages-blocks .package-item:first-child {
  background: linear-gradient(90deg, #2f0261 0%, #d2c0e5 128.75%);
}
.expertises .packages .packages-blocks .package-item:nth-of-type(2) {
  background: linear-gradient(90deg, #4624a0 0%, #d2c0e5 125.81%);
}

.expertises .packages .packages-blocks .package-item:last-child {
  background: linear-gradient(90deg, #5a44c5 0%, #d2c0e5 126.59%);
}

.expertises .packages .packages-blocks .package-item:first-child:hover {
  background: linear-gradient(90deg, #2f0261 0%, #d2c0e5 128.75%);
  opacity: 0.8;
}
.expertises .packages .packages-blocks .package-item:nth-of-type(2):hover {
  background: linear-gradient(90deg, #4624a0 0%, #d2c0e5 125.81%);
  opacity: 0.8;
}
.expertises .packages .packages-blocks .package-item:last-child:hover {
  background: linear-gradient(90deg, #5a44c5 0%, #d2c0e5 126.59%);
  opacity: 0.8;
}

.expertises .packages .packages-blocks .package-item:hover .item-bg {
  filter: drop-shadow(1px 3px 7px #2f0261);
}

.expertises .packages .packages-blocks .package-item .item-title {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #fff;
  opacity: 1;
  padding-top: 15px;
  transition: 0.5s;
}
.expertises .packages .packages-blocks .package-item .item-info {
  width: 795px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding-top: 15px;
  padding-left: 70px;
}
.expertises .packages .packages-blocks .package-item .item-info h3 {
  width: 365px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  transition: 0.5s;
}
.expertises .packages .packages-blocks .package-item .item-info h3 span {
  font-weight: 600;
}
.expertises .packages .packages-blocks .package-item .item-info p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #fff;
  opacity: 0.8;
  transition: 0.5s;
}
.expertises .packages .packages-blocks .package-item .item-bg {
  width: 179px;
  height: 179px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-left: auto;
  transition: 0.5s;
}
.expertises .packages .packages-blocks .package-item .item-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/shape-darwin.svg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  transition: 0.5s;
  opacity: 1;
}
.expertises .packages .packages-blocks .package-item:hover {
  background: #2f0261;
}
.expertises .packages .packages-blocks .package-item:hover .item-title {
  color: #f5f5f5;
}
.expertises .packages .packages-blocks .package-item:hover .item-info h3 {
  color: #f5f5f5;
}
.expertises .packages .packages-blocks .package-item:hover .item-info p {
  color: #f5f5f5;
}
/* .expertises .packages .packages-blocks .package-item:hover .item-bg:after {
  opacity: 1;
} */

/** End Expertises Styles **/
/** Start Network Styles **/
.all-community-sec {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.all-community-sec .all-community-container {
  width: 1286px;
  max-width: 100%;
  margin-left: auto;
  position: relative;
  z-index: 1;
}

.network {
  display: flex;
  flex-direction: column;
  padding-top: 70px;
}
.network .network-content {
  display: flex;
  flex-direction: column;
  padding-left: 60px;
}
.network .network-content .network-subtitle {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 40px;
}
.network .network-content .network-subtitle h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
}
.network .network-content .network-subtitle .line {
  height: 1px;
  display: flex;
  flex: 1;
  mix-blend-mode: normal;
  opacity: 0.2;
  background-color: #f5f5f5;
}
.network .network-content .network-title {
  display: flex;
  justify-content: space-between;
  margin-right: 45px;
}
.network .network-content .network-title h3 {
  width: 515px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 65px;
  letter-spacing: -0.02em;
  color: #f5f5f5;
  opacity: 0.9;
}
.network .network-content .network-title h3 span {
  font-weight: 500;
}
.network .network-content .network-title p {
  width: 550px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
}

/** End Network Styles **/
/** Start Community Styles **/
.community {
  display: flex;
  flex-direction: column;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}
.community:after {
  content: "";
  width: 100%;
  height: 656px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-image: url(../images/bg-community.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
}
.community .community-container {
  width: 1185px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.community .community-content {
  display: flex;
  flex-direction: column;
  padding-top: 100px;
}
.community .community-content .community-blocks {
  width: 1120px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -53px;
}
.community .community-content .community-blocks .community-item:first-child {
  top: 142px;
}
.community .community-content .community-blocks .community-item:last-child {
  top: 125px;
}
.community .community-content .community-blocks .community-item {
  width: 250px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.community .community-content .community-blocks .community-item:nth-of-type(2) {
  top: 25px;
}
.community .community-content .community-blocks .community-item h3 {
  width: 240px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: -0.04em;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.community .community-content .community-blocks .community-item span {
  font-family: "inter", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.04em;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.community .community-content .community-blocks .community-item .circle {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d9d9d9;
  border-radius: 50%;
  margin: 15px auto;
}
.community .community-content .community-cta {
  width: 205px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 50px;
  position: relative;
  cursor: pointer;
}
.community .community-content .community-cta a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: -0.04em;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.community .community-content .community-cta a rect {
  transition: 0.5s;
}
.community .community-content .community-cta a:hover rect {
  fill-opacity: 0.6;
}
.community .community-content .community-cta .copy-info {
  display: flex;
  align-items: center;
  position: absolute;
  gap: 10px;
  left: 50%;
  bottom: -40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: translateX(-40%);
}
.community .community-content .community-cta .copy-info h5,
.community .community-content .community-cta .copy-info h4 {
  width: max-content;
  background: rgba(47, 2, 97, 0.03);
  border: 1px solid rgba(47, 2, 97, 0.1);
  border-radius: 20px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  opacity: 0.9;
}
.community .community-content .community-cta .copy-info h4 {
  cursor: pointer;
}
.community .community-content .community-cta:hover .copy-info {
  opacity: 1;
  visibility: visible;
}
/** End Community Styles **/
/** Start Hiring Styles **/
.hiring {
  display: flex;
  flex-direction: column;
  margin-top: 65px;
}
.hiring .hiring-container {
  width: 950px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.hiring .hiring-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 50px;
}
.hiring .hiring-content .left-side {
  display: flex;
  flex-direction: column;
}
.hiring .hiring-content .left-side h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 60px;
  line-height: 65px;
  letter-spacing: -0.02em;
  color: #f5f5f5;
  opacity: 0.9;
}
.hiring .hiring-content .right-side {
  display: flex;
  flex-direction: column;
}
.hiring .hiring-content .right-side .hiring-cta {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 22px;
  gap: 35px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 60px;
  margin-top: 30px;
  transition: 0.5s;
}
.hiring .hiring-content .right-side .hiring-cta:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
}
.hiring .hiring-content .right-side .hiring-cta .text {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
}
.hiring .hiring-content .right-side .hiring-cta .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  width: 34px;
  height: 34px;
  background: #2f0261;
  border-radius: 40px;
}

/** End Hiring Styles **/
/** Start Single Expertises Styles **/
.singleExp {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.singleExp .singleExp-container {
  width: 1185px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.singleExp .singleExp-content {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 40px;
}
.singleExp .title_switchExp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 50px;
  padding-top: 55px;
}
.singleExp .title_switchExp h1 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 74px;
  line-height: 90px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.singleExp .singleExp-container .switch_more-exp {
  position: absolute;
  right: 0;
  top: 70px;
}
.singleExp .singleExp-container .exp-grid {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 30px;
}
.singleExp .exp-grid .exp-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 25px;
  width: 276px;
  min-height: 122px;
  background: rgba(245, 245, 245, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  transition: 0.5s;
}
.singleExp .exp-grid .exp-item:hover {
  background: rgba(245, 245, 245, 0.13);
}
.singleExp .exp-grid .exp-item h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #ffffff;
}
.singleExp .title_switchExp ul {
  display: flex;
  align-items: center;
  gap: 55px;
}
.singleExp .title_switchExp ul li {
  display: flex;
  flex-direction: column;
}
.singleExp .title_switchExp ul li a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.singleExp .title_switchExp ul li a h3 {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 245, 245, 0.03);
  border: 1px solid rgba(245, 245, 245, 0);
  border-radius: 20px;
  transition: 0.5s;
}
.singleExp .title_switchExp ul li a span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.5;
  transition: 0.5s;
}
.singleExp .title_switchExp ul li a:hover h3 {
  background: rgba(245, 245, 245, 0.13);
  border: 1px solid rgba(245, 245, 245, 0.18);
}
.singleExp .title_switchExp ul li a:hover span {
  opacity: 1;
}
.singleExp .singleExp-description {
  width: 810px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 25px;
  gap: 20px;
}
.singleExp .singleExp-description p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  opacity: 0.8;
}
.singleExp .domaines-inter {
  display: flex;
  flex-direction: column;
  padding-top: 45px;
  padding-bottom: 50px;
}
.singleExp .domaines-inter h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 34px;
  line-height: 41px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.singleExp .domaines-inter .block {
  width: 854px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 40px 50px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(245, 245, 245, 0.18);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 18px 18px 128px 18px;
  margin-top: 25px;
}
.singleExp .domaines-inter .block ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.singleExp .domaines-inter .block ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
  position: relative;
  padding-left: 16px;
}

.singleExp .domaines-inter .block ul li:after {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
}

/** End Single Expertises Styles **/
/** Start Articles Related Styles **/
.articlesRelated {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.articlesRelated .articlesRelated-container {
  width: 1285px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.articlesRelated .articlesRelated-content {
  /*display: flex;*/
	display:none;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(
    345.91deg,
    #2f0261 -76.32%,
    #a999bb 16.53%,
    #ebebeb 124.55%
  );
  border: 1px solid #2f0261;
  border-radius: 8px 0px 126px 36px;
  padding-bottom: 50px;
  margin-left: 30px;
  position: relative;
}
.articlesRelated .articlesRelated-content:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -40px;
  background-color: rgba(245, 245, 245, 0.2);
}
.articlesRelated .title {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 25px;
  gap: 20px;
}
.articlesRelated .title .line {
  height: 1px;
  flex: 1;
  mix-blend-mode: normal;
  opacity: 0.2;
  background-color: #2f0261;
}
.articlesRelated .title h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  color: #2f0261;
  opacity: 0.8;
}
.articlesRelated .subtitle {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 40px;
}
.articlesRelated .subtitle h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  color: #2f0261;
}
.articlesRelated .subtitle h3 span {
  font-weight: 600;
}
.articlesRelated .related-grid {
  width: 1172px;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.articlesRelated .related-grid .item-related {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 35px 40px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  color: #2f0261;
  z-index: 1;
  transition: 0.5s;
  cursor: pointer;
}
.articlesRelated .related-grid .item-related::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='581' height='309' viewBox='0 0 581 309' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_2184_558' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05888 0 0 8.05888 0 18V291C0 300.941 8.05887 309 18 309H488.908C491.893 309 494 305.985 494 303V303V239C494 229.059 502.059 221 512 221H576V221C578.536 221 581 219.174 581 216.638V18C581 8.05888 572.941 0 563 0H18Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05888 0 0 8.05888 0 18V291C0 300.941 8.05887 309 18 309H488.908C491.893 309 494 305.985 494 303V303V239C494 229.059 502.059 221 512 221H576V221C578.536 221 581 219.174 581 216.638V18C581 8.05888 572.941 0 563 0H18Z' fill='white' fill-opacity='0.06'/%3E%3Cpath d='M1 18C1 8.61117 8.61116 1 18 1V-1C7.50659 -1 -1 7.5066 -1 18H1ZM1 291V18H-1V291H1ZM18 308C8.61116 308 1 300.389 1 291H-1C-1 301.493 7.50659 310 18 310V308ZM488.908 308H18V310H488.908V308ZM495 303V239H493V303H495ZM495 239C495 229.611 502.611 222 512 222V220C501.507 220 493 228.507 493 239H495ZM512 222H576V220H512V222ZM580 18V216.638H582V18H580ZM563 1C572.389 1 580 8.61116 580 18H582C582 7.50659 573.493 -1 563 -1V1ZM18 1H563V-1H18V1ZM576 222C578.905 222 582 219.893 582 216.638H580C580 218.454 578.167 220 576 220V222ZM488.908 310C490.763 310 492.305 309.058 493.355 307.743C494.398 306.437 495 304.716 495 303H493C493 304.269 492.548 305.548 491.792 306.495C491.042 307.435 490.038 308 488.908 308V310Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2184_558)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
  z-index: -1;
  transition: 0.5s;
}
.articlesRelated .related-grid .item-related:hover {
  color: #f5f5f5;
}
.articlesRelated .related-grid .item-related:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='581' height='309' viewBox='0 0 581 309' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05888 0 0 8.05888 0 18V291C0 300.941 8.05887 309 18 309H488.908C491.893 309 494 305.985 494 303V239C494 229.059 502.059 221 512 221H576C578.536 221 581 219.174 581 216.638V18C581 8.05888 572.941 0 563 0H18Z' fill='%232F0261'/%3E%3C/svg%3E%0A");
}
.articlesRelated .related-grid .item-related:hover .arrow svg path {
  fill: #2f0261;
}
.articlesRelated .related-grid .item-related span {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  opacity: 0.7;
}
.articlesRelated .related-grid .item-related h3 {
  height: 60px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  margin-top: 30px;
}
.articlesRelated .related-grid .item-related .category {
  display: flex;
  flex-direction: column;
  padding-top: 85px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  opacity: 0.8;
}
.articlesRelated .related-grid .item-related .arrow {
  position: absolute;
  bottom: 35px;
  right: 25px;
}
.articlesRelated .related-grid .item-related .arrow svg path {
  transition: 0.5s;
}

/** End Articles Related Styles **/
/** Start Vision Styles **/
body.page-template-vision .breadcrumb {
  padding-left: 115px;
}
.vision {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.vision .vision-container {
  width: 1266px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.vision .vision-content {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}
.vision .vision-header {
  display: flex;
  flex-direction: column;
  padding-top: 80px;
  padding-right: 50px;
  padding-left: 115px;
}
.vision .vision-header h1 {
  width: 1046px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 74px;
  line-height: 90px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.vision .vision-header .description {
  width: 551px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  padding-top: 60px;
}
.vision .vision-header .description p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 29px;
  color: #ffffff;
  opacity: 0.8;
}
.vision .vision-slider {
  display: flex;
  align-items: center;
  gap: 70px;
  padding-top: 70px;
  padding-left: 115px;
  padding-right: 20px;
}
.vision .vision-slider .left-side {
  display: flex;
  flex-direction: column;
}
.vision .vision-slider .left-side ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.vision .vision-slider .left-side ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  background: rgba(245, 245, 245, 0.2);
  opacity: 0.8;
  border: 1px solid #f5f5f5;
  border-radius: 40px;
  cursor: pointer;
  transition: 0.5s;
}
.vision .vision-slider .left-side ul li:hover {
  background: rgba(245, 245, 245, 0.4);
  opacity: 0.8;
  border: 1px solid #f5f5f5;
}
.vision .vision-slider .right-side {
  width: 654px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: #50287c;
  padding: 20px 35px 0 50px;
  border-radius: 18px 100px 100px 18px;
  z-index: 1;
  position: relative;
}
.vision .vision-slider .right-side:after {
  content: "";
}
.vision .vision-slider .right-side .splide__slide {
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
.vision .vision-slider .right-side .splide__track {
  padding-bottom: 35px;
}
.vision .vision-slider .right-side span {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 35px;
  color: #ffffff;
}
.vision .vision-slider .right-side .left-splide__slide {
  position: relative;
}
.vision .vision-slider .right-side .left-splide__slide:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  bottom: -40px;
  left: 3px;
  mix-blend-mode: lighten;
  opacity: 0.2;
  background: #ffffff;
  pointer-events: none;
}
.vision .vision-slider .right-side .right-splide__slide {
  padding-top: 20px;
}
.vision .vision-slider .right-side:after,
.vision .vision-slider .right-side:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #50287c;
  opacity: 0.4;
  border-radius: 18px 100px 100px 18px;
  z-index: -1;
}
.vision .vision-slider .right-side:after {
  left: 15px;
}
.vision .vision-slider .right-side:before {
  left: 30px;
}
.vision .vision-slider .right-side h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
  color: #ffffff;
  padding-bottom: 10px;
}
.vision .vision-slider .right-side p {
  width: 510px;
  max-width: 100%;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #f5f5f5;
  opacity: 0.8;
}
.vision .steps {
  display: flex;
  flex-direction: column;
  margin-top: 175px;
  padding-left: 115px;
}
.vision .steps .steps-title {
  width: 630px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #f5f5f5;
  opacity: 0.8;
}
.vision .steps .steps-title span {
  font-weight: 600;
}
.vision .steps .steps-blocks {
  display: flex;
  justify-content: space-between;
  padding-top: 55px;
  padding-right: 40px;
}
.vision .steps .steps-blocks .left-side {
  width: 360px;
  max-width: 100%;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 40px;
}
.vision .steps .steps-blocks .left-side ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.vision .steps .steps-blocks .left-side ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.5;
  cursor: pointer;
}
.vision .steps .steps-blocks .left-side ul li.active {
  opacity: 1;
}
.vision .steps .steps-blocks .right-side {
  width: 654px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.vision .steps .steps-blocks .right-side .item {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0.5;
}
.vision .steps .steps-blocks .right-side .item.active {
  opacity: 1;
}
.vision .steps .steps-blocks .right-side .item p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
}
.vision .clients {
  display: flex;
  flex-direction: column;
  background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%
    ),
    linear-gradient(328.16deg, #a696b9 -7.24%, #ebebeb 98.01%);
  border: 1px solid #2f0261;
  border-radius: 8px 0px 126px 36px;
  margin-top: 140px;
}
.vision .clients .clients-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 40px;
}
.vision .clients .clients-header .line {
  flex: 1;
  height: 1px;
  background-color: #2f0261;
  opacity: 0.5;
}
.vision .clients .clients-header h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  color: #2f0261;
  opacity: 0.8;
  text-align: center;
}
.vision .clients .clients-item {
  width: 1069px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 60px;
  padding-bottom: 100px;
}
.vision .clients .clients-item img {
  mix-blend-mode: multiply;
  filter: grayscale(100%);
}
.vision .bureaux {
  display: flex;
  flex-direction: column;
  padding-top: 100px;
  padding-left: 180px;
}
.vision .bureaux .bureaux-container {
  width: 810px;
  max-width: 100%;
}
.vision .bureaux .bureaux-content {
  width: 791px;
  height: 806px;
  position: relative;
}
.vision .bureaux .bureaux-bg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.vision .bureaux .bureaux-bg svg {
  width: 100%;
  height: 100%;
}
.vision .bureaux .bureaux-title {
  width: 520px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 110px;
  left: initial;
  right: -180px;
  margin: 0 auto;
  transform: translateY(-50%);
}
.vision .bureaux .bureaux-title h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #f5f5f5;
  opacity: 0.8;
}
.vision .bureaux .bureaux-title h3 span {
  font-weight: 500;
}
.vision .bureaux .bureaux-blocks {
  display: flex;
  flex-direction: column;
}
.vision .bureaux .bureaux-blocks .block {
  max-width: 100%;
  position: absolute;
  top: 0;
}
.vision .bureaux .bureaux-blocks .block:last-child {
  bottom: 170px;
  top: initial;
  right: 120px;
}
.vision .bureaux .bureaux-blocks .block .content {
  width: 396px;
  min-height: 175px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 45px 40px 33px 23px;
  background-image: url("data:image/svg+xml,%3Csvg width='397' height='243' viewBox='0 0 397 243' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_2804_818' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M375.724 0.443125C387.617 -0.017987 397.278 9.94527 396.451 21.8179L386.204 168.925C385.538 178.488 377.586 185.905 368 185.905C348.67 185.905 333 201.575 333 220.905V233.209C333 238.039 329.454 242.704 324.624 242.617L19.64 237.127C8.73642 236.931 0 228.036 0 217.13V34.2509C0 23.5067 8.48898 14.6822 19.2251 14.2659L375.724 0.443125Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M375.724 0.443125C387.617 -0.017987 397.278 9.94527 396.451 21.8179L386.204 168.925C385.538 178.488 377.586 185.905 368 185.905C348.67 185.905 333 201.575 333 220.905V233.209C333 238.039 329.454 242.704 324.624 242.617L19.64 237.127C8.73642 236.931 0 228.036 0 217.13V34.2509C0 23.5067 8.48898 14.6822 19.2251 14.2659L375.724 0.443125Z' fill='url(%23paint0_linear_2804_818)' fill-opacity='0.2'/%3E%3Cpath d='M396.451 21.8179L395.453 21.7484V21.7484L396.451 21.8179ZM375.724 0.443125L375.763 1.44237L375.724 0.443125ZM19.64 237.127L19.658 236.127H19.658L19.64 237.127ZM19.2251 14.2659L19.1864 13.2666L19.2251 14.2659ZM324.624 242.617L324.606 243.617L324.624 242.617ZM397.449 21.8874C398.317 9.42113 388.173 -1.04029 375.686 -0.556124L375.763 1.44237C387.061 1.00432 396.239 10.4694 395.453 21.7484L397.449 21.8874ZM387.201 168.995L397.449 21.8874L395.453 21.7484L385.206 168.856L387.201 168.995ZM334 220.905C334 202.128 349.222 186.905 368 186.905V184.905C348.118 184.905 332 201.023 332 220.905H334ZM334 233.209V220.905H332V233.209H334ZM19.622 238.127L324.606 243.617L324.642 241.617L19.658 236.127L19.622 238.127ZM-1 217.13C-1 228.581 8.17324 237.921 19.622 238.127L19.658 236.127C9.2996 235.941 1 227.49 1 217.13H-1ZM-1 34.2509V217.13H1V34.2509H-1ZM19.1864 13.2666C7.91343 13.7037 -1 22.9695 -1 34.2509H1C1 24.0439 9.06453 15.6606 19.2639 15.2651L19.1864 13.2666ZM375.686 -0.556124L19.1864 13.2666L19.2639 15.2651L375.763 1.44237L375.686 -0.556124ZM332 233.209C332 237.662 328.746 241.691 324.642 241.617L324.606 243.617C330.161 243.717 334 238.417 334 233.209H332ZM385.206 168.856C384.577 177.895 377.061 184.905 368 184.905V186.905C378.111 186.905 386.499 179.082 387.201 168.995L385.206 168.856Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2804_818)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2804_818' x1='30.5165' y1='-10.1458' x2='421.738' y2='191.08' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.vision .bureaux .bureaux-blocks .block:last-child .content {
  background-image: url("data:image/svg+xml,%3Csvg width='397' height='256' viewBox='0 0 397 256' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_2843_719' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M375.76 0.0171298C387.639 -0.468899 397.317 9.4542 396.534 21.3178L386.142 178.731C385.511 188.287 377.577 195.715 368 195.715C348.67 195.715 333 211.385 333 230.715V247.56C333 251.735 329.887 255.656 325.713 255.576L19.6202 249.762C8.72449 249.555 0 240.664 0 229.766V34.5891C0 23.8614 8.46371 15.0444 19.1824 14.6058L375.76 0.0171298Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M375.76 0.0171298C387.639 -0.468899 397.317 9.4542 396.534 21.3178L386.142 178.731C385.511 188.287 377.577 195.715 368 195.715C348.67 195.715 333 211.385 333 230.715V247.56C333 251.735 329.887 255.656 325.713 255.576L19.6202 249.762C8.72449 249.555 0 240.664 0 229.766V34.5891C0 23.8614 8.46371 15.0444 19.1824 14.6058L375.76 0.0171298Z' fill='url(%23paint0_linear_2843_719)' fill-opacity='0.2'/%3E%3Cpath d='M396.534 21.3178L395.536 21.252L396.534 21.3178ZM375.76 0.0171298L375.801 1.01629L375.76 0.0171298ZM19.6202 249.762L19.6012 250.762L19.6202 249.762ZM19.1824 14.6058L19.1415 13.6067L19.1824 14.6058ZM325.713 255.576L325.732 254.577L325.713 255.576ZM386.142 178.731L385.144 178.665L386.142 178.731ZM397.532 21.3837C398.354 8.92688 388.192 -1.49236 375.719 -0.982034L375.801 1.01629C387.086 0.554567 396.28 9.98151 395.536 21.252L397.532 21.3837ZM387.14 178.797L397.532 21.3837L395.536 21.252L385.144 178.665L387.14 178.797ZM334 230.715C334 211.937 349.222 196.715 368 196.715V194.715C348.118 194.715 332 210.833 332 230.715H334ZM334 247.56V230.715H332V247.56H334ZM19.6012 250.762L325.694 256.576L325.732 254.577L19.6392 248.762L19.6012 250.762ZM-1 229.766C-1 241.208 8.16072 250.545 19.6012 250.762L19.6392 248.762C9.28827 248.566 1 240.119 1 229.766H-1ZM-1 34.5891V229.766H1V34.5891H-1ZM19.1415 13.6067C7.88689 14.0671 -1 23.3251 -1 34.5891H1C1 24.3978 9.04052 16.0216 19.2233 15.605L19.1415 13.6067ZM375.719 -0.982034L19.1415 13.6067L19.2233 15.605L375.801 1.01629L375.719 -0.982034ZM332 247.56C332 251.33 329.203 254.643 325.732 254.577L325.694 256.576C330.571 256.669 334 252.14 334 247.56H332ZM385.144 178.665C384.548 187.695 377.05 194.715 368 194.715V196.715C378.103 196.715 386.475 188.878 387.14 178.797L385.144 178.665Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2843_719)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2843_719' x1='30.5225' y1='-11.158' x2='430.324' y2='183.748' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  padding: 30px 40px 40px 23px;
}
.vision .bureaux .bureaux-blocks .block .description {
  width: 330px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #f5f5f5;
  opacity: 0.8;
}
.vision .bureaux .bureaux-blocks .block .title {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 8px;
}
.vision .bureaux .bureaux-blocks .block .icon {
  width: 17px;
  height: 17px;
  background-image: url(../images/dot-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 20px;
  right: 30px;
  cursor: pointer;
}
.vision .bureaux .bureaux-blocks .block.open .content {
  opacity: 1;
  visibility: visible;
}

/** End Vision Styles **/
/** Start Carrieres Styles **/
.carrieres {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.carrieres .carrieres-header-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.carrieres .carrieres-header-content {
  width: 1170px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding-left: 150px;
  padding-top: 40px;
}
.carrieres .carrieres-header-content .carrieres-title {
  width: 1002px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 60px;
}
.carrieres .carrieres-header-content .carrieres-title h1 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 74px;
  line-height: 90px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.carrieres .carrieres-container {
  width: 1260px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.carrieres .carrieres-content {
  display: flex;
  flex-direction: column;
}
.carrieres .find-offer {
  width: 1015px;
  max-width: 100%;
  min-height: 237px;
  display: flex;
  flex-direction: column;
  background-image: url("data:image/svg+xml,%3Csvg width='1015' height='237' viewBox='0 0 1015 237' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_2181_523' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.9543 0 0 8.95431 0 20V217C0 228.046 8.95433 237 20 237H369C376.18 237 382 231.18 382 224V224C382 203.013 399.013 186 420 186H596C616.987 186 634 203.013 634 224V224C634 231.18 639.82 237 647 237H995C1006.05 237 1015 228.046 1015 217V20C1015 8.9543 1006.05 0 995 0H20Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.9543 0 0 8.95431 0 20V217C0 228.046 8.95433 237 20 237H369C376.18 237 382 231.18 382 224V224C382 203.013 399.013 186 420 186H596C616.987 186 634 203.013 634 224V224C634 231.18 639.82 237 647 237H995C1006.05 237 1015 228.046 1015 217V20C1015 8.9543 1006.05 0 995 0H20Z' fill='%23F5F5F5' fill-opacity='0.06'/%3E%3Cpath d='M1 20C1 9.50659 9.50659 1 20 1V-1C8.40202 -1 -1 8.40202 -1 20H1ZM1 217V20H-1V217H1ZM20 236C9.50662 236 1 227.493 1 217H-1C-1 228.598 8.40205 238 20 238V236ZM369 236H20V238H369V236ZM383 224C383 203.565 399.565 187 420 187V185C398.461 185 381 202.461 381 224H383ZM420 187H596V185H420V187ZM596 187C616.435 187 633 203.565 633 224H635C635 202.461 617.539 185 596 185V187ZM995 236H647V238H995V236ZM1014 217C1014 227.493 1005.49 236 995 236V238C1006.6 238 1016 228.598 1016 217H1014ZM1014 20V217H1016V20H1014ZM995 1C1005.49 1 1014 9.50659 1014 20H1016C1016 8.40202 1006.6 -1 995 -1V1ZM20 1H995V-1H20V1ZM633 224C633 231.732 639.268 238 647 238V236C640.373 236 635 230.627 635 224H633ZM369 238C376.732 238 383 231.732 383 224H381C381 230.627 375.627 236 369 236V238Z' fill='%23F5F5F5' fill-opacity='0.2' mask='url(%23path-1-inside-1_2181_523)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  margin-top: 90px;
}
.carrieres .find-offer .find-offer-title {
  display: flex;
  flex-direction: column;
}
.carrieres .find-offer .find-offer-title h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.04em;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.carrieres .find-offer .find-offer-fields {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 30px;
  position: relative;
  z-index: 10;
}
.carrieres .find-offer .find-offer-fields .search-field {
  width: 272px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d2c0e5;
}
.carrieres .find-offer .find-offer-fields .search-field input {
  width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: #f5f5f5;
  background-color: transparent;
  outline: none;
  border: none;
  opacity: 0.8;
}
.carrieres
  .find-offer
  .find-offer-fields
  .search-field
  input::-moz-placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
}
.carrieres .find-offer .find-offer-fields .search-field input::placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
}
.carrieres .find-offer .find-offer-fields .select-field {
  width: 272px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d2c0e5;
  position: relative;
  transition: 0.5s;
}
.carrieres .find-offer .find-offer-fields .select-field.active {
  background-color: #441b7199;
}
.carrieres .find-offer .find-offer-fields .select-field .select-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding-left: 5px;
}
.carrieres .find-offer .find-offer-fields .select-field .select-header h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
}
.carrieres .find-offer .find-offer-fields .select-field .select-header::after {
  content: "";
  width: 7px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-70%);
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2181_536)'%3E%3Cpath d='M6.04387 4.22599L6.57387 4.75649L3.68537 7.64599C3.63908 7.69257 3.58405 7.72954 3.52342 7.75476C3.4628 7.77998 3.39778 7.79297 3.33212 7.79297C3.26645 7.79297 3.20144 7.77998 3.14081 7.75476C3.08019 7.72954 3.02515 7.69257 2.97887 7.64599L0.0888672 4.75649L0.618867 4.22649L3.33137 6.93849L6.04387 4.22599Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2181_536'%3E%3Crect width='6' height='12' fill='white' transform='translate(0.333984)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
}
.carrieres .find-offer .find-offer-fields .select-field .select-body ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  position: absolute;
  top: 30px;
  background: #fff;
  border-radius: 0;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  padding: 15px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%);
  clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%);
}
.carrieres .find-offer .find-offer-fields .select-field .select-body li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #f5f5f5;
  cursor: pointer;
}
.carrieres .find-offer .find-offer-fields .select-field.active .select-body li {
  color: #2f0261;
}
.carrieres .find-offer .find-offer-fields .select-field .select-body.open ul {
  opacity: 1;
  visibility: visible;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.carrieres .find-offer .find-offer-cta {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 22px;
  gap: 18px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 60px;
  position: relative;
  top: 70px;
  margin: 0 auto;
  transition: 0.5s;
}
.carrieres .find-offer .find-offer-cta:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
}
.carrieres .find-offer .find-offer-cta .text {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
}
.carrieres .find-offer .find-offer-cta .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  width: 34px;
  height: 34px;
  background: #2f0261;
  border-radius: 40px;
}
.carrieres .carrieres-values {
  display: flex;
  flex-direction: column;
  background: linear-gradient(328.16deg, #a696b9 -7.24%, #ebebeb 98.01%);
  border-radius: 8px 0px 126px 36px;
  padding-top: 50px;
  /*   padding-bottom: 100px; */
  padding-bottom: 60px;
  margin-top: 100px;
}
.carrieres .carrieres-values .values-title {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
  gap: 10px;
}
.carrieres .carrieres-values .values-title .line {
  flex: 1;
  height: 1px;
  background-color: #2f0261;
  opacity: 0.3;
}
.carrieres .carrieres-values .values-title h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  color: #2f0261;
  opacity: 0.8;
}
.carrieres .carrieres-values .values-grid {
  width: 1025px;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.carrieres .carrieres-values .values-grid .value {
  display: flex;
  flex-direction: column;
  background-image: url("data:image/svg+xml,%3Csvg width='323' height='274' viewBox='0 0 323 274' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-14.5' y='-15' width='352' height='304'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.5px);clip-path:url(%23bgblur_0_2887_304_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Crect data-figma-bg-blur-radius='15' x='1' y='0.5' width='321' height='273' rx='17.5' fill='url(%23paint0_linear_2887_304)' fill-opacity='0.6' stroke='url(%23paint1_linear_2887_304)'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2887_304_clip_path' transform='translate(14.5 15)'%3E%3Crect x='1' y='0.5' width='321' height='273' rx='17.5'/%3E%3C/clipPath%3E%3ClinearGradient id='paint0_linear_2887_304' x1='1.00001' y1='-4.17161e-06' x2='148.794' y2='280.69' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2887_304' x1='323' y1='-10.9031' x2='9.0108' y2='290.67' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235745BE' stop-opacity='0.5'/%3E%3Cstop offset='0.528846' stop-color='%23EE7D4E'/%3E%3Cstop offset='1' stop-color='%235745BE' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  /* background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(245, 245, 245, 0.18); */
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 18px;
  padding: 50px 34px;
}
.carrieres .carrieres-values .values-grid .value:nth-of-type(2) {
  background-image: url("data:image/svg+xml,%3Csvg width='323' height='274' viewBox='0 0 323 274' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-14.5' y='-15' width='352' height='304'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.5px);clip-path:url(%23bgblur_0_2887_309_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Crect data-figma-bg-blur-radius='15' x='1' y='0.5' width='321' height='273' rx='17.5' fill='url(%23paint0_linear_2887_309)' fill-opacity='0.6' stroke='url(%23paint1_linear_2887_309)'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2887_309_clip_path' transform='translate(14.5 15)'%3E%3Crect x='1' y='0.5' width='321' height='273' rx='17.5'/%3E%3C/clipPath%3E%3ClinearGradient id='paint0_linear_2887_309' x1='1.00001' y1='-4.17161e-06' x2='148.794' y2='280.69' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2887_309' x1='323' y1='-10.9031' x2='9.0108' y2='290.67' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235745BE' stop-opacity='0.5'/%3E%3Cstop offset='0.528846' stop-color='%238DD8C2'/%3E%3Cstop offset='1' stop-color='%235745BE' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.carrieres .carrieres-values .values-grid .value:nth-of-type(3) {
  background-image: url("data:image/svg+xml,%3Csvg width='323' height='274' viewBox='0 0 323 274' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-14.5' y='-15' width='352' height='304'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.5px);clip-path:url(%23bgblur_0_2887_315_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Crect data-figma-bg-blur-radius='15' x='1' y='0.5' width='321' height='273' rx='17.5' fill='url(%23paint0_linear_2887_315)' fill-opacity='0.6' stroke='url(%23paint1_linear_2887_315)'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2887_315_clip_path' transform='translate(14.5 15)'%3E%3Crect x='1' y='0.5' width='321' height='273' rx='17.5'/%3E%3C/clipPath%3E%3ClinearGradient id='paint0_linear_2887_315' x1='1.00001' y1='-4.17161e-06' x2='148.794' y2='280.69' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2887_315' x1='323' y1='-10.9031' x2='9.0108' y2='290.67' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235745BE' stop-opacity='0.5'/%3E%3Cstop offset='0.528846' stop-color='%239C5375'/%3E%3Cstop offset='1' stop-color='%235745BE' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.carrieres .carrieres-values .values-grid .value .info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /*   padding-top: 70px; */
  padding-top: 8px;
}
.carrieres .carrieres-values .values-grid .value .info h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 31px;
  color: #2f0261;
}
.carrieres .carrieres-values .values-grid .value .info p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #2f0261;
  opacity: 0.8;
}
.carrieres .why-us {
  display: flex;
  flex-direction: column;
  padding-top: 70px;
}
.carrieres .why-us .why-us-title {
  display: flex;
  align-items: center;
  gap: 20px;
}
.carrieres .why-us .why-us-title h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
}
.carrieres .why-us .why-us-title .line {
  flex: 1;
  height: 1px;
  background-color: #f5f5f5;
  opacity: 0.2;
}
.carrieres .why-us .why-us-subtitle {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}
.carrieres .why-us .why-us-subtitle h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #f5f5f5;
  opacity: 0.9;
}
.carrieres .why-us .why-us-block {
  display: flex;
  justify-content: space-between;
}
.carrieres .why-us .why-us-block .left-side {
  width: 514px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.carrieres .why-us .why-us-block h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #f5f5f5;
  opacity: 0.9;
}
.carrieres .why-us .why-us-block .right-side {
  width: 555px;
  max-width: 100%;
  display: flex;
  align-items: center;
  align-self: flex-end;
  position: relative;
  top: 55px;
  padding-right: 55px;
}
.carrieres .why-us .why-us-block .right-side svg {
  position: absolute;
  left: -370px;
  top: 25px;
}
.carrieres .why-us .why-us-block .right-side h4 {
  text-align: right;
}
.carrieres .why-us-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  padding: 300px 40px 45px 45px;
  background-image: url(../images/bg_whyus_section.png);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  /*   background: linear-gradient(
    180deg,
    rgba(47, 2, 97, 0) 0%,
    rgba(59, 16, 107, 0) 36.38%,
    #50287c 100%
  ); */
  border-radius: 20px;
  margin-right: 15px;
  position: relative;
  margin-top: 100px;
}

.carrieres .why-us-grid::before {
  background: linear-gradient(
    180deg,
    rgba(47, 2, 97, 0) 0%,
    rgba(59, 16, 107, 0) 36.38%,
    #50287c 100%
  );
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  /* z-index: -1; */
  border-radius: 20px;
}

/* .carrieres .why-us-grid::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg_whyus_section.png);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: -2;
  border-radius: 20px;
  transform: translateY(var(--parallax-offset, 0px));
  z-index: -2;
  will-change: transform;
  transition: 0.5s linear;
} */

.carrieres .why-us-grid .why-us-item {
  display: flex;
  flex-direction: column;
  position: relative;
}
.carrieres .why-us-grid .why-us-item:not(:last-child):after {
  content: "";
  width: 1px;
  height: 150px;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}
.carrieres .why-us-grid .why-us-item h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  color: #ffffff;
}
.carrieres .why-us-grid .why-us-item h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 30px;
  line-height: 35px;
  color: #ffffff;
  padding-top: 15px;
}
.carrieres .why-us-grid .why-us-item h3 span {
  font-weight: 400;
}
.carrieres .offers-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 70px;
  position: relative;
  z-index: 2;
}
.carrieres .offers-filters .select-field_secondary {
  display: flex;
  flex-direction: column;
  position: relative;
}
.carrieres .offers-filters .select-field_secondary .select-header_secondary {
  min-width: 180px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 10px 25px;
  background: #543577;
  border-radius: 40px;
  cursor: pointer;
  position: relative;
  z-index: 3;
  transition: 0.5s;
}
.carrieres
  .offers-filters
  .select-field_secondary.active
  .select-header_secondary {
  background-color: #fff;
}
.carrieres
  .offers-filters
  .select-field_secondary.active
  .select-header_secondary
  h3 {
  color: #2f0261;
}
.carrieres
  .offers-filters
  .select-field_secondary.active
  .select-header_secondary
  .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.5L7.99968 1.5L14.9997 8.5' stroke='%232F0261' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.carrieres .offers-filters .select-field_secondary .select-header_secondary h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
}
.carrieres
  .offers-filters
  .select-field_secondary
  .select-header_secondary
  .icon {
  width: 14px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L7.99968 7.5L14.9997 0.5' stroke='white' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.5s;
}
.carrieres .offers-filters .select-field_secondary .select-body_secondary {
  width: 100%;
  background: #fff;
  padding: 23px 20px 20px 20px;
  position: absolute;
  top: 55px;
  border-radius: 20px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%);
  clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%);
  transition: 0.5s;
}
.carrieres .offers-filters .select-field_secondary .select-body_secondary.open {
  opacity: 1;
  visibility: visible;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.carrieres .offers-filters .select-field_secondary .select-body_secondary ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.carrieres
  .offers-filters
  .select-field_secondary
  .select-body_secondary
  ul
  li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #2f0261;
  cursor: pointer;
}
.carrieres .offers-grid {
  display: grid;
  grid-template-columns: repeat(3, 375px);
  gap: 20px;
  margin-top: 50px;
  position: relative;
  z-index: 1;
}
.carrieres .offers-grid .offer-item {
  min-height: 341px;
  display: flex;
  flex-direction: column;
  background-image: url("data:image/svg+xml,%3Csvg width='375' height='341' viewBox='0 0 375 341' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-15' y='-15' width='405' height='370.926'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.5px);clip-path:url(%23bgblur_0_2181_477_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='15'%3E%3Cmask id='path-1-inside-1_2181_477' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16C0 7.16344 7.16344 0 16 0H359C367.837 0 375 7.16344 375 16V246.841C375 252.364 370.523 256.841 365 256.841H308.915C298.974 256.841 290.915 264.9 290.915 274.841V330.926C290.915 336.449 286.438 340.926 280.915 340.926H16C7.16345 340.926 0 333.762 0 324.926V16Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16C0 7.16344 7.16344 0 16 0H359C367.837 0 375 7.16344 375 16V246.841C375 252.364 370.523 256.841 365 256.841H308.915C298.974 256.841 290.915 264.9 290.915 274.841V330.926C290.915 336.449 286.438 340.926 280.915 340.926H16C7.16345 340.926 0 333.762 0 324.926V16Z' fill='white' fill-opacity='0.2'/%3E%3Cpath d='M16 -1C6.61116 -1 -1 6.61116 -1 16H1C1 7.71573 7.71573 1 16 1V-1ZM359 -1H16V1H359V-1ZM376 16C376 6.61116 368.389 -1 359 -1V1C367.284 1 374 7.71573 374 16H376ZM376 246.841V16H374V246.841H376ZM308.915 257.841H365V255.841H308.915V257.841ZM291.915 274.841C291.915 265.452 299.526 257.841 308.915 257.841V255.841C298.421 255.841 289.915 264.347 289.915 274.841H291.915ZM291.915 330.926V274.841H289.915V330.926H291.915ZM16 341.926H280.915V339.926H16V341.926ZM-1 324.926C-1 334.315 6.61116 341.926 16 341.926V339.926C7.71573 339.926 1 333.21 1 324.926H-1ZM-1 16V324.926H1V16H-1ZM289.915 330.926C289.915 335.896 285.885 339.926 280.915 339.926V341.926C286.99 341.926 291.915 337.001 291.915 330.926H289.915ZM374 246.841C374 251.811 369.971 255.841 365 255.841V257.841C371.075 257.841 376 252.916 376 246.841H374Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2181_477)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2181_477_clip_path'%3E%3Cpath transform='translate(15 15)' fill-rule='evenodd' clip-rule='evenodd' d='M0 16C0 7.16344 7.16344 0 16 0H359C367.837 0 375 7.16344 375 16V246.841C375 252.364 370.523 256.841 365 256.841H308.915C298.974 256.841 290.915 264.9 290.915 274.841V330.926C290.915 336.449 286.438 340.926 280.915 340.926H16C7.16345 340.926 0 333.762 0 324.926V16Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 25px;
  z-index: 1;
  transition: 0.5s;
}
.carrieres .offers-grid .offer-item:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='375' height='341' viewBox='0 0 376 341' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-15' y='-15' width='405.082' height='371'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.5px);clip-path:url(%23bgblur_0_2653_559_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='15'%3E%3Cmask id='path-1-inside-1_2653_559' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16344 0 0 7.16345 0 16V325C0 333.837 7.16342 341 16 341H280.978C286.501 341 290.978 336.523 290.978 331V274.897C290.978 264.956 299.037 256.897 308.978 256.897H365.082C370.604 256.897 375.082 252.42 375.082 246.897V16C375.082 7.16344 367.918 0 359.082 0H16Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16344 0 0 7.16345 0 16V325C0 333.837 7.16342 341 16 341H280.978C286.501 341 290.978 336.523 290.978 331V274.897C290.978 264.956 299.037 256.897 308.978 256.897H365.082C370.604 256.897 375.082 252.42 375.082 246.897V16C375.082 7.16344 367.918 0 359.082 0H16Z' fill='white' fill-opacity='0.3'/%3E%3Cpath d='M1 16C1 7.71573 7.71573 1 16 1V-1C6.61116 -1 -1 6.61116 -1 16H1ZM1 325V16H-1V325H1ZM16 340C7.7157 340 1 333.284 1 325H-1C-1 334.389 6.61113 342 16 342V340ZM280.978 340H16V342H280.978V340ZM291.978 331V274.897H289.978V331H291.978ZM291.978 274.897C291.978 265.508 299.589 257.897 308.978 257.897V255.897C298.485 255.897 289.978 264.403 289.978 274.897H291.978ZM308.978 257.897H365.082V255.897H308.978V257.897ZM374.082 16V246.897H376.082V16H374.082ZM359.082 1C367.366 1 374.082 7.71573 374.082 16H376.082C376.082 6.61116 368.47 -1 359.082 -1V1ZM16 1H359.082V-1H16V1ZM365.082 257.897C371.157 257.897 376.082 252.972 376.082 246.897H374.082C374.082 251.867 370.052 255.897 365.082 255.897V257.897ZM280.978 342C287.053 342 291.978 337.075 291.978 331H289.978C289.978 335.971 285.949 340 280.978 340V342Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2653_559)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2653_559_clip_path' transform='translate(15 15)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16344 0 0 7.16345 0 16V325C0 333.837 7.16342 341 16 341H280.978C286.501 341 290.978 336.523 290.978 331V274.897C290.978 264.956 299.037 256.897 308.978 256.897H365.082C370.604 256.897 375.082 252.42 375.082 246.897V16C375.082 7.16344 367.918 0 359.082 0H16Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.carrieres .offers-grid .offer-item svg,
.carrieres .offers-grid .offer-spontanee .apply svg {
  position: absolute;
  right: -10px;
}
.carrieres .offers-grid .offer-item:not(:last-child) .type h3 {
  text-transform: uppercase;
}
.carrieres .offers-grid .offer-item .type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
  flex-wrap: wrap;
  gap: 10px;
}
.carrieres .offers-grid .offer-item .type h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
  background: #ffffff;
  border-radius: 30px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #2f0261;
}
.carrieres .offers-grid .offer-item .type h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  color: #ffffff;
}
.carrieres .offers-grid .offer-item h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  color: #ffffff;
  margin-top: 35px;
  padding: 0 25px;
}
.carrieres .offers-grid .offer-item .apply {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 25px;
  z-index: -1;
}
.carrieres .offers-grid .offer-spontanee {
  min-height: 341px;
  display: flex;
  flex-direction: column;
  background-image: url("data:image/svg+xml,%3Csvg width='375' height='341' viewBox='0 0 375 345' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-15' y='-14.6992' width='405' height='374.455'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.5px);clip-path:url(%23bgblur_0_2181_489_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='15'%3E%3Cmask id='path-1-inside-1_2181_489' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.3008C0 7.46422 7.16344 0.300781 16 0.300781H359C367.837 0.300781 375 7.46423 375 16.3008V249.8C375 255.323 370.523 259.8 365 259.8H308.915C298.974 259.8 290.915 267.859 290.915 277.8V334.756C290.915 340.278 286.438 344.756 280.915 344.756H16C7.16345 344.756 0 337.592 0 328.756V16.3008Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.3008C0 7.46422 7.16344 0.300781 16 0.300781H359C367.837 0.300781 375 7.46423 375 16.3008V249.8C375 255.323 370.523 259.8 365 259.8H308.915C298.974 259.8 290.915 267.859 290.915 277.8V334.756C290.915 340.278 286.438 344.756 280.915 344.756H16C7.16345 344.756 0 337.592 0 328.756V16.3008Z' fill='white' fill-opacity='0.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.3008C0 7.46422 7.16344 0.300781 16 0.300781H359C367.837 0.300781 375 7.46423 375 16.3008V249.8C375 255.323 370.523 259.8 365 259.8H308.915C298.974 259.8 290.915 267.859 290.915 277.8V334.756C290.915 340.278 286.438 344.756 280.915 344.756H16C7.16345 344.756 0 337.592 0 328.756V16.3008Z' fill='%23F5F5F5'/%3E%3Cpath d='M16 -0.699219C6.61116 -0.699219 -1 6.91194 -1 16.3008H1C1 8.01651 7.71573 1.30078 16 1.30078V-0.699219ZM359 -0.699219H16V1.30078H359V-0.699219ZM376 16.3008C376 6.91194 368.389 -0.699219 359 -0.699219V1.30078C367.284 1.30078 374 8.01651 374 16.3008H376ZM376 249.8V16.3008H374V249.8H376ZM308.915 260.8H365V258.8H308.915V260.8ZM291.915 277.8C291.915 268.411 299.526 260.8 308.915 260.8V258.8C298.422 258.8 289.915 267.307 289.915 277.8H291.915ZM291.915 334.756V277.8H289.915V334.756H291.915ZM16 345.756H280.915V343.756H16V345.756ZM-1 328.756C-1 338.144 6.61116 345.756 16 345.756V343.756C7.71573 343.756 1 337.04 1 328.756H-1ZM-1 16.3008V328.756H1V16.3008H-1ZM289.915 334.756C289.915 339.726 285.886 343.756 280.915 343.756V345.756C286.99 345.756 291.915 340.831 291.915 334.756H289.915ZM374 249.8C374 254.771 369.971 258.8 365 258.8V260.8C371.075 260.8 376 255.875 376 249.8H374Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2181_489)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2181_489_clip_path'%3E%3Cpath transform='translate(15 14.6992)' fill-rule='evenodd' clip-rule='evenodd' d='M0 16.3008C0 7.46422 7.16344 0.300781 16 0.300781H359C367.837 0.300781 375 7.46423 375 16.3008V249.8C375 255.323 370.523 259.8 365 259.8H308.915C298.974 259.8 290.915 267.859 290.915 277.8V334.756C290.915 340.278 286.438 344.756 280.915 344.756H16C7.16345 344.756 0 337.592 0 328.756V16.3008Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 25px;
  z-index: 1;
  transition: 0.5s;
}
/* .carrieres .offers-grid .offer-spontanee:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='348' height='317' viewBox='0 0 348 317' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-15' y='-15' width='378' height='346.537'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.5px);clip-path:url(%23bgblur_0_2653_645_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='15'%3E%3Cmask id='path-1-inside-1_2653_645' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16344 0 0 7.16344 0 16V300.537C0 309.374 7.16344 316.537 16 316.537H259.969C265.492 316.537 269.969 312.06 269.969 306.537V256.467C269.969 246.526 278.028 238.467 287.969 238.467H338C343.523 238.467 348 233.99 348 228.467V16C348 7.16344 340.837 0 332 0H16Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16344 0 0 7.16344 0 16V300.537C0 309.374 7.16344 316.537 16 316.537H259.969C265.492 316.537 269.969 312.06 269.969 306.537V256.467C269.969 246.526 278.028 238.467 287.969 238.467H338C343.523 238.467 348 233.99 348 228.467V16C348 7.16344 340.837 0 332 0H16Z' fill='white' fill-opacity='0.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16344 0 0 7.16344 0 16V300.537C0 309.374 7.16344 316.537 16 316.537H259.969C265.492 316.537 269.969 312.06 269.969 306.537V256.467C269.969 246.526 278.028 238.467 287.969 238.467H338C343.523 238.467 348 233.99 348 228.467V16C348 7.16344 340.837 0 332 0H16Z' fill='%23F5F5F5' fill-opacity='0.85'/%3E%3Cpath d='M1 16C1 7.71573 7.71573 1 16 1V-1C6.61116 -1 -1 6.61116 -1 16H1ZM1 300.537V16H-1V300.537H1ZM16 315.537C7.71572 315.537 1 308.821 1 300.537H-1C-1 309.926 6.61115 317.537 16 317.537V315.537ZM259.969 315.537H16V317.537H259.969V315.537ZM270.969 306.537V256.467H268.969V306.537H270.969ZM270.969 256.467C270.969 247.078 278.58 239.467 287.969 239.467V237.467C277.476 237.467 268.969 245.974 268.969 256.467H270.969ZM287.969 239.467H338V237.467H287.969V239.467ZM347 16V228.467H349V16H347ZM332 1C340.284 1 347 7.71573 347 16H349C349 6.61116 341.389 -1 332 -1V1ZM16 1H332V-1H16V1ZM338 239.467C344.075 239.467 349 234.542 349 228.467H347C347 233.438 342.971 237.467 338 237.467V239.467ZM259.969 317.537C266.044 317.537 270.969 312.612 270.969 306.537H268.969C268.969 311.508 264.94 315.537 259.969 315.537V317.537Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2653_645)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2653_645_clip_path' transform='translate(15 15)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16344 0 0 7.16344 0 16V300.537C0 309.374 7.16344 316.537 16 316.537H259.969C265.492 316.537 269.969 312.06 269.969 306.537V256.467C269.969 246.526 278.028 238.467 287.969 238.467H338C343.523 238.467 348 233.99 348 228.467V16C348 7.16344 340.837 0 332 0H16Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
} */
.carrieres .offers-grid .offer-spontanee .type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
}
.carrieres .offers-grid .offer-spontanee .type h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
  background: rgba(47, 2, 97, 0.1);
  border-radius: 30px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #2f0261;
}
.carrieres .offers-grid .offer-spontanee h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  color: #2f0261;
  margin-top: 35px;
  padding: 0 25px;
}
.carrieres .offers-grid .offer-spontanee h2 span {
  font-weight: 700;
}
.carrieres .offers-grid .offer-spontanee .apply {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  color: #2f0261;
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 25px;
  z-index: -1;
}
.carrieres .expect {
  display: flex;
  gap: 140px;
  padding-top: 140px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
}
.carrieres .expect:after {
  content: "";
  width: 1180px;
  max-width: 100%;
  height: 650px;
  background-image: url(../images/shape-darwin.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 30px;
  right: 0px;
  pointer-events: none;
  z-index: -1;
  opacity: 0.5;
  filter: blur(27px);
}
.carrieres .expect .left-side {
  width: 346px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.carrieres .expect .left-side h2 {
  display: flex;
  flex-direction: column;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #f5f5f5;
  opacity: 0.8;
}
.carrieres .expect .left-side h2 span {
  font-weight: 500;
}
.carrieres .expect .right-side {
  width: 680px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(245, 245, 245, 0.18);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 18px 18px 128px 18px;
}
.carrieres .expect .right-side ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 50px 75px;
}
.carrieres .expect .right-side ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 29px;
  color: #f5f5f5;
  padding-bottom: 30px;
  padding-left: 30px;
  position: relative;
}
.carrieres .expect .right-side ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.carrieres .expect .right-side ul li span {
  font-weight: 600;
}
.carrieres .expect .right-side ul li:after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #d9d9d9;
  position: absolute;
  top: 10px;
  left: 0;
}

body.page-template-carrieres footer {
  background: #130028;
  position: relative;
  z-index: 2;
}

/** End Carrieres Styles **/
/** Start Actualites Styles **/
.actuaPage {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.actuaPage .actuaPage-header {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  padding-left: 90px;
  padding-right: 50px;
}
.actuaPage .actuaPage-header-container {
  width: 1130px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.actuaPage .actuaPage-header-content {
  display: flex;
  align-items: center;
  gap: 110px;
  padding-top: 100px;
}
.actuaPage .actuaPage-header-content h1 {
  width: 305px;
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.3)
    ),
    linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.actuaPage .actuaPage-featured {
  width: 625px;
  max-width: 100%;
  min-height: 292px;
  display: flex;
  flex-direction: column;
  background-image: url("data:image/svg+xml,%3Csvg width='624' height='292' viewBox='0 0 624 292' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_2490_892' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05888 0 0 8.05888 0 18V274C0 283.941 8.05887 292 18 292H522C525.314 292 528 289.314 528 286V214C528 204.059 536.059 196 546 196H618C621.314 196 624 193.314 624 190V18C624 8.05888 615.941 0 606 0H18Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05888 0 0 8.05888 0 18V274C0 283.941 8.05887 292 18 292H522C525.314 292 528 289.314 528 286V214C528 204.059 536.059 196 546 196H618C621.314 196 624 193.314 624 190V18C624 8.05888 615.941 0 606 0H18Z' fill='white' fill-opacity='0.06'/%3E%3Cpath d='M1 18C1 8.61116 8.61116 1 18 1V-1C7.50659 -1 -1 7.50659 -1 18H1ZM1 274V18H-1V274H1ZM18 291C8.61115 291 1 283.389 1 274H-1C-1 284.493 7.50658 293 18 293V291ZM522 291H18V293H522V291ZM529 286V214H527V286H529ZM529 214C529 204.611 536.611 197 546 197V195C535.507 195 527 203.507 527 214H529ZM546 197H618V195H546V197ZM623 18V190H625V18H623ZM606 1C615.389 1 623 8.61116 623 18H625C625 7.50659 616.493 -1 606 -1V1ZM18 1H606V-1H18V1ZM618 197C621.866 197 625 193.866 625 190H623C623 192.761 620.761 195 618 195V197ZM522 293C525.866 293 529 289.866 529 286H527C527 288.761 524.761 291 522 291V293Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2490_892)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 35px 40px;
  position: relative;
  cursor: pointer;
}
.actuaPage .actuaPage-featured .category_date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.actuaPage .actuaPage-featured .category_date h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  opacity: 0.8;
}
.actuaPage .actuaPage-featured h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 34px;
  color: #ffffff;
  padding-top: 20px;
}
.actuaPage .actuaPage-featured .read-more {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: 40px;
  right: 30px;
  bottom: 30px;
}
.actuaPage .actuaPage-featured .read-more h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #ffffff;
  opacity: 0.8;
}
.actuaPage .actuaPage-container {
  width: 1260px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.actuaPage .actuaPage-content {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.actuaPage .actuaPage-filters_grid {
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  background: linear-gradient(
    345.91deg,
    #2f0261 -76.32%,
    #a999bb 16.53%,
    #ebebeb 124.55%
  );
  border-radius: 8px 0px 126px 36px;
  padding: 50px 75px;
}
.actuaPage .actuaPage-filters_grid .actuaPage-filters {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
.actuaPage .actuaPage-filters_grid .actuaPage-filters ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.actuaPage .actuaPage-filters_grid .actuaPage-filters ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #2f0261;
  opacity: 0.8;
  cursor: pointer;
}
.actuaPage .actuaPage-filters_grid .actuaPage-filters ul li.active {
  font-weight: 600;
}
.actuaPage .actuaPage-grid {
  display: grid;
  grid-template-columns: repeat(3, 349px);
  gap: 40px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #ffffff;
}
.actuaPage .actuaPage-grid .actua-item {
  min-height: 344px;
  display: flex;
  flex-direction: column;
  background-image: url("data:image/svg+xml,%3Csvg width='349' height='344' viewBox='0 0 349 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_2490_753' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05887 0 0 8.05888 0 18V326C0 335.941 8.05888 344 18 344H262.223C265.635 344 268 340.412 268 337V281C268 271.059 276.059 263 286 263H343C345.985 263 349 260.893 349 257.908V18C349 8.05888 340.941 0 331 0H18Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05887 0 0 8.05888 0 18V326C0 335.941 8.05888 344 18 344H262.223C265.635 344 268 340.412 268 337V281C268 271.059 276.059 263 286 263H343C345.985 263 349 260.893 349 257.908V18C349 8.05888 340.941 0 331 0H18Z' fill='white' fill-opacity='0.26'/%3E%3Cpath d='M1 18C1 8.61117 8.61116 1 18 1V-1C7.50659 -1 -1 7.5066 -1 18H1ZM1 326V18H-1V326H1ZM18 343C8.61117 343 1 335.389 1 326H-1C-1 336.493 7.5066 345 18 345V343ZM262.223 343H18V345H262.223V343ZM269 337V281H267V337H269ZM269 281C269 271.611 276.611 264 286 264V262C275.507 262 267 270.507 267 281H269ZM286 264H343V262H286V264ZM348 18V257.908H350V18H348ZM331 1C340.389 1 348 8.61116 348 18H350C350 7.50659 341.493 -1 331 -1V1ZM18 1H331V-1H18V1ZM343 264C344.716 264 346.437 263.398 347.743 262.355C349.058 261.305 350 259.763 350 257.908H348C348 259.038 347.435 260.042 346.495 260.792C345.548 261.548 344.269 262 343 262V264ZM262.223 345C264.309 345 266.023 343.897 267.184 342.389C268.338 340.888 269 338.922 269 337H267C267 338.489 266.479 340.024 265.598 341.17C264.723 342.308 263.548 343 262.223 343V345Z' fill='%23F5F5F5' fill-opacity='0.18' mask='url(%23path-1-inside-1_2490_753)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 30px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  cursor: pointer;
}
.actuaPage .actuaPage-grid .actua-item h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #2f0261;
  opacity: 0.7;
  transition: 0.5s;
}
.actuaPage .actuaPage-grid .actua-item h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #2f0261;
  padding-top: 30px;
  transition: 0.5s;
}
.actuaPage .actuaPage-grid .actua-item .category {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 25px;
  left: 30px;
  right: 25px;
  z-index: -1;
}
.actuaPage .actuaPage-grid .actua-item .category h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #2f0261;
  opacity: 0.8;
}
.actuaPage .actuaPage-grid .actua-item:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='349' height='344' viewBox='0 0 349 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_4124_138' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05887 0 0 8.05888 0 18V326C0 335.941 8.05888 344 18 344H262.223C265.635 344 268 340.412 268 337V337V281C268 271.059 276.059 263 286 263H343V263C345.985 263 349 260.893 349 257.908V18C349 8.05888 340.941 0 331 0H18Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0C8.05887 0 0 8.05888 0 18V326C0 335.941 8.05888 344 18 344H262.223C265.635 344 268 340.412 268 337V337V281C268 271.059 276.059 263 286 263H343V263C345.985 263 349 260.893 349 257.908V18C349 8.05888 340.941 0 331 0H18Z' fill='%232F0261'/%3E%3Cpath d='M1 18C1 8.61117 8.61116 1 18 1V-1C7.50659 -1 -1 7.5066 -1 18H1ZM1 326V18H-1V326H1ZM18 343C8.61117 343 1 335.389 1 326H-1C-1 336.493 7.5066 345 18 345V343ZM262.223 343H18V345H262.223V343ZM269 337V281H267V337H269ZM269 281C269 271.611 276.611 264 286 264V262C275.507 262 267 270.507 267 281H269ZM286 264H343V262H286V264ZM348 18V257.908H350V18H348ZM331 1C340.389 1 348 8.61116 348 18H350C350 7.50659 341.493 -1 331 -1V1ZM18 1H331V-1H18V1ZM343 264C344.716 264 346.437 263.398 347.743 262.355C349.058 261.305 350 259.763 350 257.908H348C348 259.038 347.435 260.042 346.495 260.792C345.548 261.548 344.269 262 343 262V264ZM262.223 345C264.309 345 266.024 343.897 267.184 342.389C268.338 340.888 269 338.922 269 337H267C267 338.489 266.479 340.024 265.598 341.17C264.723 342.308 263.548 343 262.223 343V345Z' fill='%232F0261' fill-opacity='0.18' mask='url(%23path-1-inside-1_4124_138)'/%3E%3C/svg%3E%0A");
}
.actuaPage .actuaPage-grid .actua-item:hover h4,
.actuaPage .actuaPage-grid .actua-item:hover h2 {
  color: #f5f5f5;
}
.actuaPage .actuaPage-grid .actua-item:hover .category h3 {
  color: #f5f5f5;
}

/** End Actualites Styles **/
/** Start Single Team Styles **/
body.single-team .articlesRelated .articlesRelated-container,
body.single-expertise .articlesRelated .articlesRelated-container {
  padding-bottom: 45px;
  border-bottom: 1px solid rgba(245, 245, 245, 0.2);
}
.singleTeam {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  margin: 0 auto 35px auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.singleTeam:before {
  content: "";
  width: 760px;
  height: 760px;
  position: absolute;
  top: -60px;
  right: -100px;
  background-image: url(../images/shape-team.svg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.singleTeam .breadcrumb {
  padding-left: 65px;
}
.singleTeam .container-singleTeam {
  width: 1450px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.singleTeam .content-singleTeam {
  display: flex;
  flex-direction: column;
  margin-left: 160px;
}
.singleTeam .content {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  margin-top: 50px;
}
.singleTeam .content:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    60.75deg,
    rgba(210, 192, 229, 0.3) 12.06%,
    rgba(47, 2, 97, 0.3) 77.86%
  );
  opacity: 0.7;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 8px;
  z-index: -1;
}
.singleTeam .content .header-singleTeam {
  display: flex;
/*   background-color: #f0f5f6; */
  padding: 60px 100px 60px 120px;
  border-radius: 7px;
  position: relative;
background-size : cover;	
background-image : url("/wp-content/uploads/2025/03/Equipe-single-photo.png");	
}
.singleTeam .content .header-leftSide {
  width: 540px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.singleTeam .content .header-leftSide h1 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #2f0261;
}
.singleTeam .content .header-leftSide h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  color: #2f0261;
  padding-top: 15px;
  padding-bottom: 35px;
}
.singleTeam .content .header-leftSide ul {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
}
.singleTeam .content .header-leftSide ul li {
  position: relative;
  transition: 0.5s;
}
.singleTeam .content .header-leftSide .copy-info {
  display: flex;
  align-items: center;
  position: absolute;
  gap: 10px;
  left: 50%;
  bottom: -40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: translateX(-40%);
}
.singleTeam .content .header-leftSide .copy-info h5,
.singleTeam .content .header-leftSide .copy-info h4 {
  width: max-content;
  background: rgba(47, 2, 97, 0.03);
  border: 1px solid rgba(47, 2, 97, 0.1);
  border-radius: 20px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #2f0261;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.singleTeam .content .header-leftSide .copy-info h4 {
  cursor: pointer;
}
.singleTeam .content .header-leftSide ul li.withHover:hover .copy-info {
  opacity: 1;
  visibility: visible;
}
.singleTeam .content .header-leftSide ul li a {
  width: 62px;
  height: 62px;
  background: rgba(47, 2, 97, 0.03);
  border: 1px solid rgba(47, 2, 97, 0.1);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.singleTeam .content .header-leftSide ul li a:hover {
  background: rgba(47, 2, 97, 0.1);
  border: 1px solid rgba(47, 2, 97, 0.1);
}
.singleTeam .content .header-leftSide .links {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-top: 100px;
}
.singleTeam .content .header-leftSide .links a {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 35px;
  text-decoration-line: underline;
  color: #2f0261;
  transition: 0.5s;
}
.singleTeam .content .header-leftSide .links a:hover {
  opacity: 0.7;
}
.singleTeam .content .header-rightSide {
  display: flex;
  flex-direction: column;
}
.singleTeam .content .header-rightSide .image {
  width: 370px;
  height: 470px;
  position: absolute;
  right: 120px;
  bottom: 0;
	
display : none;	
}
.singleTeam .content .header-rightSide .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.singleTeam .body-singleTeam {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
  padding: 50px 80px;
}
.singleTeam .body-singleTeam .body-leftSide {
  width: 100%;
  max-width: 100%;
  columns: 2;
  column-gap: 50px;
  gap: 15px;
}
.singleTeam .body-singleTeam .body-leftSide p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  opacity: 0.8;
  padding-bottom: 15px;
}
.singleTeam .body-singleTeam .body-rightSide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
.singleTeam .body-singleTeam .body-rightSide .item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.singleTeam .body-singleTeam .body-rightSide .item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 20px;
  border-top: 1px solid #ffffff29;
}
.singleTeam .body-singleTeam .body-rightSide .item h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
}
.singleTeam .body-singleTeam .body-rightSide .item ul {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.singleTeam .body-singleTeam .body-rightSide .item ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  opacity: 0.8;
}
.singleTeam .langues {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0 80px 40px 0;
  position: relative;
}
.singleTeam .langues span {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
}
.singleTeam .langues ul {
  display: flex;
  align-items: center;
  gap: 35px;
}
.singleTeam .langues ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  opacity: 0.8;
  position: relative;
}
.singleTeam .langues ul li:first-child:after {
  content: "-";
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  opacity: 0.8;
  position: absolute;
  right: -20px;
}

/** End Single Team Styles **/
/** Start Single Actualites Styles **/
.singleActua {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 40px;
}
.singleActua .singleActua-container {
  width: 1185px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.singleActua .singleActua-content {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding-right: 30px;
  margin-top: 100px;
}
.singleActua .left-side {
  width: 845px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.singleActua .left-side .singleActua-header {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
}
.singleActua .left-side .singleActua-header ul {
  display: flex;
  align-items: center;
  gap: 25px;
}
.singleActua .left-side .singleActua-header ul li {
  display: flex;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
}
.singleActua .left-side .singleActua-header h1 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 54px;
  line-height: 60px;
  letter-spacing: -0.04em;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-top: 40px;
}
.singleActua .left-side .singleActua-header h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 40px;
}
.singleActua .left-side .singleActua-body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: linear-gradient(
    345.91deg,
    #2f0261 -76.32%,
    #a999bb -20.81%,
    #ebebeb 124.55%
  );
  border-radius: 8px;
  padding: 45px 40px;
  margin-top: 30px;
}
.singleActua .left-side .singleActua-body p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #2f0261;
  opacity: 0.8;
}
.singleActua .left-side .singleActua-body h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #2f0261;
  opacity: 0.8;
}
.singleActua .right-side {
  width: 280px;
  display: flex;
  flex-direction: column;
}
.singleActua .right-side ul.switch-singleActua {
  display: flex;
  align-items: center;
  gap: 55px;
}
.singleActua .right-side ul.switch-singleActua li {
  display: flex;
  flex-direction: column;
}
.singleActua .right-side ul.switch-singleActua li a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.singleActua .right-side ul.switch-singleActua li a h3 {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 245, 245, 0.03);
  border: 1px solid rgba(245, 245, 245, 0);
  border-radius: 20px;
  transition: 0.5s;
}
.singleActua .right-side ul.switch-singleActua li a span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.5;
  transition: 0.5s;
}
.singleActua .right-side ul.switch-singleActua li a:hover h3 {
  background: rgba(245, 245, 245, 0.13);
  border: 1px solid rgba(245, 245, 245, 0.18);
}
.singleActua .right-side ul.switch-singleActua li a:hover span {
  opacity: 1;
}
.singleActua .share {
  display: flex;
  flex-direction: column;
  background: rgba(245, 245, 245, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 30px;
  margin-top: 30px;
}
.singleActua .share h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
}
.singleActua .share ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 8px;
}
.singleActua .share ul li {
  width: max-content;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #ffffff;
  opacity: 0.7;
  cursor: pointer;
}
.singleActua .share ul li a {
  color: #ffffff;
}
.singleActua .our-articles-related {
  display: flex;
  flex-direction: column;
  margin-top: 45px;
}
.singleActua .our-articles-related .our-articles-title {
  display: flex;
  align-items: center;
  gap: 20px;
}
.singleActua .our-articles-related .our-articles-title .line {
  flex: 1;
  height: 1px;
  opacity: 0.2;
  background-color: #ffffff;
}
.singleActua .our-articles-related .our-articles-title h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #ffffff;
}
.singleActua .our-articles-related .our-articles-title h3 span {
  font-weight: 600;
}
.singleActua .our-articles-related .our-articles-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.singleActua .our-articles-related .our-articles-grid .article-item {
  min-height: 276px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  padding: 30px 25px;
  z-index: 1;
}
.singleActua .our-articles-related .our-articles-grid .article-item:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.2;
  z-index: -1;
  transition: 0.4s;
}
.singleActua
  .our-articles-related
  .our-articles-grid
  .article-item:hover:after {
  background: rgba(255, 255, 255, 0.5);
}
.singleActua .our-articles-related .our-articles-grid .article-item h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #f5f5f5;
  opacity: 0.7;
}
.singleActua .our-articles-related .our-articles-grid .article-item h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #f5f5f5;
  margin-top: 30px;
}
.singleActua .our-articles-related .our-articles-grid .article-item .category {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 20px;
}
.singleActua
  .our-articles-related
  .our-articles-grid
  .article-item
  .category
  h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.8;
}

/** End Single Actualites Styles **/
/** Start Forfait Styles **/
.forfait {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 30px;
}
.forfait .forfait-header {
  display: flex;
  flex-direction: column;
}
.forfait .forfait-header-container {
  width: 1185px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.forfait .forfait-header-content {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding-right: 30px;
}
.forfait .forfait-header-content .header-leftSide {
  width: 730px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.forfait .forfait-header-content .header-leftSide span {
  display: block;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #f5f5f5;
  padding-top: 50px;
}
.forfait .forfait-header-content .header-leftSide h1 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 54px;
  line-height: 65px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding-top: 35px;
}
.forfait .forfait-header-content .header-leftSide .description {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  color: #f5f5f5;
}
.forfait .forfait-header-content .header-leftSide .description p,
.forfait .forfait-header-content .header-leftSide .description li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #f5f5f5;
}

.forfait .forfait-header-content .header-leftSide .description li {
  position: relative;
  padding-left: 25px;
}

.forfait .forfait-header-content .header-leftSide .description li:after {
  content: "";
  width: 13px;
  height: 13px;
  background-image: url("/wp-content/themes/darwin-wp/images/small-shape-darwin.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 9px;
  left: 0;
}

.forfait .forfait-header-content .header-leftSide .description h2,
.forfait .forfait-header-content .header-leftSide .description h3,
.forfait .forfait-header-content .header-leftSide .description h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}
.forfait .forfait-header-content .header-leftSide .categories {
  display: flex;
  flex-direction: column;
  padding-top: 35px;
}
.forfait .forfait-header-content .header-leftSide .categories ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.forfait .forfait-header-content .header-leftSide .categories ul li {
  min-height: 36px;
  display: flex;
  align-items: center;
  padding: 0px 16px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
}
.forfait .forfait-header-content .header-leftSide .tags {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 40px;
}
.forfait .forfait-header-content .header-leftSide .tags ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.forfait .forfait-header-content .header-leftSide .tags li {
  width: -moz-max-content;
  width: max-content;
  min-height: 36px;
  display: flex;
  align-items: center;
  padding: 0px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
}
.forfait .forfait-header-content .header-rightSide {
  width: 276px;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
.forfait .forfait-header-content .header-rightSide ul {
  display: flex;
  align-items: center;
  gap: 55px;
}
.forfait .forfait-header-content .header-rightSide ul li {
  display: flex;
  flex-direction: column;
}
.forfait .forfait-header-content .header-rightSide ul li a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.forfait .forfait-header-content .header-rightSide ul li a h3 {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 245, 245, 0.03);
  border: 1px solid rgba(245, 245, 245, 0);
  border-radius: 20px;
  transition: 0.5s;
}
.forfait .forfait-header-content .header-rightSide ul li a span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.5;
  transition: 0.5s;
}
.forfait .forfait-header-content .header-rightSide ul li a:hover h3 {
  background: rgba(245, 245, 245, 0.13);
  border: 1px solid rgba(245, 245, 245, 0.18);
}
.forfait .forfait-header-content .header-rightSide ul li a:hover span {
  opacity: 1;
}
.forfait .packages-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 20px;
}
.forfait .packages-grid .pack-item {
  width: 276px;
  min-height: 190px;
  background: rgba(245, 245, 245, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 25px;
  transition: 0.5s;
}
.forfait .packages-grid .pack-item:hover {
  background: rgba(245, 245, 245, 0.13);
}
.forfait .packages-grid .pack-item span {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #ffffff;
}
.forfait .packages-grid .pack-item h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 20px;
}
.forfait .packages-grid .pack-item h3 {
  font-size: 18px;
  line-height: 28px;
}
.forfait .forfait-methodologie {
  display: flex;
  flex-direction: column;
}
.forfait .forfait-methodologie-container {
  width: 1185px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.forfait .forfait-methodologie-content {
  display: flex;
  flex-direction: column;
  padding-right: 30px;
  position: relative;
  z-index: 1;
}
.forfait .forfait-methodologie-content:after {
  content: "";
  width: 1055px;
  height: 165px;
  background-image: url("data:image/svg+xml,%3Csvg width='1056' height='155' viewBox='0 0 1056 155' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M1056 154H21C9.95426 154 0.999984 145.046 0.999984 134V-3.39746e-06' stroke='url(%23paint0_linear_2490_1179)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2490_1179' x1='528.5' y1='154' x2='528.5' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 70px;
  right: 120px;
  z-index: -1;
}
.forfait .forfait-methodologie-content .forfait-methodologie-title {
  display: flex;
  flex-direction: column;
  margin-top: 100px;
}
.forfait .forfait-methodologie-content .forfait-methodologie-title h2 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
}
.forfait .forfait-methodologie-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 35px;
  position: relative;
}
.forfait .forfait-methodologie-grid:before {
  content: "";
  width: 1055px;
  height: 152px;
  background-image: url("data:image/svg+xml,%3Csvg width='1056' height='153' viewBox='0 0 1056 153' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M0 1H1035C1046.05 1 1055 9.95431 1055 21V153' stroke='url(%23paint0_linear_2490_1178)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2490_1178' x1='527.5' y1='1' x2='527.5' y2='153' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 90px;
  margin: 0 auto;
  z-index: -1;
}
.forfait .forfait-methodologie-grid .methodologie-item {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  /*   justify-content: space-between; */
  background: rgba(210, 192, 229, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 18px;
  padding: 25px 20px;
}
.forfait .forfait-methodologie-grid .methodologie-item.empty {
  opacity: 0;
}
.forfait .forfait-methodologie-grid .methodologie-item span {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #ffffff;
}
.forfait .forfait-methodologie-grid .methodologie-item h3 {
  min-height: 220px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.forfait .forfait-slider {
  display: flex;
  flex-direction: column;
}
.forfait .forfait-slider-container {
  width: 1205px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.forfait .forfait-slider-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-right: 0;
  overflow: hidden;
  padding: 25px;
}
.forfait .forfait-slider-content .splide__track {
  overflow: initial;
  padding: 90px 0 0 0;
}
.forfait .forfait-slider-content .splide__slide {
  min-height: 440px;
  display: flex;
  flex-direction: column;
  background: rgba(210, 192, 229, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 18px 18px 18px 90px;
  padding: 50px;
  z-index: 1;
}
.forfait .forfait-slider-content .splide__slide:after {
  content: "";
  width: 180px;
  height: 220px;
  background-image: url(../images/shape-darwin.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -10px;
  left: 30px;
  filter: blur(40px);
  z-index: -1;
}
.forfait .forfait-slider-content .splide__slide .icon {
  width: 24px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='19' viewBox='0 0 24 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19V14C0 12.4815 0.26009 10.8704 0.780269 9.16667C1.31839 7.44444 2.08969 5.78704 3.09417 4.19445C4.11659 2.58333 5.34529 1.18518 6.78027 0L10.2242 2.88889C9.09417 4.55556 8.10762 6.2963 7.26457 8.11111C6.43946 9.90741 6.02691 11.8333 6.02691 13.8889V19H0ZM13.7758 19V14C13.7758 12.4815 14.0359 10.8704 14.5561 9.16667C15.0942 7.44444 15.8655 5.78704 16.87 4.19445C17.8924 2.58333 19.1211 1.18518 20.5561 0L24 2.88889C22.87 4.55556 21.8834 6.2963 21.0404 8.11111C20.2152 9.90741 19.8027 11.8333 19.8027 13.8889V19H13.7758Z' fill='%23D2C0E5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
}
.forfait .forfait-slider-content .splide__slide h2 {
  width: 398px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 31px;
  color: #ffffff;
  padding-top: 30px;
}
.forfait .forfait-slider-content .splide__slide h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
  position: absolute;
  bottom: 50px;
}
.forfait .forfait-slider-content .slider-switch {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  padding-top: 25px;
}
.forfait .forfait-slider-content .slider-switch ul {
  display: flex;
  align-items: center;
  gap: 10px;
}
.forfait .forfait-slider-content .slider-switch ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  background: rgba(245, 245, 245, 0.03);
  border: 1px solid transparent;
  border-radius: 20px;
  cursor: pointer;
  transition: 0.5s;
}
.forfait .forfait-slider-content .slider-switch ul li:hover {
  background: rgba(245, 245, 245, 0.13);
  border: 1px solid rgba(245, 245, 245, 0.18);
}
.forfait .forfait-solution {
  width: 1255px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  padding-top: 30px;
  padding-right: 30px;
}
.forfait .forfait-solution-container {
  width: 1225px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.forfait .forfait-solution-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 30px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(245, 245, 245, 0.18);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 18px 18px 128px 8px;
  padding: 80px 90px;
  margin-bottom: 18px;
  z-index: 1;
}
.forfait .forfait-solution-content:after {
  content: "";
  width: 100%;
  height: 425px;
  background-image: url(../images/bg-solution.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  pointer-events: none;
  opacity: 0.7;
}
.forfait .forfait-solution-content .left-side {
  width: 721px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.forfait .forfait-solution-content .left-side h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #f5f5f5;
}
.forfait .forfait-solution-content .right-side {
  display: flex;
  flex-direction: column;
}
.forfait .forfait-solution-content .right-side a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  background: rgba(245, 245, 245, 0.3);
  border-radius: 100px;
  transition: 0.5s;
}
.forfait .forfait-solution-content .right-side a:hover {
  background: rgba(245, 245, 245, 0.4);
}
/** End Forfait Styles **/
/** Start Footer Styles **/
footer {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 20px;
  margin: 0 auto;
}
footer .footer-container {
  width: 1285px;
  max-width: 100%;
  margin-left: auto;
}
footer .footer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
  border-top: 1px solid rgba(245, 245, 245, 0.2);
  padding-left: 20px;
}
footer .footer-content ul {
  display: flex;
  align-items: center;
  gap: 95px;
}
footer .footer-content ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 29px;
  color: #f5f5f5;
  opacity: 0.5;
}
footer .footer-content ul li a {
  color: #f5f5f5;
}
footer .footer-content .right-side {
  padding-right: 50px;
}
footer .footer-content .right-side a {
  text-decoration: underline;
  color: #f5f5f5;
}

/** End Footer Styles **/

/** Start Mentions légales Styles **/
body.page-template-mentions-leglaes:after,
body.page-template-politique-confidentialite:after,
body.page-template-candidater:after,
body.page-template-contact:after,
body.error404:after {
  display: none;
}
body.page-template-mentions-leglaes:before,
body.page-template-politique-confidentialite:before,
body.page-template-candidater:before,
body.page-template-contact:before,
body.error404:before {
  height: 100%;
}
.ml {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 40px;
}
.ml .ml-container {
  width: 1185px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.ml .ml-content {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-right: 30px;
  margin-top: 70px;
}
.ml .ml-header {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
}
.ml .ml-header ul {
  display: flex;
  align-items: center;
  gap: 25px;
}
.ml .ml-header ul li {
  display: flex;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
}
.ml .ml-header h1 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 54px;
  line-height: 60px;
  letter-spacing: -0.04em;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-top: 40px;
}
.ml .ml-header h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 40px;
}
.ml .ml-body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: linear-gradient(
    345.91deg,
    #2f0261 -76.32%,
    #a999bb -20.81%,
    #ebebeb 124.55%
  );
  border-radius: 8px;
  padding: 45px 40px;
  margin-top: 30px;
}


.ml .ml-body table td {

	color : #2f0261;
	
}


.ml .ml-body a {
	
	color : #2f0261;
	text-decoration : underline;
}


.ml .ml-body p {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #2f0261;
  opacity: 0.8;
}
.ml .ml-body h3 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #2f0261;
  opacity: 0.8;
}

/** End Mentions légales Styles **/

/** Start Not Found Styles **/

.pageNotFound {
  font-family: "inter", sans-serif;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  z-index: 1;
}

.pageNotFound .pageNotFound-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.pageNotFound .cta {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.pageNotFound .cta a {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 22px;
  gap: 35px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 60px;
  margin: 30px auto;
  transition: 0.5s;
}
.pageNotFound .cta a:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
}
.pageNotFound .cta a .text {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
}
.pageNotFound .cta a .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  width: 34px;
  height: 34px;
  background: #2f0261;
  border-radius: 40px;
}

.pageNotFound h1 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 180px;
  line-height: 155px;
  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;
}

/** End Not Found Styles **/

/** Start Candidater Styles **/

.candidater {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.candidater .candidater-container {
  width: 1185px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}

.candidater .candidater-content {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  padding-right: 50px;
}

.candidater .candidater-title {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

.candidater .candidater-content h1 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 65px;
  line-height: 80px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.candidater .candidater-form {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.candidater .candidater-form form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.candidater .candidater-form .fields-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.candidater .candidater-form .fields-group .field-input {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.candidater .candidater-form .fields-group .field-input label,
.candidater .candidater-form .field-textarea label {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
}
.candidater .candidater-form .fields-group .field-input input,
.candidater .candidater-form .fields-group .field-input textarea,
.candidater .candidater-form .field-textarea input,
.candidater .candidater-form .field-textarea textarea {
  width: 100%;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 18px;
  gap: 10px;
  background: #ffffff;
  border: 1px solid rgba(3, 24, 64, 0.1);
  border-radius: 10px;
  outline: none;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #031840;
}
.candidater .candidater-form .fields-group .field-input input::-moz-placeholder,
.candidater
  .candidater-form
  .fields-group
  .field-input
  textarea::-moz-placeholder,
.candidater .candidater-form .field-textarea input::-moz-placeholder,
.candidater .candidater-form .field-textarea textarea::-moz-placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #031840;
  opacity: 0.4;
}
.candidater .candidater-form .fields-group .field-input input::placeholder,
.candidater .candidater-form .fields-group .field-input textarea::placeholder,
.candidater .candidater-form .field-textarea input::placeholder,
.candidater .candidater-form .field-textarea textarea::placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #031840;
  opacity: 0.4;
}
.candidater .candidater-form .fields-group .field-input textarea,
.candidater .candidater-form .field-textarea textarea {
  min-height: 164px;
  padding: 15px 18px;
}
.candidater .candidater-form .field-select {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  z-index: 10;
}
.candidater .candidater-form .field-select label {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #e5e8ed;
}
.candidater .candidater-form .field-select .header-select {
  width: 100%;
  min-height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 18px;
  gap: 10px;
  background: #ffffff;
  border: 1px solid rgba(3, 24, 64, 0.1);
  border-radius: 10px;
  cursor: pointer;
}
.candidater .candidater-form .field-select .header-select .icon {
  transition: 0.5s;
}
.candidater .candidater-form .field-select .header-select input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #031840;
  pointer-events: none;
}
.candidater
  .candidater-form
  .field-select
  .header-select
  input::-moz-placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #031840;
  opacity: 0.4;
}
.candidater .candidater-form .field-select .header-select input::placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #031840;
  opacity: 0.4;
}
.candidater .wpcf7-not-valid-tip {
  padding-top: 5px;
  font-size: 12px;
}
.candidater .candidater-form .field-select .body-select {
  width: 100%;
  position: absolute;
  top: 85px;
  background: #ffffff;
  border-top: none;
  padding: 10px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid rgba(0, 47, 108, 0.5);
  transition: opacity 0.5s;
}
.candidater .candidater-form .field-select ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.candidater .candidater-form .field-select ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #2f0261;
  cursor: pointer;
}
.candidater .candidater-form .field-select.open .body-select {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  visibility: visible;
}
.candidater .candidater-form .field-file {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  z-index: 3;
}
.candidater .candidater-form .field-file .header-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.candidater .candidater-form .field-file .header-file h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 28px;
  text-decoration-line: underline;
/*   color: #031840; */
	color : white;
}
.candidater .candidater-form .field-file label {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #e5e8ed;
}
.candidater .candidater-form .field-file .file {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 18px;
  background: #ffffff;
  border: 1px solid rgba(3, 24, 64, 0.1);
  border-radius: 10px;
  cursor: pointer;
}
.candidater .candidater-form .field-file .file span {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #031840;
  opacity: 0.7;
}
.candidater .candidater-form .field-file input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.candidater .candidater-form .checkbox_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.candidater .candidater-form .checkbox_submit .checkbox label {
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #e5e8ed;
  cursor: pointer;
  position: relative;
}
.candidater .candidater-form .checkbox_submit .checkbox label a {
  color: #e5e8ed;
  text-decoration: underline;
}
.candidater .candidater-form .checkbox_submit .checkbox label:before {
  display: block;
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 1px;
  left: -20px;
  background-color: #e5e8ed;
  border-radius: 2px;
}
.candidater .candidater-form .checkbox_submit .checkbox input {
  z-index: 9;
  width: 0 !important;
  left: 0;
  height: 0 !important;
  margin-right: 25px;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.candidater .candidater-form .checkbox_submit .checkbox input:checked:after {
  content: "";
  display: block;
  width: 12px;
  height: 9px;
  border-radius: 3px;
  position: absolute;
  left: -21px;
  top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L4 6L9 1' stroke='%232F0261' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
}

.candidater .candidater-form .checkbox {
  max-width: 100%;
  padding-left: 5px;
}

.candidater .candidater-form .checkbox span {
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #f5f5f5;
}

.candidater .candidater-form button {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 22px;
  gap: 35px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 60px;
  transition: 0.5s;
  outline: none;
  border: none;
  cursor: pointer;
}
.candidater .candidater-form button:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
}
.candidater .candidater-form button .text {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
}

.candidater .candidater-form button .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  width: 34px;
  height: 34px;
  background: #2f0261;
  border-radius: 40px;
}

/** End Candidater Styles **/

/** Start Candidater Styles **/

.contactPage {
  width: 1440px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.contactPage .contactPage-container {
  width: 1185px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}

.contactPage .contactPage-content {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  padding-right: 40px;
}

.contactPage .contactPage-title {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

.contactPage .contactPage-content h1 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 65px;
  line-height: 80px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #d2c0e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.contactPage .contactPage-form {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.contactPage .contactPage-form form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.contactPage .contactPage-form .fields-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.contactPage .contactPage-form .fields-group.grid__1 {
  grid-template-columns: repeat(1, 1fr);
}

.contactPage .contactPage-form .fields-group .field-input {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.contactPage .contactPage-form .fields-group .field-input label,
.contactPage .contactPage-form .field-textarea label {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
}
.contactPage .contactPage-form .fields-group .field-input input,
.contactPage .contactPage-form .fields-group .field-input textarea,
.contactPage .contactPage-form .field-textarea input,
.contactPage .contactPage-form .field-textarea textarea {
  width: 100%;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 18px;
  gap: 10px;
  background: #ffffff;
  border: 1px solid rgba(3, 24, 64, 0.1);
  border-radius: 10px;
  outline: none;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #031840;
}
.contactPage
  .contactPage-form
  .fields-group
  .field-input
  input::-moz-placeholder,
.contactPage
  .contactPage-form
  .fields-group
  .field-input
  textarea::-moz-placeholder,
.contactPage .contactPage-form .field-textarea input::-moz-placeholder,
.contactPage .contactPage-form .field-textarea textarea::-moz-placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #031840;
  opacity: 0.4;
}
.contactPage .contactPage-form .fields-group .field-input input::placeholder,
.contactPage .contactPage-form .fields-group .field-input textarea::placeholder,
.contactPage .contactPage-form .field-textarea input::placeholder,
.contactPage .contactPage-form .field-textarea textarea::placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #031840;
  opacity: 0.4;
}
.contactPage .contactPage-form .fields-group .field-input textarea,
.contactPage .contactPage-form .field-textarea textarea {
  min-height: 164px;
  padding: 15px 18px;
}
.contactPage .contactPage-form .field-select {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  z-index: 10;
}
.contactPage .contactPage-form .field-select label {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #e5e8ed;
}
.contactPage .contactPage-form .field-select .header-select {
  width: 100%;
  min-height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 18px;
  gap: 10px;
  background: #ffffff;
  border: 1px solid rgba(3, 24, 64, 0.1);
  border-radius: 10px;
  cursor: pointer;
}
.contactPage .contactPage-form .field-select .header-select .icon {
  transition: 0.5s;
}
.contactPage .contactPage-form .field-select .header-select input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #031840;
  pointer-events: none;
}
.contactPage
  .contactPage-form
  .field-select
  .header-select
  input::-moz-placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #031840;
  opacity: 0.4;
}
.contactPage .contactPage-form .field-select .header-select input::placeholder {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #031840;
  opacity: 0.4;
}
.contactPage .wpcf7-not-valid-tip {
  padding-top: 5px;
  font-size: 12px;
}
.contactPage .contactPage-form .field-select .body-select {
  width: 100%;
  position: absolute;
  top: 85px;
  background: #ffffff;
  border-top: none;
  padding: 10px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid rgba(0, 47, 108, 0.5);
  transition: opacity 0.5s;
}
.contactPage .contactPage-form .field-select ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contactPage .contactPage-form .field-select ul li {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #2f0261;
  cursor: pointer;
}
.contactPage .contactPage-form .field-select.open .body-select {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  visibility: visible;
}
.contactPage .contactPage-form .field-file {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  z-index: 3;
}
.contactPage .contactPage-form .field-file .header-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.contactPage .contactPage-form .field-file .header-file h4 {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 28px;
  text-decoration-line: underline;
  color: #031840;
}
.contactPage .contactPage-form .field-file label {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #e5e8ed;
}
.contactPage .contactPage-form .field-file .file {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 18px;
  background: #ffffff;
  border: 1px solid rgba(3, 24, 64, 0.1);
  border-radius: 10px;
  cursor: pointer;
}
.contactPage .contactPage-form .field-file .file span {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #031840;
  opacity: 0.7;
}
.contactPage .contactPage-form .field-file input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.contactPage .contactPage-form .checkbox_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contactPage .contactPage-form .checkbox_submit .checkbox label {
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #e5e8ed;
  cursor: pointer;
  position: relative;
}
.contactPage .contactPage-form .checkbox_submit .checkbox label a {
  color: #e5e8ed;
  text-decoration: underline;
}
.contactPage .contactPage-form .checkbox_submit .checkbox label:before {
  display: block;
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 1px;
  left: -20px;
  background-color: #e5e8ed;
  border-radius: 2px;
}
.contactPage .contactPage-form .checkbox_submit .checkbox input {
  z-index: 9;
  width: 0 !important;
  left: 0;
  height: 0 !important;
  margin-right: 25px;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contactPage .contactPage-form .checkbox_submit .checkbox input:checked:after {
  content: "";
  display: block;
  width: 12px;
  height: 9px;
  border-radius: 3px;
  position: absolute;
  left: -21px;
  top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L4 6L9 1' stroke='%232F0261' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
}

.contactPage .contactPage-form .checkbox {
  max-width: 100%;
  padding-left: 5px;
}

.contactPage .contactPage-form .checkbox span {
  max-width: 100%;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #f5f5f5;
}

.contactPage .contactPage-form button {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 22px;
  gap: 35px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 60px;
  transition: 0.5s;
  outline: none;
  border: none;
  cursor: pointer;
}
.contactPage .contactPage-form button:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
    inset -2px -2px 3px rgba(47, 2, 97, 0.24),
    inset 2px 2px 3px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
}
.contactPage .contactPage-form button .text {
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ffffff;
}

.contactPage .contactPage-form button .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  width: 34px;
  height: 34px;
  background: #2f0261;
  border-radius: 40px;
}

/** End ContactPage Styles **/