/*
Theme Name: Africa Tourism Lab
Author: AOA
Author URI: ...
 */


 body {
  margin: 0;
  line-height: normal;
  font-family: "Source Sans Pro", sans-serif;
}

.raleway {
  font-family: Raleway, sans-serif;
}

.popup-overlay {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
}

:root {
  /* fonts */
  --font-source-sans-pro: "Source Sans Pro";
  --font-raleway: Raleway;
  --font-lexend: Lexend;

  /* font sizes */
  --font-size-sm: 14px;
  --font-size-mini: 15px;
  --font-size-base: 16px;
  --font-size-2xl: 21px;
  --font-size-21xl: 40px;
  --font-size-xl: 20px;
  --font-size-lg: 18px;
  --font-size-5xl: 24px;
  --font-size-29xl: 48px;
  --font-size-61xl: 80px;
  --font-size-smi: 13px;
  --font-size-lgi-1: 19.1px;
  --font-size-45xl: 64px;

  /* Colors */
  --color-darkslategray-100: #0f4856;
  --white: #fff;
  --color-darkgray: #999;
  --black: #000;
  --color-whitesmoke-100: #f4f4f4;
  --secondary: #18768e;
  --gray-3: #828282;
  --gray-text-60: #7e7a81;
  --primary: #1e1e1e;
  --color-gray-100: #070707;
  --color-gray-200: #030303;
  --color-azure: #f0fafa;
  --color-dimgray: #696969;
  --color-darkslateblue: #0054a1;
  --color-gainsboro: #d9d9d9;

  /* Spacing */
  --x: 24px;

  /* Gaps */
  --gap-15xl: 34px;
  --gap-13xl: 32px;
  --gap-5xl: 24px;
  --gap-xs: 12px;
  --gap-5xs: 8px;
  --gap-9xs: 4px;
  --gap-xl: 20px;
  --gap-45xl: 64px;
  --gap-base: 16px;
  --gap-6xl: 25px;
  --gap-3xs-5: 9.5px;
  --gap-17xl: 36px;

  /* Paddings */
  --padding-41xl: 60px;
  --padding-xl: 20px;
  --padding-13xl: 32px;
  --padding-5xl: 24px;
  --padding-xs: 12px;
  --padding-mid: 17px;
  --padding-101xl: 120px;
  --padding-sm: 14px;
  --padding-61xl: 80px;
  --padding-mini: 15px;
  --padding-5xs: 8px;
  --padding-37xl: 56px;
  --padding-3xs-5: 9.5px;
  --padding-9xl-6: 28.6px;
  --padding-base: 16px;

  /* Border radiuses */
  --br-13xl: 32px;
  --br-41xl: 60px;
  --br-base: 16px;
  --br-3xs: 10px;
  --br-5xs: 8px;
  --br-mini-3: 14.3px;
  --br-8xs-8: 4.8px;
  --br-9xs: 4px;

  /* Effects */
  --shadow-01: 0px 16px 48px rgba(0, 0, 0, 0.16);
}
img {
  height: 100 !important;
}
body {
  font-family: var(--font-source-sans-pro);
}

/*  */
.logo-home-icon {
  position: relative;
  width: 240.23px;
  /* height: 52px; */
  object-fit: cover;
}
.navigation-link {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  white-space: nowrap;
  transition: .5s;
  font-weight: 400;
}
.navigation-link:hover, .navigation-link.active {
  color: #18768E;
  font-weight: 700;
}

.page-links {
  width: 633px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--black);
  font-family: var(--font-source-sans-pro);
}
.contact-us {
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}
.contact-button {
  text-decoration: none;
  border-radius: var(--br-41xl);
  background-color: var(--black);
  border: 1px solid var(--black);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-sm) var(--padding-5xl);
  color: inherit;
  transition: .5s;
}
.contact-button:hover {
  background-color: #18768E;
  border-color: #18768E;
  color: inherit;
}
.atl-website .icon {
  /* position: absolute;
  height: 50%;
  width: 75%;
  top: 25%;
  right: 12.5%;
  bottom: 25%; */
  left: 12.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.menu-01 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: relative;
  width: 32px;
  height: 32px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navigation-menu,
.responsive-visible {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.responsive-visible {
  height: 46px;
  justify-content: center;
  gap: var(--gap-5xl);
}
.navigation-menu {
  align-self: stretch;
  justify-content: space-between;
}
.navigation {
  margin: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mid) var(--padding-101xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--white);
  font-family: var(--font-source-sans-pro);
  z-index: 9999;
  box-shadow: 3px 4px 48px 4px #00000014;
}
.home-nav {
  background: linear-gradient(90deg, #edfbff, #fff);
}
.white-nav {
  background: #fff;
}
.gray-nav {
  background: #F4F4F4;
}

.heading1 {
  letter-spacing: -0.04em;
  line-height: 110%;
}
.heading1 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: 64px;
  font-weight: 700;
  font-family: inherit;
}

.heading2 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: 32px;
  font-weight: 700;
  font-family: inherit;
}
.lorem-ipsum-dolor {
  display: block;
}
.paragraph {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-lg);
  line-height: 150%;
  font-family: var(--font-source-sans-pro);
}
.terms-container,
.text-bloc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: var(--black);
  font-family: var(--font-raleway);
}
.text-bloc {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-5xs);
  text-align: left;
  font-size: var(--font-size-13xl);
}
.terms-container {
  position: relative;
  background-color: var(--white);
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  overflow: hidden;
  align-items: center;
  padding: 74px 20px;
  box-sizing: border-box;
  gap: 45px;
  text-align: center;
  font-size: var(--font-size-45xl);
}

.logo-home {
  text-decoration: none;
  position: relative;
  width: 262px;
  height: 52px;
  background-image: url(./public/logo-home.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.faire-du-bnin1 {
  align-self: stretch;
  position: relative;
  line-height: 140%;
}
.footer-logo {
  flex: 1;
  height: 138px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-xl);
  min-width: 300px;
  max-width: 512px;
}
.company,
.footer-link {
  position: relative;
  line-height: 16px;
}
.footer-link {
  text-decoration: none;
  font-weight: 600;
  color: inherit;
  opacity: 0.75;
  /* cursor: default; */
}
.footer-link:hover {
  color: inherit;
}
.comapny-list,
.footer-company {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.comapny-list {
  align-self: stretch;
  gap: var(--gap-5xs);
  font-size: var(--font-size-sm);
  font-family: var(--font-source-sans-pro);
}
.footer-company {
  flex: 1;
  gap: var(--gap-xs);
  max-width: 244px;
}
.group-icon1 {
  position: relative;
  width: 16.03px;
  height: 16px;
}
.linkedin {
  text-decoration: none;
  border-radius: var(--br-13xl);
  border: 1px solid var(--color-darkgray);
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs);
}
.vector-icon1 {
  position: relative;
  width: 20px;
  height: 20px;
}
.facebook-ico,
.social-icons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.social-icons {
  align-self: stretch;
  gap: 16px;
}
.confidentiality,
.legal1 {
  align-self: stretch;
  position: relative;
  line-height: 16px;
}
.confidentiality {
  text-decoration: none;
  font-weight: 600;
  color: inherit;
  opacity: 0.75;
}
.footer-content,
.footer-contents {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-content {
  flex: 1;
  gap: var(--gap-13xl);
  min-width: 300px;
  max-width: 512px;
  font-size: var(--font-size-mini);
  font-family: var(--font-raleway);
}
.footer-contents {
  align-self: stretch;
  flex-wrap: wrap;
  gap: 299px;
}
.atl-rights-text {
  flex: 1;
  position: relative;
  line-height: 16px;
  font-weight: 600;
  opacity: 0.75;
}
.footer-container,
.footer-rights,
.footer1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-rights {
  align-self: stretch;
  height: 80px;
  flex-direction: row;
  padding: var(--padding-13xl) 0;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-sm);
}
.footer-container,
.footer1 {
  width: 100%;
  flex-direction: column;
}
.footer-container {
  gap: var(--gap-15xl);
  max-width:1280px;
}
.footer1 {
  position: relative;
  background-color: var(--color-darkslategray-100);
  padding: var(--padding-41xl) var(--padding-xl) 0;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--white);
  font-family: var(--font-source-sans-pro);
}

