/* 
  Credits:
  Developed and designed by Lili & Jiji | Graphic & Visual Design Agency
  AUTHORS : ELIF SÖNMEZ and HAJAR SAIM | Lili & Jiji
  Website : https://www.liliandjiji.be
  Connect with our vibe : https://linktr.ee/liliandjijiagency

  This code is proprietary and should not be modified or redistributed without permission.
  Unauthorized modification, distribution, or reproduction of this code is strictly prohibited and may result in legal action.
  
  For permissions, please contact us at liliandjijiagency@gmail.com
*/
:root {
  --color--white: white;
  --color--font-family--poppins: Poppins, sans-serif;
  --blue-dark: #1f3462;
  --blue-light: #c5e4ee;
  --color--font-family--dm-serif-text-regular: "DM Serif Text Regular", sans-serif;
  --color--black-800: #000c;
  --color--black: black;
  --color--blue-lightparagus: #c5e4ee;
  --color--black-500: #00000080;
  --color--bone: #fff;
  --color--black-700: #000000b3;
  --color--white-900: #ffffffe6;
  --color--black-600: #0009;
  --color--font-family--dm-serif-text-italic: "DM Serif Text Italic", sans-serif;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

p {
  margin-bottom: 10px;
}

.body {
  background-color: var(--color--white);
  font-family: var(--color--font-family--poppins);
  font-size: 18px;
  line-height: 140%;
}

.navbar {
  background-color: var(--color--white);
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  position: fixed;
  top: 0;
}

.container {
  max-width: 1300px;
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.nav-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-button-link {
  text-decoration: none;
}

.common-button {
  border: 1px none var(--blue-dark);
  background-color: var(--blue-dark);
  font-family: var(--color--font-family--poppins);
  color: var(--color--white);
  text-transform: uppercase;
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 500;
}

.common-button:hover {
  border-style: none;
  border-color: var(--blue-light);
  background-color: var(--blue-light);
  color: var(--blue-dark);
  font-weight: 600;
}

.common-button.border-button {
  border-color: var(--blue-light);
  background-color: var(--blue-light);
  color: var(--blue-dark);
  -webkit-text-stroke-color: var(--blue-dark);
  font-weight: 600;
}

.common-button.border-button:hover {
  background-color: var(--blue-dark);
  color: var(--color--white);
  font-weight: 500;
}

.common-button.border-button.price-button {
  text-align: center;
  margin-top: 20px;
  display: none;
}

.common-button.price-button {
  text-align: center;
  margin-top: 20px;
  display: block;
}

.common-button.newsletter-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-link {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.nav-link:hover {
  color: var(--blue-light);
}

.nav-link:lang(en) {
  border-radius: 2px;
  text-decoration: none;
}

.nav-link.w--current {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
}

.nav-link.style-guide {
  text-decoration: none;
}

.nav-link.mobile-show {
  display: none;
}

.hero-section {
  background-color: var(--color--white);
  padding-top: 100px;
  padding-bottom: 20px;
}

.hero-row {
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 100px;
  padding-bottom: 0;
  display: flex;
}

.hero-col {
  object-fit: fill;
  padding-left: 0;
  padding-right: 0;
}

.hero-detail-div {
  margin-left: 40px;
  margin-right: 40px;
  padding-left: 0;
}

.h5-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  font-size: 20px;
  font-weight: 400;
}

.h5-heading.sub-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.h5-heading.sub-heading.letsconnectmarge {
  margin-bottom: 18px;
}

.h5-heading.contact-text {
  margin-bottom: 3px;
}

.h1-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  text-align: left;
  text-transform: none;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: 400;
  line-height: 120%;
}

.blue-darkpara-color {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  font-size: 30px;
}

.blue-darkpara-color.accueilh2 {
  font-size: 25px;
}

.large-paragraph {
  color: var(--color--black-800);
  text-align: justify;
  font-size: 20px;
}

.large-paragraph.template-hero-paragraph {
  max-width: 850px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.large-paragraph.style-guide {
  text-decoration: none;
}

.hero-button-div {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.hero-image-div {
  text-align: center;
}

.hero-image {
  object-fit: fill;
  border-radius: 500px;
  width: 93%;
  max-width: 80%;
  height: 80%;
  max-height: 100%;
  margin-left: 30px;
  display: block;
}

.hero-image.imgmobile {
  display: none;
}

.hero-image.imgdesktop {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  max-height: 600px;
  margin-left: 0;
  margin-right: 0;
}

.section {
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 100px;
  display: block;
}

.section.padding-top {
  margin-top: 0;
  margin-bottom: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.section.newsletter-section {
  background-color: var(--blue-light);
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.about-grid {
  grid-column-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.75fr;
}

.about-image {
  border-radius: 500px;
  max-width: 110%;
  max-height: 100%;
  margin-top: 0;
}

.about-image.img2mobile, .about-image.img2tablet, .about-image.img2tableth {
  display: none;
}

.common-heading-div {
  margin-left: 0;
  margin-right: 40px;
}

.common-heading-div.text-center {
  margin-top: 60px;
}

.h2-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--color--black);
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 50px;
  font-weight: 400;
  line-height: 120%;
}

.h2-heading.about-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  max-width: 600px;
  font-size: 25px;
}

.h2-heading.about-heading.accueilh2 {
  color: var(--color--black);
  text-transform: none;
  font-size: 25px;
}

.h2-heading.center-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
}

.h2-heading.price-count {
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph {
  font-family: var(--color--font-family--poppins);
  color: var(--color--black-800);
  text-align: left;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 20px;
  font-size: 16px;
  font-style: normal;
}

.paragraph.center-paragraph {
  text-align: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.list-text {
  font-family: var(--color--font-family--poppins);
  color: var(--blue-dark);
  font-weight: 400;
}

.paragraph.agenda-paragraph {
  max-width: 600px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.paragraph.gray-asparagus-color {
  color: var(--color--blue-lightparagus);
}

.paragraph.gray-asparagus-color.trainer-text {
  border-bottom: 1px solid var(--color--black-500);
  margin-bottom: 8px;
  padding-bottom: 10px;
}

.paragraph.footer-link {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--color--black);
  margin-top: 0;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}

.paragraph.footer-link:hover {
  color: var(--color--white);
}

.paragraph.footer-link.style-guide {
  margin-top: 0;
}

.paragraph.template-paragraph {
  max-width: 750px;
}

.paragraph.template-source-link {
  font-weight: 600;
}

.paragraph.paramobilemail {
  display: none;
}

.about-line {
  background-color: var(--blue-light);
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.about-inner-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1fr;
  margin-bottom: 0;
}

.about-inner-div.border-right {
  border-right: 1px solid var(--color--blue-lightparagus);
}

.about-card {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.about-heading-div {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.bg-section {
  background-color: var(--blue-light);
  margin-top: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

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

.service-grid {
  z-index: 1;
  grid-column-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 50px;
  position: relative;
}

.service-card {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-icon-div {
  background-color: var(--color--blue-lightparagus);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
  display: flex;
}

.h4-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

.h4-heading.service-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  margin-top: 5px;
  margin-bottom: 23px;
}

.h4-heading.trainer-heading {
  margin-top: 0;
  margin-bottom: 15px;
}

.h4-heading.footer-heading {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--color--black);
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: 400;
}

.service-top-image {
  width: 30%;
  position: absolute;
  inset: -19% auto auto -15%;
}

.service-top-image.service-bottom-image {
  width: 30%;
  inset: auto -15% -25% auto;
}

.why-choose-us-row.wcutablet {
  display: none;
}

.why-choose-us-image {
  border-radius: 500px;
}

.why-choose-us-image.img3desktop {
  border-radius: 10px;
}

.why-choose-us-image.img3mobile, .why-choose-us-image.img3tablet {
  display: none;
}

.why-choose-us-grid {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  margin-top: 30px;
  margin-right: 20px;
}

.why-choose-us-detail-div {
  max-width: 750px;
  margin-left: 40px;
  margin-right: 20px;
}

.why-choose-us-heading-div {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.why-choose-us-icon-box {
  background-color: var(--color--blue-lightparagus);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.services-details-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 50px;
}

.services-card {
  border: 2px solid var(--color--bone);
  background-color: var(--blue-light);
  border-radius: 5px;
  padding: 30px 15px;
}

.services-card.active-card {
  border: 2px solid var(--color--blue-lightparagus);
}

.services-card.accompadding {
  padding-bottom: 115px;
}

.price-heading-div {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.price-count-div {
  background-color: var(--blue-dark);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.price-count-div.bg-color {
  background-color: var(--color--blue-lightparagus);
}

.h3-heading {
  font-family: var(--color--font-family--koh-santepheap\<deleted\|variable-01c396fa-d8cc-34bc-23a5-89ad0042b7fe\>);
  color: var(--color--black);
  text-transform: capitalize;
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: 400;
  line-height: 140%;
}

.h3-heading.blue-darkragus-color {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  text-transform: uppercase;
  font-size: 30px;
}

.services-line {
  background-color: var(--blue-dark);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.price-list-div {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.agenda-grid {
  grid-column-gap: 201px;
  grid-template-rows: auto;
  place-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.newsletter-image {
  margin-top: -110px;
}

.newsletter-input {
  border: 1px solid var(--color--blue-lightparagus);
  color: var(--color--black);
  background-color: #0000;
  border-radius: 10px;
  height: 100%;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 18px;
  font-weight: 400;
  overflow: scroll;
}

.newsletter-input:focus {
  border-color: var(--color--blue-lightparagus);
}

.newsletter-input::placeholder {
  color: var(--color--black-700);
  font-size: 18px;
  font-weight: 400;
}

.newsletter-form {
  width: 90%;
  margin-top: 20px;
  position: relative;
}

.success-message {
  background-color: var(--color--white-900);
  border-radius: 10px;
}

.trainer-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 50px;
}

.trainer-card {
  background-color: var(--color--bone);
  border-radius: 10px;
}

.trainer-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.trainer-detail-div {
  padding: 15px;
}

.bold-text {
  color: var(--color--black);
}

.contact-div {
  grid-column-gap: 20px;
  border-bottom: 1px solid var(--blue-light);
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  margin-top: 40px;
  padding-bottom: 10px;
  display: flex;
}

.contact-icon-div {
  background-color: var(--color--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.contact-card {
  background-color: var(--blue-light);
  border-radius: 10px;
  margin-left: 60px;
  padding: 50px 30px;
}

.contact-grid {
  grid-row-gap: 25px;
}

.field-label {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
}

.field-label.textarea-field {
  color: var(--blue-dark);
  margin-top: 25px;
}

.field-label.textarea-field.formconditions {
  font-size: 12px;
}

.input {
  border: 1px solid var(--blue-dark);
  color: var(--color--black);
  background-color: #0000;
  border-radius: 5px;
  margin-bottom: 0;
  padding-top: 25px;
  padding-bottom: 25px;
}

.input:focus {
  border-color: var(--color--black);
}

.input.textarea {
  margin-bottom: 35px;
  padding-top: 12px;
}

.footer {
  background-color: var(--blue-light);
}

.footer-detail-div {
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer-grid {
  grid-column-gap: 82px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr .5fr;
}

.footer-image-link {
  margin-bottom: 25px;
}

.social-media-div {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-media-link {
  border: 1px solid var(--color--blue-lightparagus);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.bottom-footer {
  border-top: 1px solid var(--color--gray-asparagus-300\<deleted\|variable-65929e89-0997-a0d7-a9f0-c84380d10ed9\>);
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright-text {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--color--black-800);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.copyright-link {
  color: var(--color--black);
  text-decoration: none;
}

.template-hero-section {
  background-color: var(--color--bone);
  padding-top: 120px;
  padding-bottom: 120px;
}

.template-detail {
  margin-bottom: 60px;
}

.template-detail-div {
  border: 1px solid var(--color--blue-lightparagus);
  border-radius: 10px;
  margin-top: 20px;
  padding: 32px;
}

.template-detail-box {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.template-source-link-div {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.style-guide-div {
  background-color: var(--color--bone);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.style-guide-div.box-margin-bottom {
  margin-bottom: 30px;
}

.style-guide-div.color-palette-div {
  display: block;
}

.style-guide {
  text-align: left;
  margin: 0;
  padding: 0;
  display: block;
}

.style-guide-button-div {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.color-palette {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.color-box {
  border-radius: 5px;
  margin-bottom: 10px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.color-box.white {
  background-color: var(--color--white);
}

.color-box.white-900 {
  background-color: var(--color--white-900);
}

.color-box.black {
  background-color: var(--color--black);
}

.color-box.black-800 {
  background-color: var(--color--black-800);
}

.color-box.black-700 {
  background-color: var(--color--black-700);
}

.color-box.black-600 {
  background-color: var(--color--black-600);
}

.color-box.black-500 {
  background-color: var(--color--black-500);
}

.color-box.gray-asparagus {
  background-color: var(--color--blue-lightparagus);
}

.color-box.gray-asparagus-900 {
  background-color: var(--color--gray-asparagus-900\<deleted\|variable-aad14eaf-1611-a981-85d2-11a4d821e789\>);
}

.color-box.gray-asparagus-800 {
  background-color: var(--color--gray-asparagus-800\<deleted\|variable-482696fc-c859-6b40-9f90-9643c822df18\>);
}

.color-box.gray-asparagus-300 {
  background-color: var(--color--gray-asparagus-300\<deleted\|variable-65929e89-0997-a0d7-a9f0-c84380d10ed9\>);
}

.color-box.bone {
  background-color: var(--color--bone);
}

.nav-menu {
  margin-left: 0;
  margin-right: 100px;
}

.bold-text-2 {
  color: var(--color--black);
  font-weight: 400;
}

.bold-text-3 {
  color: var(--blue-dark);
  font-size: 30px;
  font-weight: 400;
}

.bold-text-4 {
  font-weight: 400;
}

.bold-text-5 {
  color: var(--blue-dark);
  font-weight: 400;
}

.navbar-2 {
  background-color: #fff;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  position: fixed;
  top: 0;
}

.nav-link-2 {
  color: #1f3462;
  text-transform: none;
  font-family: DM Serif Text Regular, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #c5e4ee;
}

.nav-link-2:lang(en) {
  border-radius: 2px;
  text-decoration: none;
}

.nav-link-2.w--current {
  color: #1f3462;
  font-family: DM Serif Text Regular, sans-serif;
  font-size: 16px;
}

.nav-link-2.mobile-show {
  display: none;
}

.common-button-2 {
  color: #fff;
  text-transform: uppercase;
  background-color: #1f3462;
  border: 1px solid #1f3462;
  border-radius: 10px;
  padding: 12px 30px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.common-button-2:hover {
  color: #1f3462;
  background-color: #c5e4ee;
  border-style: solid;
  border-color: #c5e4ee;
  font-weight: 600;
}

.common-button-2.border-button {
  color: #1f3462;
  -webkit-text-stroke-color: #1f3462;
  background-color: #c5e4ee;
  border-color: #c5e4ee;
  font-weight: 600;
}

.common-button-2.border-button:hover {
  color: #fff;
  background-color: #1f3462;
  font-weight: 500;
}

.service-icon-div-2 {
  background-color: #c5e4ee;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
  display: flex;
}

.paragraph-2 {
  color: #000c;
  text-align: left;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 20px;
  font-family: DM Serif Text Italic, sans-serif;
  font-size: 16px;
  font-style: normal;
}

.paragraph-2.center-paragraph {
  text-align: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.h2-heading-2 {
  color: #000;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: DM Serif Text Regular, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 120%;
}

.h2-heading-2.center-heading {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-family: DM Serif Text Regular, sans-serif;
  font-size: 40px;
}

.h4-heading-2 {
  color: #000;
  font-family: DM Serif Text Italic, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

.h4-heading-2.service-heading {
  margin-top: 5px;
  margin-bottom: 23px;
  font-family: DM Serif Text Regular, sans-serif;
}

.bg-section-2 {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.bold-text-6 {
  color: var(--blue-dark);
  font-size: 30px;
  font-weight: 400;
}

.h5-heading-2 {
  color: #1f3462;
  font-family: DM Serif Text Regular, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.h5-heading-2.sub-heading {
  color: #1f3462;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Text Regular, sans-serif;
}

.text-block {
  font-family: var(--color--font-family--poppins);
  cursor: auto;
  margin-left: 100px;
  margin-right: 100px;
  font-size: 16px;
}

.boldtext-ml-pc {
  font-family: var(--color--font-family--dm-serif-text-regular);
  color: var(--blue-dark);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
}

.link-ml-pc {
  color: var(--color--black);
  text-decoration: none;
}

.link-ml-pc:hover {
  pointer-events: auto;
  color: var(--blue-dark);
  text-decoration: none;
}

.mentions-l-gales-section {
  margin-top: 60px;
  margin-bottom: 60px;
}

.footer-p-italic {
  font-family: var(--color--font-family--dm-serif-text-italic);
  font-size: 16px;
}

.services-btn {
  background-color: var(--blue-light);
  color: var(--blue-dark);
  text-transform: uppercase;
  border: 1px #000;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}

.services-btn:hover {
  background-color: var(--blue-dark);
  color: var(--color--white);
  -webkit-text-stroke-color: var(--blue-light);
  font-weight: 500;
}

.form-btn {
  border: 1px none var(--blue-dark);
  background-color: var(--blue-dark);
  text-transform: uppercase;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.form-btn:hover {
  border-style: none;
  border-color: var(--blue-dark);
  background-color: var(--color--white);
  color: var(--blue-dark);
  font-weight: 600;
}

.form-btn.common-button:hover {
  border-style: solid;
  border-color: var(--blue-dark);
}

.politique-conf {
  margin-top: 60px;
  margin-bottom: 60px;
}

.text-block-2 {
  font-family: var(--color--font-family--poppins);
  margin-left: 100px;
  margin-right: 100px;
  font-size: 16px;
  font-weight: 400;
}

.bold-text-7 {
  color: var(--blue-dark);
}

.bold-text-8 {
  font-family: var(--color--font-family--poppins);
  color: var(--blue-dark);
}

.bold-text-9, .bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13 {
  color: var(--blue-dark);
}

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

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

.section-accueil {
  margin-top: 0;
  margin-left: 0;
  margin-right: 40px;
}

.code-embed {
  margin-top: 200px;
}

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

@media screen and (max-width: 991px) {
  .navbar {
    padding-bottom: 10px;
  }

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

  .nav-button-link.mobile-none {
    display: none;
  }

  .common-button {
    vertical-align: baseline;
    display: inline-block;
  }

  .nav-link {
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .nav-link.mobile-show {
    display: block;
  }

  .hero-section {
    padding-top: 100px;
  }

  .hero-row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 20px;
  }

  .hero-detail-div {
    margin-left: 20px;
    margin-right: 20px;
  }

  .h5-heading.sub-heading {
    text-decoration: none;
  }

  .h5-heading.contact-text, .h5-heading.services-details-h5 {
    font-size: 18px;
  }

  .h1-heading {
    font-size: 50px;
    line-height: 115%;
  }

  .hero-image.imgdesktop {
    margin-left: 0;
    margin-right: 0;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.padding-top {
    margin-bottom: 50px;
  }

  .section.newsletter-section {
    margin-top: 0;
    padding-top: 0;
  }

  .about-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .about-image-div {
    text-align: center;
    margin-bottom: 40px;
  }

  .about-image {
    width: 80%;
  }

  .about-image.img2desktop {
    display: none;
  }

  .about-image.img2tablet {
    width: 100%;
    max-width: 50%;
    margin-left: 165px;
    margin-right: auto;
    display: block;
  }

  .common-heading-div {
    margin-left: 0;
    margin-right: 0;
  }

  .h2-heading {
    font-size: 44px;
  }

  .paragraph {
    margin-top: 20px;
  }

  .paragraph.agenda-paragraph {
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph.footer-link {
    color: var(--color--black);
  }

  .paragraph.template-paragraph {
    max-width: 500px;
  }

  .paragraph.paramobilemail {
    display: block;
  }

  .paragraph.paradesktopemail {
    display: none;
  }

  .service-grid {
    grid-column-gap: 16px;
  }

  .h4-heading.service-heading {
    margin-bottom: 18px;
  }

  .h4-heading.footer-heading {
    color: var(--color--black);
  }

  .service-top-image {
    width: 50%;
    top: -22%;
    left: -25%;
  }

  .service-top-image.service-bottom-image {
    width: 50%;
    bottom: -28%;
    right: -26%;
  }

  .why-choose-us-row {
    flex-flow: wrap-reverse;
    display: flex;
  }

  .why-choose-us-row.wcudesktop {
    display: none;
  }

  .why-choose-us-row.wcutablet {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }

  .why-choose-us-image-div {
    text-align: center;
    margin-top: 40px;
  }

  .why-choose-us-image {
    width: 80%;
  }

  .why-choose-us-image.img3desktop {
    display: none;
  }

  .why-choose-us-image.img3tablet {
    width: 100%;
    max-width: 50%;
    margin-left: 165px;
    display: block;
  }

  .why-choose-us-image.img3tableth {
    display: none;
  }

  .why-choose-us-grid, .why-choose-us-detail-div {
    margin-left: 0;
    margin-right: 0;
  }

  .services-details-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .services-card.accompadding {
    padding-bottom: 135px;
  }

  .agenda-grid {
    grid-column-gap: 16px;
  }

  .newsletter-image {
    margin-top: -120px;
  }

  .newsletter-form {
    width: 100%;
  }

  .trainer-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .contact-row {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .contact-icon-div {
    background-color: var(--color--white);
  }

  .contact-card {
    margin-left: 0;
    padding: 30px 15px;
  }

  .field-label {
    font-size: 16px;
  }

  .footer-grid {
    grid-column-gap: 16px;
    grid-row-gap: 29px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .75fr .75fr;
  }

  .template-hero-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .template-detail {
    margin-bottom: 50px;
  }

  .color-palette {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .nav-menu {
    background-color: var(--color--white);
    margin-right: 0;
  }

  .menu-button {
    background-color: var(--color--white);
    color: var(--blue-dark);
    border-radius: 5px;
    padding: 12px;
  }

  .menu-button:hover {
    background-color: var(--blue-light);
  }

  .menu-button.w--open {
    background-color: var(--color--blue-lightparagus);
  }

  .menu-button-2 {
    background-color: var(--color--white);
    color: var(--blue-dark);
    border-radius: 5px;
    padding: 12px;
  }

  .menu-button-2:hover {
    background-color: var(--blue-light);
  }

  .menu-button-2.w--open {
    background-color: #c5e4ee;
  }

  .navbar-2 {
    padding-bottom: 10px;
  }

  .nav-menu-2 {
    background-color: #fff;
  }

  .nav-link-2 {
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .nav-link-2.mobile-show {
    display: block;
  }

  .h2-heading-2 {
    font-size: 44px;
  }

  .h4-heading-2.service-heading {
    margin-bottom: 18px;
  }

  .text-block {
    margin-left: 40px;
    margin-right: 40px;
  }

  .footer-p-italic {
    color: var(--color--black);
    font-size: 16px;
  }

  .text-block-2 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .section-accueil {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-right: 40px;
  }

  .common-button {
    margin-top: 20px;
  }

  .hero-section {
    padding-top: 110px;
  }

  .hero-row {
    flex-flow: column;
  }

  .hero-image-div {
    margin-top: 30px;
  }

  .hero-image.imgdesktop {
    width: 100%;
    max-width: 100%;
    margin-top: 60px;
    margin-left: 0;
  }

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

  .section.newsletter-section {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-grid {
    grid-template-rows: auto;
  }

  .about-image.img2tablet {
    display: none;
  }

  .about-image.img2tableth {
    border-radius: 10px;
    margin-left: 39px;
    display: block;
  }

  .h2-heading {
    font-size: 36px;
  }

  .paragraph.footer-link {
    margin-bottom: 5px;
  }

  .paragraph.paramobilemail {
    display: none;
  }

  .paragraph.paradesktopemail {
    display: block;
  }

  .about-line {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .service-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .h4-heading.footer-heading {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .why-choose-us-image.img3tablet {
    display: none;
  }

  .why-choose-us-image.img3tableth {
    border-radius: 10px;
    width: 100%;
    max-width: 85%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 25px;
    display: block;
  }

  .why-choose-us-grid {
    grid-column-gap: 16px;
    grid-row-gap: 29px;
  }

  .services-details-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .services-card.accompadding {
    padding-bottom: 20px;
  }

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

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

  .newsletter-image {
    margin-top: 0;
  }

  .contact-row {
    flex-flow: column;
  }

  .contact-div {
    width: 100%;
    margin-top: 20px;
  }

  .contact-card {
    margin-top: 30px;
  }

  .footer-grid {
    grid-template-columns: 1fr .75fr;
  }

  .template-hero-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .template-detail {
    margin-bottom: 40px;
  }

  .template-detail-div {
    padding: 20px;
  }

  .template-detail-box {
    grid-row-gap: 10px;
    text-align: center;
    flex-flow: column;
  }

  .style-guide-div {
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .style-guide-div.color-palette-div {
    padding: 15px;
  }

  .color-palette {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .menu-button {
    background-color: var(--color--white);
  }

  .menu-button:hover {
    background-color: var(--blue-light);
  }

  .icon {
    color: var(--blue-dark);
  }

  .common-button-2 {
    margin-top: 20px;
  }

  .h2-heading-2 {
    font-size: 36px;
  }

  .footer-p-italic {
    text-align: left;
    font-size: 16px;
  }

  .services-btn {
    margin-top: 20px;
  }

  .section-accueil {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .container {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .common-button {
    text-align: center;
    margin-top: auto;
    margin-bottom: 0;
    padding-left: 15px;
    position: static;
  }

  .common-button.newsletter-button {
    border-radius: 10px;
    margin-top: 10px;
    position: static;
  }

  .nav-link.mobile-show {
    display: none;
  }

  .hero-row {
    margin-top: 0;
    padding-right: 0;
  }

  .hero-col {
    order: 0;
    align-self: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .hero-detail-div {
    margin-left: 20px;
    margin-right: 20px;
  }

  .h5-heading {
    font-size: 18px;
  }

  .h5-heading.sub-heading {
    font-size: 18px;
    text-decoration: none;
  }

  .h1-heading {
    margin-top: 10px;
    font-size: 36px;
  }

  .large-paragraph {
    font-size: 18px;
  }

  .hero-button-div {
    grid-row-gap: 15px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .hero-image-div {
    margin-top: 20px;
    display: block;
  }

  .hero-image {
    vertical-align: baseline;
    display: inline-block;
    position: relative;
  }

  .hero-image.imgmobile {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    max-width: 100%;
    max-height: 360px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-image.imgdesktop {
    display: none;
  }

  .section {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .section.padding-top {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.newsletter-section {
    padding-bottom: 40px;
  }

  .about-grid {
    grid-template-rows: auto;
  }

  .about-div.aboutdivmobile, .about-image.img2desktop {
    display: none;
  }

  .about-image.img2mobile {
    text-align: center;
    border-radius: 10px;
    width: 100%;
    display: block;
  }

  .about-image.img2tablet, .about-image.img2tableth {
    display: none;
  }

  .common-heading-div {
    margin-left: 20px;
    margin-right: 20px;
  }

  .common-heading-div.text-center {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .common-heading-div.pourquoi-moi-div {
    margin-left: 0;
    margin-right: 0;
  }

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

  .paragraph {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .paragraph.center-paragraph {
    text-align: left;
  }

  .paragraph.footer-link {
    text-align: center;
  }

  .paragraph.footer-link:hover {
    color: var(--blue-dark);
  }

  .paragraph.paramobilemail {
    display: block;
  }

  .paragraph.paradesktopemail {
    display: none;
  }

  .about-line {
    background-color: var(--blue-light);
  }

  .about-inner-grid {
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: .95fr;
    margin-bottom: 15px;
  }

  .about-inner-div.border-right {
    border-bottom: 1px solid var(--color--blue-lightparagus);
    border-right-width: 0;
    padding-bottom: 10px;
  }

  .about-card {
    padding-right: 0;
  }

  .about-heading-div {
    grid-column-gap: 10px;
  }

  .bg-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .service-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .h4-heading {
    font-size: 22px;
  }

  .h4-heading.service-heading {
    margin-bottom: 12px;
  }

  .h4-heading.footer-heading {
    text-align: center;
    margin-bottom: 15px;
    font-size: 19px;
  }

  .why-choose-us-col {
    padding-left: 0;
    padding-right: 0;
  }

  .why-choose-us-image {
    width: 100%;
  }

  .why-choose-us-image.img3desktop {
    display: none;
  }

  .why-choose-us-image.img3mobile {
    border-radius: 10px;
    margin-bottom: 20px;
    display: block;
  }

  .why-choose-us-image.img3tablet, .why-choose-us-image.img3tableth {
    display: none;
  }

  .why-choose-us-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-right: 0;
  }

  .why-choose-us-card {
    margin-left: 0;
    margin-right: 0;
  }

  .why-choose-us-detail-div {
    margin-top: 30px;
    margin-bottom: 60px;
    margin-right: 0;
  }

  .services-details-grid {
    grid-template-rows: auto auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .services-card {
    margin-right: 0;
  }

  .services-card.accompadding {
    padding-bottom: 20px;
  }

  .h3-heading {
    font-size: 26px;
  }

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

  .contact-col {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-icon {
    max-width: 100%;
  }

  .contact-card {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact-grid {
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .field-label.textarea-field {
    margin-top: 15px;
  }

  .footer {
    margin-top: 20px;
  }

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

  .footer-image-link {
    margin-bottom: 15px;
  }

  .footer-image {
    text-align: left;
  }

  .social-media-div {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

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

  .template-hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .template-detail {
    margin-bottom: 30px;
  }

  .template-detail-div {
    margin-top: 15px;
  }

  .style-guide-button-div {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .nav-menu {
    background-color: var(--color--white);
    width: 100%;
    height: auto;
  }

  .menu-button {
    background-color: var(--color--white);
  }

  .menu-button:hover, .icon {
    color: var(--blue-dark);
  }

  .menu-button-2 {
    background-color: #fff;
  }

  .menu-button-2:hover {
    background-color: var(--blue-light);
    color: #1f3462;
  }

  .nav-link-2.mobile-show {
    display: none;
  }

  .common-button-2 {
    text-align: center;
    padding-left: 25px;
    position: static;
  }

  .icon-2 {
    color: #1f3462;
  }

  .paragraph-2 {
    font-size: 16px;
  }

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

  .h4-heading-2 {
    font-size: 22px;
  }

  .h4-heading-2.service-heading {
    margin-bottom: 12px;
  }

  .bg-section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .h5-heading-2, .h5-heading-2.sub-heading {
    font-size: 18px;
  }

  .text-block {
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer-p-italic {
    font-family: var(--color--font-family--dm-serif-text-italic);
    text-align: center;
  }

  .services-btn {
    margin-top: auto;
    padding-top: 10px;
  }

  .text-block-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .section-accueil {
    margin-left: 0;
    margin-right: 0;
  }

  .code-embed {
    margin-top: 60px;
  }
}


@font-face {
  font-family: 'DM Serif Text Regular';
  src: url('../fonts/DMSerifText-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Serif Text Italic';
  src: url('../fonts/DMSerifText-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}