.single_formation__page {
  --color: var(--tt-color-blue);
}
.single_formation__page::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 1100px;
  left: 0;
  width: 269px;
  height: 154px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iMTE0IiB2aWV3Qm94PSIwIDAgMjYwIDExNCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aAogICAgICAgIGQ9Ik0yNTQuNzQ1IDQuNzI5NTdDMjU2Ljc2OCAxNC44NzA5IDI1Mi41MjYgMjkuMTkzNyAyNTEuMTc3IDM5LjM4NjhDMjQ4Ljc1NCA1Ny42OTAyIDI0Mi41MTMgNzYuNDk0NyAyMjguNDk1IDg5LjMxMDlDMjAwLjAxIDExNS4zNTMgMTU0LjM3MyAxMTAuMjQzIDEyMC4wODggMTAxLjc2NkM2My43NjI1IDg3LjgzODUgMTMuNTQyMSA1Ny4xMzM2IC0zNS4yMzg5IDI2Ljk4MDEiCiAgICAgICAgc3Ryb2tlPSIjRkY4NzQ1IiBzdHJva2Utd2lkdGg9IjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .single_formation__page::after {
    left: -100px;
  }
}
@media screen and (max-width: 992px) {
  .single_formation__page::after {
    display: none;
  }
}
.single_formation__page .herobanner {
  border-radius: 32px;
  position: relative;
  padding: 64px;
  height: 420px;
  margin: 96px 0 128px;
}
@media screen and (max-width: 1200px) {
  .single_formation__page .herobanner {
    margin: 96px 0 160px;
  }
}
@media screen and (max-width: 992px) {
  .single_formation__page .herobanner {
    padding: 32px;
    height: 360px;
    margin: 64px 0 32px;
  }
}
@media screen and (max-width: 768px) {
  .single_formation__page .herobanner {
    padding: 32px;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.single_formation__page .herobanner .breadcrumb {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 6px;
}
@media screen and (max-width: 768px) {
  .single_formation__page .herobanner .breadcrumb {
    font-size: 12px;
  }
}
.single_formation__page .herobanner .breadcrumb a {
  transition: color 0.3s ease-out;
}
.single_formation__page .herobanner .breadcrumb a:hover {
  color: var(--color);
}
.single_formation__page .herobanner .objectFitCover {
  border-radius: 32px;
  overflow: hidden;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.single_formation__page .herobanner::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: -60px;
  right: 40px;
  width: 740px;
  height: 630px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NDciIGhlaWdodD0iNjM5IiB2aWV3Qm94PSIwIDAgNzQ3IDYzOSIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aAogICAgICAgIGQ9Ik03MjEuODggNC44MTcyNkM3MjguOTcgMzYuNTQ3MyA3MzguNzkgNjcuODQ3MyA3NDEuOSAxMDAuMjI3Qzc0NS45MiAxNDYuNjU3IDcyOC40OCAxODIuNjc3IDY4Ni4zIDIwMy43MTdDNjQ2LjM5IDIyMy43OTcgNTk5LjcgMjMwLjQyNyA1NjUuODcgMjYwLjk2N0M1NDQuMzYgMjc5LjQ3NyA1MjkuMDYgMzA0LjAxNyA1MTYuODggMzI5LjQzN0M1MDAuNTUgMzYzLjI5NyA0ODguMDcgNDAxLjM0NyA0NTguNjMgNDI2LjMwN0M0MzQuNzcgNDQ3LjE5NyA0MDIuNzUgNDU3LjIyNyAzNzEuNTIgNDYwLjgzN0MyOTQuODggNDY5Ljc1NyAyMTcuMTEgNDQ2LjAyNyAxNDAuNDIgNDU3LjgxN0MzNS43NTk4IDQ3My45MjcgLTUuOTAwMjEgNTI4LjUyNyA2LjY2OTc5IDYzMy45OTciCiAgICAgICAgc3Ryb2tlPSIjRkY4NzQ1IiBzdHJva2Utd2lkdGg9IjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=) no-repeat;
  background-size: 100% 100%;
  z-index: 0;
}
@media screen and (max-width: 992px) {
  .single_formation__page .herobanner::before {
    display: none;
  }
}
.single_formation__page .herobanner .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  row-gap: 16px;
  height: 100%;
  max-width: 750px;
  width: 70%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  .single_formation__page .herobanner .content {
    max-width: 475px;
  }
}
@media screen and (max-width: 992px) {
  .single_formation__page .herobanner .content {
    max-width: inherit;
  }
}
@media screen and (max-width: 768px) {
  .single_formation__page .herobanner .content {
    row-gap: 48px;
  }
}
.single_formation__page .herobanner .content .titles {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.single_formation__page .herobanner .content .titles .subtitle {
  color: var(--color);
}
.single_formation__page .herobanner .content .titles .titleH1 {
  text-align: left;
}
.single_formation__page .top {
  position: relative;
}
.single_formation__page .top .infos {
  background-color: var(--color);
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 16px;
  width: 275px;
  position: absolute;
  transform: translateY(50%);
  bottom: 0;
  right: 120px;
  border-radius: 16px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .single_formation__page .top .infos {
    right: 82px;
  }
}
@media screen and (max-width: 1200px) {
  .single_formation__page .top .infos {
    right: 60px;
  }
}
@media screen and (max-width: 992px) {
  .single_formation__page .top .infos {
    display: none;
  }
}
.single_formation__page .top .infos .title {
  color: var(--tt-color-secondary);
  font-size: clamp(1.6rem, 1.3278106509rem + 0.0047337278 * 100vw, 2rem);
  font-weight: 400;
  line-height: 145%;
}
.single_formation__page .infos {
  background-color: var(--color);
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 16px;
  width: 275px;
  position: absolute;
  transform: translate(-50%, 50%);
  bottom: 0;
  right: 0;
  border-radius: 16px;
  z-index: 2;
}
.single_formation__page .infos.mobile {
  display: none;
  position: relative;
  width: 100%;
  margin: 0 0 32px;
  transform: translate(0, 0);
  padding: 32px;
}
@media screen and (max-width: 992px) {
  .single_formation__page .infos {
    display: none;
  }
  .single_formation__page .infos.mobile {
    display: flex;
  }
}
.single_formation__page .core {
  width: 100%;
  max-width: 686px;
  padding: 32px;
  background: var(--tt-color-third);
  position: relative;
  z-index: 2;
  border-radius: 16px;
}
.single_formation__page .core .texts > * + * {
  margin-top: 16px;
}
.single_formation__page .core .texts * + h2, .single_formation__page .core .texts * + h3, .single_formation__page .core .texts * + h4, .single_formation__page .core .texts * + h5, .single_formation__page .core .texts * + h6 {
  margin-top: 32px;
}
.single_formation__page .core .texts h2 {
  color: var(--tt-color-secondary);
  font-size: clamp(2.2rem, 0.975147929rem + 0.0213017751 * 100vw, 4rem);
  font-weight: 700;
  line-height: 92.5%;
}
.single_formation__page .core .texts h3 {
  color: var(--tt-color-secondary);
  font-size: clamp(2rem, 0.9112426036rem + 0.0189349112 * 100vw, 3.6rem);
  font-weight: 600;
  line-height: 92.5%;
}
.single_formation__page .core .texts h4, .single_formation__page .core .texts h5, .single_formation__page .core .texts h6 {
  color: var(--tt-color-secondary);
  font-size: clamp(1.8rem, 0.8473372781rem + 0.0165680473 * 100vw, 3.2rem);
  font-weight: 500;
  line-height: 92.5%;
}
.single_formation__page .core .texts p, .single_formation__page .core .texts ul, .single_formation__page .core .texts ol {
  color: var(--tt-color-secondary);
  font-size: clamp(1.4rem, 1.2639053254rem + 0.0023668639 * 100vw, 1.6rem);
  font-weight: 400;
}
.single_formation__page .core .texts ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-left: 20px;
}
.single_formation__page .core .texts ul li {
  list-style-type: circle;
}
.single_formation__page .core .buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.single_formation__page .shape-info:has(.containerInfos) {
  position: relative;
  margin: 64px 0;
}
@media screen and (max-width: 768px) {
  .single_formation__page .shape-info:has(.containerInfos) {
    margin: 32px 0;
  }
}
.single_formation__page .shape-info:has(.containerInfos)::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 70px;
  right: 0;
  width: 440px;
  height: calc(100% + 200px);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDMiIGhlaWdodD0iMTQxMiIgdmlld0JveD0iMCAwIDQ0MyAxNDEyIiBmaWxsPSJub25lIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTU0NS41OCA2LjA5OTk5QzUwNy4yIDMuNTI5OTkgNDY4LjcxIDMuMzA5OTkgNDMwLjk0IDExLjA0QzM3OS43NCAyMS4zNyAzMjQuOTQgMzguNzYgMjg0LjAzIDcxLjc0QzIzMy4xNiAxMTMuNSAyMzAuOCAxODYuNzEgMjQzLjM0IDI0Ni41N0MyNTQuMjcgMjk3LjYgMjc5LjMxIDM0NC4yNiAyOTQuNDMgMzk0LjA5QzMwOS4yNCA0NDEuNTIgMzE1LjM0IDQ5MS40MiAzMTQuMDUgNTQxLjA1QzMxMi4xOSA2MzguOTIgMjc1Ljc3IDY5MS4yIDE5OS44OCA3NDguOTFDNzIuNTkgODQ1LjY4IDIzLjUxIDkzNi40OCAxNi4xNyAxMDk2LjczQzkuOTggMTIwMC4wNyA1LjE3IDEzMDMuNTIgNC41IDE0MDcuMDYiCiAgICAgICAgc3Ryb2tlPSIjRkY4NzQ1IiBzdHJva2Utd2lkdGg9IjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=) no-repeat;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .single_formation__page .shape-info:has(.containerInfos)::before {
    right: -100px;
  }
}
@media screen and (max-width: 992px) {
  .single_formation__page .shape-info:has(.containerInfos)::before {
    display: none;
  }
}
.single_formation__page .containerInfos {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.single_formation__page.is-purple {
  --color: var(--tt-color-purple);
}
.single_formation__page.is-red {
  --color: var(--tt-color-red);
}
.single_formation__page.is-green {
  --color: var(--tt-color-green);
}
.single_formation__page.is-blue {
  --color: var(--tt-color-blue);
}
.single_formation__page.is-yellow {
  --color: var(--tt-color-yellow);
}