/* page contact */
.contact-head h1{
  /* font-family: inherit; */
}





/* debut home-who-team */
.hero {
  width: 100%;
  max-width: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-image: linear-gradient(to right, #edfbff, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  display: flex;
}

.container {
  max-width: 1200px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.container.no-wrap {
  flex-wrap: nowrap;
}

.container.vertical {
  flex-direction: column;
}

.left-hero {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading {
  width: 100%;
  max-width: 482px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-black {
  color: #000;
  letter-spacing: -.01em;
  font-size: 64px;
  font-weight: 700;
  line-height: 110%;
}

.text {
  color: #d18d3d;
  letter-spacing: -.01em;
  font-size: 64px;
  font-weight: 700;
  line-height: 110%;
}

.sub-heading {
  width: 100%;
  max-width: 482px;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-head-text {
  color: #696969;
  font-size: 23px;
  font-weight: 400;
  line-height: 150%;
}

.partner-testimonial {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small-text-partner {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.logo-partner {
  object-fit: cover;
}

.action-buttons {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #18768e;
  border-radius: 60px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 24px;
  display: flex;
}

.text-2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.our-path {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.see-path {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.vectors-wrapper {
  width: 20px;
  height: 20px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.right-hero {
  width: 100%;
  max-width: 620px;
  min-width: 540px;
  grid-column-gap: 23.8608px;
  grid-row-gap: 23.8608px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card {
  width: 100%;
  height: 377px;
  background-color: #fff;
  border-radius: 14.3165px;
  border: none !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 9.5443px 9.5443px 28.6329px;
  display: flex;
  box-shadow: 0 19.0886px 57.2658px rgba(0, 0, 0, .16);
}

.hero-card-img {
  object-fit: cover;
  border-radius: 4.77215px;
}

.text-icon {
  grid-column-gap: 9.5443px;
  grid-row-gap: 9.5443px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.vectors-wrapper-2 {
  width: 54.63px;
  height: 54.63px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tourism {
  color: #696969;
  font-size: 19px;
  font-weight: 700;
}

.vectors-wrapper-3 {
  width: 52.63px;
  height: 52.63px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body {
  max-width: none;
  font-family: "Source Sans Pro", sans-serif;
}

.features {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  display: flex;
}

.container-2 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
}

.heading-2 {
  max-width: 780px;
  color: #000;
  text-align: center;
  letter-spacing: -.04em;
  font-family: Raleway, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 110%;
}

.tabs-header {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.tabs-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* padding-bottom: 12px; */
  display: flex;
}

.tabs-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-4 {
  width: 24px;
  height: 24px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pariculars {
  color: #696969;
  font-size: 13px;
  font-weight: 400;
}

.enterprise {
  color: #696969;
  font-size: 13px;
  font-weight: 400;
}

.w--current .pariculars, .w--current .enterprise {
  font-weight: 700;
  color: #18768e;
}

.w--current svg path {
  fill: #18768E;
}

.tabs-content-1 {
  width: 100%;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tabs-content-wrap {
  width: 100%;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.tabs-card {
  width: auto;
  height: 328px;
  min-width: 0;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f0fafa;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 24px;
  display: flex;
}

.tabs-head-number {
  color: #18768e;
  font-family: Raleway, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 100%;
}

.tabs-heading {
  color: #030303;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.tabs-paragrah {
  color: #696969;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.tabs-card-2 {
  width: 100%;
  height: 328px;
  min-width: 352px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f0fafa;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 24px;
  display: flex;
}

.bottom-button {
  width: 100%;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  display: flex;
  position: relative;
}

.main-button-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #18768e;
  border-radius: 60px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 24px;
  display: flex;
}

.contactez-nous {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.partner-hub {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #eef7ff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  display: flex;
}

.container-3 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.partner-content {
  width: 100%;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.partner-hero {
  width: 100%;
  grid-column-gap: 144px;
  grid-row-gap: 144px;
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .16);
}

.partner-brand {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.parner-logo {
  object-fit: cover;
}

.partner-slogan {
  color: #000;
  font-family: Raleway, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.partner-heading-text {
  width: 622px;
  color: #030303;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
}

.partner-descriptive {
  width: 875px;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.who-is-partner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.who-heading {
  color: #030303;
  font-family: Raleway, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.who-paragraph {
  color: #696969;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.partner-imgae {
  object-fit: cover;
  border-radius: 15px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.stats {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.partner-stat {
  height: 200px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.stat-num {
  color: #0054a1;
  font-family: Raleway, sans-serif;
  font-size: 48px;
  font-weight: 700;
}

.stat-descriptive {
  color: #696969;
  text-align: center;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
  max-width: 296px;
}

.partner-stat-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.partner-heading-text-0 {
  color: #030303;
  font-family: Raleway, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.partner-heading-text-1 {
  color: #030303;
  font-family: Raleway, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
}

.path {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  display: flex;
}

.path-bloc {
  width: 100%;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.path-bloc-1 {
  width: 100%;
  height: 339px;
  max-width: 320px;
  min-height: 339px;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  /* background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/path-bloc-1.jpg'); */
  /* background-position: 0 0, 0 0; */
  background-position: center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.path-bloc-1.path-bloc-btn {
  justify-content: space-between;
}

.path-header {
  width: 100%;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.path-bloc-header {
  color: #fff;
  font-family: Raleway, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.path-bloc-descriptive {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.path-bloc-2 {
  width: 100%;
  height: 339px;
  max-width: 276px;
  min-height: 339px;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  /* background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/path-bloc-1_1.jpg'); */
  /* background-position: 0 0, 0 0; */
  background-position: center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.path-bloc-2.path-bloc-btn {
  justify-content: space-between;
  overflow: hidden;
}

.path-bloc-3 {
  width: 100%;
  height: 339px;
  max-width: 320px;
  min-height: 339px;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  /* background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/path-bloc-1_2.jpg'); */
  /* background-position: 0 0, 0 0; */
  background-position: center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.path-bloc-3.path-bloc-btn {
  justify-content: space-between;
  overflow: hidden;
}

.path-bloc-4 {
  width: 100%;
  height: 339px;
  max-width: 320px;
  min-height: 339px;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  /* background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/path-bloc-1_3.jpg'); */
  /* background-position: 0 0, 0 0; */
  background-position: center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.path-bloc-4.path-bloc-btn {
  justify-content: space-between;
  overflow: hidden;
}

.testimonials {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f4f4f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  display: flex;
}

.container-4 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-bloc {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.testimonial-1 {
  width: 100%;
  height: auto;
  max-width: 379px;
  min-height: 320px;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 32px;
  display: flex;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .16);
}

.frame-35 {
  width: 100%;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-sed-do-eiusmod-tempor-incididunt-ut-labore-lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-sed-do-eiusmod-tempor-incididunt-ut-labore {
  color: #696969;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.frame-45 {
  width: 100%;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rectangle-34 {
  object-fit: cover;
  border-radius: 8px;
}

.frame-46 {
  width: 100%;
  height: 72px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-3 {
  color: #070707;
  font-family: Raleway, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

.text-4 {
  color: #696969;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.upcoming {
  /* height: 632px; */
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  display: flex;
}

.container-5 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 112px;
  grid-row-gap: 112px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.upcoming-bloc {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #d58989;
  background-image: radial-gradient(circle, #22a9cc, #18768e);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.upcoming-bloc-right {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 56px 144px 56px 136px;
  display: flex;
  position: relative;
}

.info-bloc {
  width: 600px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-info-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.prominent {
  color: #fff;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}

.upcoming-hero-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.upcoming-head {
  color: #fff;
  letter-spacing: -.03em;
  font-family: Raleway, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 100%;
}

.upcoming-call {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.date {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  /* align-items: center; */
  display: flex;
}

.vectors-wrapper-5 {
  width: 24px;
  height: 24px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.date-event {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  padding-top: 3px;
}

.white-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 60px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 24px;
  display: flex;
}

.contactez-nous-2 {
  color: #18768e;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.photo-bloc {
  width: 100%;
  height: 462px;
  max-width: 401px;
  /* min-height: 462px; */
  min-height: 597px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  /* background-image: linear-gradient(rgba(0, 0, 0, 0), #000), url('../images/Man-standing-2.jpg'); */
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: absolute;
  top: -33px;
  left: 0;
}

.tutor-name {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
}

.title {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.faq {
  width: 100%;
  max-width: none;
  background-color: #f0fafa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 88px;
  padding-bottom: 88px;
  display: flex;
}

.heading-2-2 {
  color: #1e1e1e;
  text-align: center;
  letter-spacing: -.03em;
  font-family: Raleway, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 110%;
}

.faq-container {
  width: 100%;
  max-width: 860px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 32px;
  display: flex;
}

.faq-bloc {
  width: 100%;
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .08);
}

.faq-text {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 24px;
  display: flex;
}

.faq-text-head {
  color: #000;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
}

.faq-text-descriptive {
  color: #828282;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.vectors-wrapper-6 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq-text-2 {
  width: 100%;
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .08);
}

.vectors-wrapper-7 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cat {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f4f4f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 120px;
  display: flex;
}

.container-6 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-secondary-text {
  color: #7e7a81;
  text-align: center;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  max-width: 585px;
}

.main-button-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #18768e;
  border-radius: 60px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 24px;
  display: flex;
}

.faq-item {
  width: 100%;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .08);
}

.faq-header {
  width: 100%;
  /* height: 80px; */
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 0;
  flex-direction: row;
  padding: 24px 24px 25px;
  display: flex;
}

.faq-question {
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
}

.faq-body {
  height: auto;
  background-color: #fff;
  display: none;
  position: relative;
}

.faq-answer {
  color: #828282;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 48px;
  font-size: 18px;
  line-height: 140%;
}

.icon {
  font-size: 20px;
}

.parcours-btn {
  width: 100%;
  max-width: 228px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #18768e;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 16px;
  font-weight: 700;
  display: flex;
  position: relative;
  top: 75px;
}

.text-5 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.tabs-menu {
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.tab-link-tab-2 {
  background-color: #fff;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  transition: color .5s;
}

.tab-link-tab-2.w--current {
  background-color: #fff;
}

.tab-link-tab-1 {
  background-color: #fff;
  padding-top: 0;
  transition: color .5s;
}

/* .tab-link-tab-1:hover, .tab-link-tab-2:hover {
  color: #18768e;
  font-weight: 700;
} */

.tab-link-tab-1.w--current, .tab-link-tab-2.w--current {
  color: #18768e;
  -webkit-text-stroke-width: 0px;
  background-color: #fff;
  border-bottom: 3px solid #33778e;
  border-radius: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
}

.parcours-button {
  width: 100%;
  height: 40px;
  max-width: 228px;
  min-height: 40px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--main-color);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: static;
  top: 74px;
  overflow: hidden;
}

.text-6 {
  color: #fff;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-8 {
  width: 24px;
  height: 24px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  right: -24px;
}

.primary-btn {
  width: auto;
  height: 40px;
  max-width: none;
  min-height: 48px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #18768E;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rignt-arrow {
  width: 24px;
  height: 24px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  right: -24px;
}

.primary-btn-white {
  width: auto;
  height: 40px;
  max-width: none;
  min-height: 48px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-primary {
  color: #33778e;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.who-hero {
  width: 100%;
  height: 557px;
  /* max-width: 1440px; */
  min-height: 557px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: rgba(0, 0, 0, .5);
  /* background-image: url('../images/who-hero.jpg'); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: relative;
}

.who-hero-bacdrop {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(0,0,0,.5);
}

.text-7 {
  color: #fff;
  text-align: center;
  font-family: Raleway, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  position: relative;
  z-index: 3;
}

.our-formation {
  width: 100%;
  /* max-width: 1440px; */
  grid-column-gap: 78px;
  grid-row-gap: 78px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 80px 0 104px;
  display: flex;
}

.container-7 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-text {
  width: 100%;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-3 {
  width: 866px;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 150%;
  display: flex;
}

.text-8 {
  color: #000;
  text-align: center;
  font-family: Raleway, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.description-formation {
  width: 100%;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-9 {
  color: #000;
  text-align: center;
  /* font-family: "Source Sans Pro", sans-serif; */
  font-size: 26px;
  font-weight: 400;
  line-height: 125%;
}

.leader {
  width: 100%;
  background-image: radial-gradient(circle, #22a9cc, #18768e);
  border-radius: 10px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 64px;
  display: flex;
}

.text-10 {
  max-width: 520px;
  color: #fff;
  letter-spacing: -.03em;
  font-family: Raleway, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 140%;
}

.leader-list {
  width: 100%;
  max-width: 505px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-el {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #004152;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.ico-wrap {
  width: 66px;
  height: 66px;
  min-height: 66px;
  min-width: 66px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.school {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.vectors-wrapper-9 {
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-10 {
  width: 41.5061px;
  height: 33.894px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 7.45203px;
  left: 4.24693px;
}

.text-11 {
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 150%;
}

.vectors-wrapper-11 {
  width: 50px;
  height: 50px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-12 {
  color: #fff;
  letter-spacing: -.03em;
  font-family: Raleway, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 140%;
}

.ico-wrap-2 {
  width: 66px;
  height: 66px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.vectors-wrapper-12 {
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-13 {
  width: 41.5061px;
  height: 33.894px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 7.45203px;
  left: 4.24693px;
}

.text-13 {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  line-height: 150%;
}

.vectors-wrapper-14 {
  width: 50px;
  height: 50px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.approach {
  width: 100%;
  /* max-width: 1440px; */
  grid-column-gap: 78px;
  grid-row-gap: 78px;
  background-color: #004152;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 78px 0;
  display: flex;
}

.container-8 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flexing {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.team-at-work {
  object-fit: cover;
  background-color: #d9d9d9;
  border-radius: 16px;
}

.desc-list-ap {
  width: 100%;
  max-width: 590px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ap-heading {
  color: #fff;
  letter-spacing: -.04em;
  font-family: Raleway, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%;
}

.frame-668 {
  width: 100%;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ap-list-current {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 16px;
  display: flex;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
}

.vectors-wrapper-15 {
  width: 32px;
  height: 32px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-14 {
  color: #000;
  letter-spacing: -.04em;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.ap-list {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  display: flex;
}

.text-15 {
  color: #fff;
  letter-spacing: -.04em;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.partners-logo {
  width: 100%;
  /* max-width: 1440px; */
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.container-9 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logos-wrapper {
  width: 100%;
  max-width: 838px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-16 {
  color: #000;
  text-align: center;
  letter-spacing: -.04em;
  font-family: Raleway, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%;
}

.logos-bloc {
  width: 100%;
  max-width: 837px;
  grid-column-gap: 86px;
  grid-row-gap: 86px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.art {
  object-fit: cover;
}

.our-team {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
  display: flex;
}

.heading-team {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-17 {
  color: #000;
  letter-spacing: -.04em;
  font-family: Raleway, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}

.team-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rectangle-35 {
  object-fit: cover;
  background-color: #d9d9d9;
}

.rectangle-36 {
  object-fit: cover;
}

.team-card-2 {
  width: 100%;
  max-width: 360px;
  min-height: 385px;
  min-width: 360px;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-image: url('../images/Team-card.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-photos {
  width: 100%;
  max-width: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.photo-wrap {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.img1 {
  width: 100%;
  max-width: none;
  object-fit: cover;
  background-color: #d9d9d9;
}

.img5 {
  width: 100%;
  max-width: none;
  object-fit: cover;
}

.our-values {
  width: 100%;
  max-width: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.container-10 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.top-values {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-values {
  color: #000;
  text-align: center;
  letter-spacing: -.04em;
  font-family: Raleway, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}

.details-values {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.values {
  width: 100%;
  height: 220px;
  max-width: 598px;
  min-width: 576px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #dae9e9;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.vectors-wrapper-16 {
  width: 40px;
  height: 40px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.head-text-value {
  color: #000;
  letter-spacing: -.04em;
  font-family: Raleway, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
}

.desc-text {
  color: #000;
  letter-spacing: -.04em;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.frame-591 {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-645 {
  width: 100%;
  max-width: 905px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-593 {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-692 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-12 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #18768e;
  border-radius: 60px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 24px;
  display: flex;
}

.contactez-nous-3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.si-vous-tes-passionn-e-par-la-valorisation-du-patrimoine-et-des-atouts-en-afrique-la-professionnalisation-dans-les-secteurs-du-tourisme-de-l-h-tellerie-et-de-la-restauration-l-innovation-ou-les-p-dagogies-innovantes-et-pratiques-d-couvrez-nos-offres-d-emploi-0 {
  color: #000;
  text-align: center;
  letter-spacing: -.04em;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
}

.si-vous-tes-passionn-e-par-la-valorisation-du-patrimoine-et-des-atouts-en-afrique-la-professionnalisation-dans-les-secteurs-du-tourisme-de-l-h-tellerie-et-de-la-restauration-l-innovation-ou-les-p-dagogies-innovantes-et-pratiques-d-couvrez-nos-offres-d-emploi-1 {
  color: #18768e;
  text-align: center;
  letter-spacing: -.04em;
  font-size: 21px;
  font-weight: 700;
  line-height: 150%;
}

.container-11 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.values-2 {
  width: 100%;
  height: 220px;
  min-width: 576px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #dae9e9;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.vectors-wrapper-17 {
  width: 40px;
  height: 40px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.join-wrap {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.join-heading {
  width: 100%;
  max-width: 905px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-19 {
  text-align: center;
}

.join-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.join-button a {
  background-color: #18768e;
  padding: 15px 24px;
  border-radius: 24px;
  transition: .5s;
}

.join-button a:hover {
  background-color: #fff;
  color: #18768e;
}

.apropos.join-button a:hover {
  background-color: #f4f4f4;
  color: #18768e;
}

.home-button {
  
}

.home-button .parcours {
 font-size: 12px;
 text-transform: uppercase;
 color: #fff;
 font-weight: 700;
 opacity: 0;
}

.path-bloc-1:hover .parcours, .path-bloc-2:hover .parcours, .path-bloc-3:hover .parcours, .path-bloc-4:hover .parcours {
  opacity: 1;
}

.home-button .parcours:hover {
  background-color: #fff;
  color: #18768e;
}

.home-button a {
  background-color: #18768e;
  padding: 12px 24px;
  border-radius: 24px;
  transition: .5s;
  white-space: nowrap;
  height: auto;
}

.home-button.testimonial a {
  padding: 15px 24px;
  background-color: #fff;
  color: #18768e;
}

.home-button.testimonial a:hover {
  background-color: #18768e;
  color: #fff;
}

.frame-693 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #18768e;
  border-radius: 60px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 24px;
  display: flex;
}

.contactez-nous-4 {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.join-2 {
  color: #000;
  text-align: center;
  letter-spacing: -.04em;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
}

.join-3 {
  color: #18768e;
  text-align: center;
  letter-spacing: -.04em;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 150%;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.card-wrapper {
  width: 1000px;
  /* height: 678px; */
  max-width: 1200px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #eaeaea;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .16);
}

@media screen and (max-width: 2000px) {
  .card-wrapper {
    width: 1200px;
  }
} 

@media screen and (max-width: 991px) {
  .card-wrapper {
    width: 767px;
  } 

  .hero {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .container.no-wrap {
    grid-column-gap: 71px;
    grid-row-gap: 71px;
    flex-direction: column;
  }

  .heading {
    align-items: center;
  }

  .heading-black {
    text-align: center;
  }

  .sub-heading {
    align-items: center;
  }

  .sub-head-text {
    text-align: center;
  }

  .heading-2 {
    max-width: 560px;
  }

  .tabs-content-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-3 {
    flex-flow: column;
    align-content: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .partner-hero {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .partner-heading-text {
    text-align: center;
  }

  .partner-descriptive {
    width: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .who-is-partner {
    text-align: center;
    align-items: center;
  }

  .stats {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .partner-stat {
    height: auto;
  }

  .partner-heading-text-1 {
    text-align: center;
  }

  .path-bloc {
    flex-wrap: wrap;
  }

  .path-bloc-2.path-bloc-btn {
    max-width: 320px;
  }

  .testimonial-bloc {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
  }

  .upcoming {
    height: auto;
  }

  .container-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .upcoming-bloc-right {
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .info-bloc {
    width: auto;
    align-items: center;
  }

  .text-info {
    text-align: center;
    align-items: center;
  }

  .text-info-wrapper, .upcoming-hero-text {
    align-items: center;
  }

  .photo-bloc {
    position: static;
  }

  .faq-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-7 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-3 {
    width: auto;
    flex-direction: column;
    align-items: center;
  }

  .text-8 {
    flex-direction: row;
    font-size: 32px;
    display: block;
  }

  .text-9 {
    font-size: 24px;
  }

  .leader {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
    padding: 40px;
  }

  .text-10 {
    text-align: center;
    font-size: 28px;
  }

  .container-8 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flexing {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    align-items: center;
  }

  .team-at-work {
    width: 100%;
  }

  .desc-list-ap {
    max-width: none;
  }

  .our-team {
    padding-top: 40px;
  }

  .text-17 {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .photo-wrap {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .our-values {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .top-values {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .heading-values {
    font-size: 40px;
  }

  .details-values {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .container-11 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .values-2 {
    height: auto;
    min-width: 0;
  }

  .join-2 {
    font-size: 18px;
  }

  .si-vous-tes-passionn-e-par-la-valorisation-du-patrimoine-et-des-atouts-en-afrique-la-professionnalisation-dans-les-secteurs-du-tourisme-de-l-h-tellerie-et-de-la-restauration-l-innovation-ou-les-p-dagogies-innovantes-et-pratiques-d-couvrez-nos-offres-d-emploi-2 {
    font-size: 18px;
  }

  .inscription {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-13 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bloc-1 {
    flex-direction: column;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0 !important;
  }

  .parcours {
    height: 280px;
    max-width: none;
    min-height: 0;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0 !important;
  }

  .parcours-infos {
    padding-left: 40px;
    padding-right: 40px;
  }

  .parcours-2 {
    height: 280px;
    max-width: none;
    min-height: 0;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0 !important;
  }

  .parcours-3 {
    height: 280px;
    max-width: none;
    min-height: 0;
    background-position: 0 0, 50%;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0 !important;
  }

  .parcours-4 {
    height: 280px;
    max-width: none;
    min-height: 0;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0 !important;
  }

  .certif {
    padding-left: 40px;
    padding-right: 40px;
  }

  .with-certif, .without-certif {
    align-items: flex-start;
  }
}

.photo-bloc {
  display: block;
}
.photo-bloc-top {
  display: none;
}

@media screen and (max-width: 767px) {
  .card-wrapper {
    width: 500px;
  } 

  .tabs-content-wrap, .container-3 {
    padding-left: 28px;
    padding-right: 28px;
  }

  .tabs-content-wrap {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    height: auto;
  }

  .tabs-card {
    height: auto;
  }

  .partner-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .partner-heading-text {
    width: auto;
    font-size: 18px;
  }

  .partner-heading-text-0, .partner-heading-text-1 {
    font-size: 18px;
  }

  .path-bloc {
    justify-content: center;
  }

  .faq-question {
    word-break: normal;
    overflow-wrap: normal;
  }

  .heading-text-inscription {
    font-size: 32px;
  }

  .steps-heading {
    font-size: 28px;
  }

  .steps-desc {
    font-size: 16px;
  }

  .first-step-head {
    font-size: 28px;
    line-height: 120%;
  }

  .first-step-contact {
    font-size: 18px;
  }

  .encart-text {
    font-size: 15px;
  }

  .steps-desc-3 {
    font-size: 16px;
  }

  .first-step-contact-2, .encart-text-2, .encart-text-3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .navigation {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .logo-home-icon {
    position: relative;
    width: 100%;
    object-fit: cover;
    height: 40px;
  }
  .card-wrapper {
    width: 420px;
  }

  .hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container.no-wrap {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.vertical {
    padding-left: 20px;
    padding-right: 20px;
  }

  .terms-container .paragraph .font-bold {
    font-size: 21px !important;
  }
  .heading1 {
    text-align: left !important;
  }

  .heading {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-black {
    font-size: 36px;
    display: block;
    text-align: left;
  }

  .heading-anime {
    height: 42px;
  }

  .text {
    font-size: 36px;
  }

  .sub-head-text {
    font-size: 18px;
    text-align: left;
  }

  .partner-testimonial {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    width: 100%;
    justify-content: left;
    margin-top: 24px;
    order: 2;
  }

  .logo-partner {
    width: 120px;
    margin-left: 24px;
  }

  .action-buttons {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    margin-top: 20px;
    margin-top: 0;
    width: 100%;
    justify-content: left;
  }
  .action-buttons .join-button a {
    margin-right: 12px;
  }

  .right-hero {
    min-width: 0;
    flex-direction: column;
    align-items: center;
    grid-row-gap: 16px;
  }

  .card {
    width: 100%;
    height: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 10px;
    flex-direction: row;
  }

  .text-icon {
    width: 40%;
  }

  .vectors-wrapper-2, .vectors-wrapper-3, .vectors-wrapper-4 {
    object-fit: inherit;
    width: 44px;
  }

  .hero-card-img {
    width: 60%;
    height: 114px;
    object-position: top;
  }

  .heading-2 {
    font-size: 24px;
  }

  .tabs-content-wrap {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .tabs-head-number {
    font-size: 56px;
  }

  .features {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .tabs-menu {
    margin: 28px auto;
  }

  .tabs-card {
    height: auto;
  }

  .tabs-head-number {
    font-size: 56px;
  }

  .partner-hub {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .parner-logo {
    object-fit: contain;
  }

  .partner-slogan {
    font-size: 16px;
  }

  .partner-content {
    grid-row-gap: 40px;
  }

  .partner-heading-text {
    font-size: 16px;
  }

  .who-heading {
    font-size: 20px;
  }

  .who-paragraph {
    font-size: 16px;
    text-align: left;
  }

  .partner-imgae {
    width: 100%;
  }

  .stat-descriptive {
    font-size: 18px;
    width: 100%;
    text-align: left;
    max-width: none c ;
  }

  .stats {
    row-gap: 32px;
  }

  .path-bloc {
    row-gap: 24px;
  }

  .path-bloc-1, .path-bloc-2, .path-bloc-3, .path-bloc-4 {
    max-width: none !important;
  }

  .partner-stat {
    width: 100%;
    height: auto;
    align-items: start;
  }

  .stat-num {
    line-height: 100%;
  }

  .partner-heading-text-0, .partner-heading-text-1 {
    font-size: 16px;
  }

  .path, .testimonials {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .testimonial-1 {
   row-gap: 32px;
   max-width: none;
   min-height: auto !important;
  }

  .container-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .photo-bloc {
    display: none;
  }
  .photo-bloc-top {
    display: flex;
    position: relative;
    height: 460px;
    padding-bottom: 32px;
    align-items: flex-end;
  }
  .photo-bloc-top .tutor-name {
    font-size: 32px;
    padding: 0 20px;
  }

  .upcoming {
    padding-top: 0px;
    padding-bottom: 60px;
    row-gap: 32px;
  }

  .container-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .upcoming-bloc-right {
    padding: 32px 20px;
  }
  .text-info {
    text-align: left;
  }

  .prominent {
    font-size: 14px;
  }

  .upcoming-head {
    font-size: 28px;
    line-height: 120%;
  }
  .text-info-wrapper, .upcoming-hero-text {
    align-items: baseline;
  }

  .home-button {
    width: 100%;
  }

  .upcoming-call {
    font-size: 16px;
  }

  .photo-bloc {
    line-height: 150%;
  }

  .tutor-name {
    line-height: 110%;
  }

  .heading-2-2 {
    font-size: 28px;
  }

  .faq {
    padding: 60px 0;
  }
  .faq-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .faq-question {
    line-height: 140%;
  }

  .cat {
    padding: 60px 20px;
  }

  .cta-secondary-text {
    font-size: 18px;
  }

  .faq-question {
    font-size: 16px;
  }

  .parcours-button, .text-6 {
    font-size: 12px;
  }

  .text-7 {
    font-size: 36px;
  }

  .our-formation {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-8 {
    font-size: 24px;
    text-align: left;
  }

  .text-9 {
    font-size: 18px;
    text-align: left;
  }

  .leader {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-10 {
    font-size: 21px;
    text-align: left;
  }

  .list-el {
    flex-direction: row;
    align-items: center;
  }

  .text-11 {
    font-size: 16px;
  }

  .approach {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ap-heading {
    text-align: center;
    font-size: 24px;
  }

  .ap-list-current {
    flex-direction: row;
    align-items: flex-start;
  }

  .footer-company {
    flex: inherit;
  }
  .footer-content {
    flex-direction: column;
  }
  .footer-content, .footer-logo {
    align-items: baseline !important;
  }

  .sublogo-text {
    text-align: left !important;
  }

  .text-14 {
    font-size: 16px;
  }

  .ap-list {
    flex-direction: row;
    align-items: flex-start;
  }

  .text-15 {
    font-size: 16px;
  }

  .partners-logo {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .place {
    margin-top: 60px !important;
  }
  .placement-text {
    font-size: 24px !important;
  }

  .container-9 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-16 {
    font-size: 24px;
  }

  .logos-bloc {
    column-gap: 24px;
    row-gap: 80px;
  }

  .text-17 {
    font-size: 32px;
  }

  .photo-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .heading-values {
    font-size: 24px;
  }

  .desc-text {
    font-size: 16px;
  }

  .container-11 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .values-2 {
    padding: 20px;
  }

  .head-text-value {
    font-size: 21px;
  }

  .join-2 {
    font-size: 18px;
  }
  .join-3 {
    font-size: 18px;
  }
  .text-24 {
    font-size: 21px !important;
    text-align: left !important;
  }
  .si-vous-tes-passionn-e-par-la-valorisation-du-patrimoine-et-des-atouts-en-afrique-la-professionnalisation-dans-les-secteurs-du-tourisme-de-l-h-tellerie-et-de-la-restauration-l-innovation-ou-les-p-dagogies-innovantes-et-pratiques-d-couvrez-nos-offres-d-emploi-2 {
    font-size: 16px;
  }
  .heading-text-2 {
    font-size: 32px !important;
    text-align: left !important;
  }
  .heading-contact {
    align-items: baseline !important;
  }

  .step-bloc-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .bloc---step {
    flex-direction: column;
    padding: 20px;
  }

  .next-steps {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .encart {
    padding: 20px;
  }

  .container-13 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-text-2 {
    font-size: 32px;
  }

  .text-24 {
    font-size: 18px;
  }

  .infos-wrapper {
    flex-direction: column;
    padding: 40px 20px;
  }

  .infos-labels {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .left-infos {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .call-infos, .social-text {
    font-size: 16px;
  }

  .placement-text {
    font-size: 24px;
  }

  .call-infos-1 {
    font-size: 16px;
  }

  .bloc-1 {
    padding-bottom: 20px;
  }

  .text-25 {
    font-size: 24px;
  }

  .text-26 {
    font-size: 18px;
  }

  .parcours-infos {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .certif {
    padding-left: 20px;
    padding-right: 20px;
  }

  .certif-heading {
    font-size: 28px;
  }

  .with-certif {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    align-items: baseline !important;
  }

  .text-certif {
    flex-direction: column;
    display: flex;
  }

  .without-certif {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: baseline !important;
  }

  .text-certif-0 {
    font-size: 20px !important;
  }

  .text-certif-1 {
    font-size: 18px !important;
  }

  .links-popup {
    top: 60px !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    padding-top: 20px !important;
    z-index: 9999 !important;
  }
  .d-block .contact-us {
    text-align: center;
  }
  .d-block.contact-button {
    color: white;
    text-align: center;
    margin: 28px 0px;
    width: 85%;
  }
  .links-popup a{
    border-bottom: 1px solid #ededed;
    padding: 16px 20px;
    width: 100%;
    color: black;
  }
  .who-hero {
    height: 100% !important;
    min-height: 360px !important;
  }
  .heading-text-inscription {
    font-size: 24px;
  }
  .step-wrap {
    row-gap: 24px;
  }
  .parcours, .parcours-2, .parcours-3, .parcours-4 {
    max-width: none !important;
    border-radius: 16px 16px 0 0 !important;
  }
  .bloc-1 {
    padding-bottom: 32px;
    margin: 0 !important;
  }
  .certif-heading {
    font-size: 24px;
  }
  .with-certif, .without-certif {
    align-items: baseline;
  }
  .heading-text-inscription, .first-step-head {
    font-size: 24px !important;
  }
  .steps-heading {
    font-size: 21px !important;
  }
  .steps-desc {
    font-size: 16px !important;
  }
  .first-step-contact, .encart-text-2 {
    font-size: 20px !important;
  }
  .infos-wrapper {
    padding: 40px 20px !important;
  }
}
/* fin home-who-team */


/* debut inscription */
.inscription {
  width: 100%;
  max-width: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f4f4f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* padding-top: 80px; */
  /* padding-bottom: 80px; */
  display: flex;
}

.container-12 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-618 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-616 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0 solid #18768e;
  border-bottom-width: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.frame-694 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-18 {
  width: 24px;
  height: 24px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-20 {
  color: #18768e;
  font-size: 13px;
  font-weight: 600;
}

.text-21 {
  color: #696969;
  font-size: 13px;
  font-weight: 400;
}

.step-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-inscription {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-text-inscription {
  color: #000;
  text-align: center;
  letter-spacing: -.04em;
  font-family: Raleway, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}

.steps-container {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.step-bloc-wrapper {
  width: 100%;
  max-width: 817px;
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bloc---step {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: flex-start;
  padding: 32px 24px;
  display: flex;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .16);
}

.icon-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 6px;
  display: flex;
}

.vectors-wrapper-19 {
  width: 49.0768px;
  height: 33.0768px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.desc-step {
  width: 100%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.steps-heading {
  color: #000;
  font-family: Raleway, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.steps-desc {
  color: #000;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.frame-686 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-20 {
  width: 39.67px;
  height: 39.67px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.steps-desc-2 {
  color: #000;
  font-size: 18px;
  font-weight: 400;
}

.frame-687 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 4px;
  display: flex;
}

.vectors-wrapper-21 {
  width: 37.2512px;
  height: 33.33px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-688 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5px;
  display: flex;
}

.vectors-wrapper-22 {
  width: 43.0969px;
  height: 31.18px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-23 {
  width: 43.3259px;
  height: 35.38px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.next-steps {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.first-steps {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.first-step-head {
  color: #18768e;
  font-family: Raleway, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.first-step-contact {
  max-width: 600px;
  color: #000;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
}

.encart {
  width: 100%;
  max-width: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 0 solid #18768e;
  border-top-width: 7px;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 48px;
  display: flex;
}

.encart-text {
  max-width: 720px;
  font-family: "Source Sans Pro", sans-serif;
}

.first-step-contact-1 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.encart-text-0 {
  color: #000;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
}

.encart-text-1 {
  color: #18768e;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
}

.container-13 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-695 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-696 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0 solid #18768e;
  border-bottom-width: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.frame-697 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-24 {
  width: 24px;
  height: 24px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-22 {
  color: #18768e;
  font-size: 13px;
  font-weight: 600;
}

.text-23 {
  color: #696969;
  font-size: 13px;
  font-weight: 400;
}

.vectors-wrapper-25 {
  width: 49.0768px;
  height: 33.0768px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-698 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-26 {
  width: 39.67px;
  height: 39.67px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.steps-desc-3 {
  color: #000;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.frame-699 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 4px;
  display: flex;
}

.vectors-wrapper-27 {
  width: 37.2512px;
  height: 33.33px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-700 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5px;
  display: flex;
}

.vectors-wrapper-28 {
  width: 43.0969px;
  height: 31.18px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-29 {
  width: 43.3259px;
  height: 35.38px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.first-step-contact-2 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.encart-text-2 {
  color: #000;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
}

.encart-text-3 {
  color: #18768e;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 150%;
}

.tabs-content-2 {
  overflow: visible !important;
}
/* fin inscription */


/* debut contact formation */
.contact {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 80px 0;
  font-family: "Source Sans Pro", sans-serif;
  display: flex;
}

.container-14 {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.top-contact {
  width: 100%;
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-contact {
  width: 100%;
  /* max-width: 1200px; */
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-text-2 {
  color: #000;
  text-align: center;
  letter-spacing: -.04em;
  font-family: Raleway, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 110%;
}

.contact-subtext {
  width: 100%;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-24 {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
}

.infos-wrapper {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #18768e;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 80px 48px;
  display: flex;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .16);
  margin-right: auto;
  margin-left: auto;
}

.infos-labels {
  width: 100%;
  max-width: 860px;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.left-infos {
  width: 100%;
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.calls {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.call-infos {
  color: #fff;
  flex-direction: column;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}

.right-infos {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.socials {
  width: 100%;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.socials-links {
  width: 100%;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-text {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

.socials-icons {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.in {
  width: 44px;
  height: 44px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #fff;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.vectors-wrapper-30 {
  width: 16.0343px;
  height: 16px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.facebook-ico {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-31 {
  width: 20px;
  height: 20px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.place {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.placement-text {
  color: #16212a;
  font-size: 32px;
  font-weight: 600;
}

.card-img {
  object-fit: cover;
  border-radius: 24px;
}

.call-infos-1 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.parcours-contain {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bloc-1 {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding-right: 56px;
  display: flex;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .16);
}

.parcours {
  width: 100%;
  height: 339px;
  max-width: 319px;
  min-height: 0;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  /* background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/path-bloc-1.jpg'); */
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.frame-701 {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-25 {
  color: #fff;
  font-family: Raleway, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.text-26 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 110%;
}

.parcours-infos {
  width: 100%;
  max-width: 751px;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.parcours-text {
  width: 100%;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-681 {
  width: 100%;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vectors-wrapper-32 {
  width: 12px;
  height: 12px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-27 {
  color: #7e7a81;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.un-parcours-de-formation-personnalis-vous-est-ainsi-cr {
  color: #7e7a81;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.main-button-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #18768e;
  border-radius: 60px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 24px;
  display: flex;
}

.contactez-nous-5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.parcours-2 {
  width: 100%;
  height: 339px;
  max-width: 319px;
  min-height: 339px;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  /* background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/Parcours_1.jpg'); */
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.parcours-infos-2 {
  width: 100%;
  height: 339px;
  max-width: 751px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.parcours-3 {
  width: 100%;
  height: 339px;
  max-width: 319px;
  min-height: 339px;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  /* background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/Parcours_2.jpg'); */
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.parcours-4 {
  width: 100%;
  height: 339px;
  max-width: 319px;
  min-height: 339px;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  /* background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/Parcours_3.jpg'); */
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.certif {
  width: 100%;
  max-width: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #18768e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.certif-container {
  width: 100%;
  max-width: 1200px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.certif-heading {
  color: #fff;
  font-family: Raleway, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
}

.with-certif {
  width: 100%;
  max-width: 1058px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 0 solid #d1e4e8;
  border-left-width: 8px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.ico-certif {
  width: 66px;
  height: 66px;
  min-height: 66px;
  min-width: 66px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #18768e;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.school-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.vectors-wrapper-33 {
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-34 {
  width: 41.5061px;
  height: 33.894px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 7.45215px;
  left: 4.24707px;
}

.without-certif {
  width: 100%;
  max-width: 1059px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 0 solid #d1e4e8;
  border-left-width: 8px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.vectors-wrapper-35 {
  width: 50px;
  height: 50px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-certif-0 {
  color: #18768e;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.text-certif-1 {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
}
/* fin contact formation */













/* media query */
@media screen and (max-width:1024px) {
  .sublogo-text {
    text-align: center;
  }
  .footer-content,
  .footer-logo {
    align-items: center;
    justify-content: center;
    flex: unset;
    align-self: stretch;
  }
  .footer-logo {
    min-width: inherit;
    max-width: inherit;
  }
  .footer-content {
    padding-top: var(--padding-5xl);
    box-sizing: border-box;
    min-width: inherit;
    max-width: inherit;
  }
  .footer-container,
  .footer-contents {
    flex-direction: column;
    gap: var(--gap-5xl);
    align-items: center;
    justify-content: center;
  }
  .footer-container {
    gap: var(--gap-13xl);
    padding-left: 0;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 420px) {
  .footer-company {
    flex: unset;
    align-self: stretch;
  }
  .footer-content {
    flex-direction: column;
  }
  .heading1 {
    font-size: 24px;
  }
  .heading2 {
    font-size: 20px;
  }
}

@media screen and (max-width:1280px) {
  .page-links {
    display: flex;
  }
  .menu-01 {
    display: none;
  }
  .navigation {
    padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width:1024px) {
  .page-links {
    display: none;
  }
  .menu-01 {
    display: flex;
    align-items: center;
  }
  .navigation {
    padding-left: var(--padding-13xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }
  .heading1 {
    font-size: 32px;
  }
  .heading2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 640px) {
  .contact-button {
    display: none;
  }
  .responsive-visible {
    display: flex;
  }
  .navigation {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
}
.link,
.link1,
.qui-sommes-nous {
  text-decoration: none;
  color: inherit;
}
.qui-sommes-nous {
  position: relative;
  text-transform: uppercase;
}
.link,
.link1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.link:hover {
  mix-blend-mode: normal;
  background-color: #ededed;
}
.link,
.link1,
.link2,
.links-popup {
  align-items: center;
  justify-content: center;
}
.link2 {
  text-decoration: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  color: inherit;
}
.links-popup {
  position: relative;
  background-color: var(--white);
  width: 1440px;
  display: none;
  flex-direction: column;
  padding: var(--padding-5xl);
  box-sizing: border-box;
  gap: 16px;
  overflow: auto;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--black);
  font-family: var(--font-source-sans-pro);
}
@media screen and (max-width:1024px) {
  .links-popup {
    display: flex;
    top: 86px;
  }
}
.heading-anime {
  overflow: hidden;
  height: 70px;
  position: relative;
  width: 100%;
}
.anime-hidden{
  position:absolute;
  top: 20px;
  display:inline-block;
  width: 100%;
  opacity:0;
  animation: slideme2 6s infinite;
}
.anime-hidden:nth-child(1){
  animation-delay: 1s;
}
.anime-hidden:nth-child(2){
  animation-delay: 3s;
}
.anime-hidden:nth-child(3){
  animation-delay: 5s;
}

@keyframes slideme2 {
  0% {
    top: 20px;
    opacity:0;
  }
  5% {
    top: 0px;
    opacity:1;
  }
  10%{
    top : 0;
    opacity:1;
  }
  20%{
    opacity:1;
  }
  25% {    
  opacity:1;
    top : 0;
  }
  35% {    
    opacity:0.1;
      top : 0;
    }
  50% {
    opacity:0;
    top:0;
  }
}
@media screen and (max-width: 991px) {
  .anime-hidden {
    /* text-align: center; */
  }
}



/* .codinfox-changing-keywords{
  vertical-align:top;
  overflow:hidden;
  height:20px;
  position:relative;
  display: inline-block;
    width: 250px;
}
.hiddens{
  position:absolute;
  top: 20px;
  display:inline-block;
  width:250px;
    opacity:0;
  animation: slideme 6s infinite;
}
.hiddens:nth-child(1){
  animation-delay: 2s;
}
.hiddens:nth-child(2){
  animation-delay: 4s;
}
.hiddens:nth-child(3){
  animation-delay: 6s;
}

@keyframes slideme {
  0% {
    top: 20px;
    opacity:0;
  }
  5% {
    top: 0px;
    opacity:1;
  }
  10%{
    top : 0;
    opacity:1;
  }
  20%{
    opacity:1;
  }
  25% {    
  opacity:0.1;
    top : 0;
  }
  30% {
    opacity:0;
    top: 0;
  }
} */


/* pop up telechargement */
.popup-head-text {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.04em;
  line-height: 110%;
  font-weight: 700;
  font-family: inherit;
}
.popup-sub-head {
  position: relative;
  font-size: var(--font-size-sm);
  /* font-family: var(--font-inter); */
  font-family: var(--font-source-sans-pro);
  display: inline-block;
  width: 281px;
}
.popup-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
}
.input,
.input-col {
  display: flex;
  justify-content: flex-start;
}
.input {
  border: 1px solid var(--color-gainsboro);
  font-family: var(--font-source-sans-pro);
  font-size: var(--font-size-base);
  background-color: var(--white);
  border-radius: var(--br-9xs);
  box-sizing: border-box;
  width: 326px;
  flex-direction: row;
  align-items: center;
  padding: var(--padding-base) var(--padding-xl);
}
.input-col {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xl);
}
.check-box {
  position: relative;
  width: 24px;
  height: 24px;
}
.validate-text {
  position: relative;
  line-height: 28px;
}
.form-main,
.validate-check {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.form-main {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.button-text {
  position: relative;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  font-family: var(--font-raleway);
  color: var(--white);
  text-align: left;
}
.wpforms-submit-container{
  cursor: pointer !important;
  border: 0 !important;
  padding: var(--padding-base) 31px !important;
  background-color: var(--black) !important;
  align-self: stretch !important;
  border-radius: 52px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
}
.wpforms-submit {
  background-color: transparent !important;
  height: auto !important;
  /* text-transform: uppercase !important; */
}
.wpforms-confirmation-container-full {
  background: #f0fafa !important;
  border: 1px solid #f0fafa !important;
}
/* .wpforms-error {
  display: none !important;
} */
.wpforms-field em {
 /* color: #fff !important; */
 display: none !important;
}
.form,
.popup-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-17xl);
}
.form {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--gray-text-60);
  font-family: var(--font-source-sans-pro);
}
.popup-content {
  /* align-items: center; */
  justify-content: center;
  z-index: 0;
}
.agree-text {
  position: relative;
  font-size: var(--font-size-smi);
  font-family: var(--font-inter);
  color: var(--gray-text-60);
  display: inline-block;
  width: 329px;
  z-index: 1;
}
.close-icon {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.closing-button {
  cursor: pointer;
  border: 1px solid #bcbcbc;
  padding: var(--padding-5xs);
  background-color: transparent;
  margin: 0 !important;
  position: absolute;
  top: 19px;
  left: 410px;
  border-radius: var(--br-13xl);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.overlay,
.popup {
  display: flex;
  box-sizing: border-box;
}
.popup {
  margin: 0 !important;
  position: absolute;
  top: 78px;
  left: calc(50% - 236px);
  border-radius: var(--br-base);
  background-color: var(--white);
  width: 473px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-37xl) 72px 48px;
  gap: var(--gap-xl);
  z-index: 0;
}
.overlay {
  /* position: relative;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 900px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 78px 360px;
  text-align: center; */
  font-size: var(--font-size-5xl);
  color: var(--black);
  font-family: var(--font-raleway);
}

#linksPopup2 .popup {
  top: 30px;
} 

#linksPopup2 {
  overflow: scroll;
}

@media screen and (max-width: 450px) {
  .popup-content {
    align-self: stretch;
    width: auto;
  }
  .overlay,
  .popup {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .popup {
    flex: 1;
    margin: 0 24px;
    width: 300px;
    left: calc(50% - 150px);
  }
  .overlay {
    width: auto;
    align-self: unset;
    align-items: center;
    justify-content: center;
  }
  .closing-button {
    left: 240px;
  }
  .agree-text, .popup-sub-head {
    width: auto;
  }
}

.wpforms-container-full {
  margin: 0 !important;
}

.wpforms-field {
  padding-bottom: 5px !important;
}

.ul-list {
  list-style: disc;
  font-size: 18px;
  margin-left: 20px;
}