@font-face {

    font-family: "Poppins";

    src: url("/assets/fonts/Poppins/Poppins-Regular.ttf") format("truetype");

    font-weight: 400;

    font-style: normal;

  }

  @font-face {

    font-family: "Poppins";

    src: url("/assets/fonts/Poppins/Poppins-Bold.ttf") format("truetype");

    font-weight: 700;

    font-style: normal;

  }

  @font-face {

    font-family: "Poppins";

    src: url("/assets/fonts/Poppins/Poppins-Light.ttf") format("truetype");

    font-weight: 300;

    font-style: normal;

  }

  @font-face {

    font-family: "Poppins";

    src: url("/assets/fonts/Poppins/Poppins-Medium.ttf") format("truetype");

    font-weight: 500;

    font-style: normal;

  }

  @font-face {

    font-family: "Poppins";

    src: url("/assets/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");

    font-weight: 600;

    font-style: normal;

  }

  @font-face {

    font-family: "Inter";

    src: url("/assets/fonts/Inter/static/Inter-Regular.ttf") format("truetype");

    font-weight: 400;

    font-style: normal;

  }

  @font-face {

    font-family: "Inter";

    src: url("/assets/fonts/Inter/static/Inter-Bold.ttf") format("truetype");

    font-weight: 700;

    font-style: normal;

  }

  @font-face {

    font-family: "Inter";

    src: url("/assets/fonts/Inter/static/Inter-Light.ttf") format("truetype");

    font-weight: 300;

    font-style: normal;

  }

  @font-face {

    font-family: "Inter";

    src: url("/assets/fonts/Inter/static/Inter-Medium.ttf") format("truetype");

    font-weight: 500;

    font-style: normal;

  }

  * {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

  }

  

  body {

    font-size: 18px;

    font-weight: 300;

    color: #222222;

    font-family: "Poppins";

  }

  

  .btn {

    box-sizing: border-box;

    padding: 8px 16px;

    font-weight: 700;

    font-size: 18px;

    cursor: pointer;

    border-radius: 4px;

    text-decoration: none;

    flex-shrink: 0;

    text-align: center;

    transition: all 0.3s ease;

    font-family: "Inter" !important;

  }

  

  .btn-primary {

    background-color: #E70046;

    color: white;

    border: 1px solid #E70046;

    min-width: 135px;

  }

  .btn-primary:hover {

    background-color: white;

    color: #E70046;

  }

  

  .btn-primary-2 {

    background-color: #DD2656;

    color: white;

    border: 1px solid #DD2656;

    min-width: 135px;

  }

  .btn-primary-2:hover {

    background-color: white;

    color: #DD2656;

  }

  

  .btn-outline-action {

    background-color: transparent;

    color: #3C7DB4;

    border: 1px solid #3C7DB4;

  }

  .btn-outline-action:hover {

    background-color: #3C7DB4;

    color: white;

  }

  

  header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

    display: flex;

    justify-content: center;

    background: white;

    height: auto;

  }

  .header__burger 

  {

    display: none;

  }

  .header__burger  .burger {

    position: relative;

    width: 40px;

    height: 30px;

    background: transparent;

    cursor: pointer;

    display: block;



    transform: scale(0.9);



    top: 0;

    left: 0;

  }

  

  .header__burger  .burger input {

    display: none;

  }

  

  .header__burger  .burger span {

    display: block;

    position: absolute;

    height: 4px;

    width: 100%;

    background: black;

    border-radius: 9px;

    opacity: 1;

    left: 0;

    transform: rotate(0deg);

    transition: .25s ease-in-out;

  }

  

  .header__burger  .burger span:nth-of-type(1) {

    top: 0px;

    transform-origin: left center;

  }

  

  .header__burger  .burger span:nth-of-type(2) {

    top: 50%;

    transform: translateY(-50%);

    transform-origin: left center;

  }

  

  .header__burger  .burger span:nth-of-type(3) {

    top: 100%;

    transform-origin: left center;

    transform: translateY(-100%);

  }

  

  .header__burger  .burger input:checked ~ span:nth-of-type(1) {

    transform: rotate(45deg);

    top: 0px;

    left: 5px;

  }

  

  .header__burger  .burger input:checked ~ span:nth-of-type(2) {

    width: 0%;

    opacity: 0;

  }

  

  .header__burger  .burger input:checked ~ span:nth-of-type(3) {

    transform: rotate(-45deg);

    top: 28px;

    left: 5px;

  }



  .mobile__header

  {

    display: none;

  }



  @media (max-width: 600px) {



    header .header__list 

    {

      display: none !important;

    }

    header .header__buttons 

    {

      display: none !important;

    }

    .header__burger 

    {

      display: flex;

      align-items:center;

      justify-content: center;



    }





    .mobile__header.active 

    {

      

    }



    .mobile__header

    {

      height: calc(100vh - 72px);

      position: fixed;

      top: 72px;

      background-color: white;



      transition: 0.3s ease;

      

      z-index: 999;

    }

    

    .mobile__header .header__container 

    {

      position: relative;

      top: 0;

      bottom: 0;

      right: 0;

      left: 0;

      background-color: white;

      

      gap: 40px;

      height: calc(100vh - 72px);

      display: flex;

      flex-direction: column;

      padding: 20px;

      box-sizing: border-box;

    }



    .mobile__header .header__cover

    {

      content: "";

      position: absolute;

      top: 0;

      left: 0;

      width: 100vw;

      height: 100vh;



      z-index: -1;



      background-color: rgba(0, 0, 0, 0.4);

    }



    .mobile__header .header__list

    {

      display: flex;

      flex-direction: column;

      gap: 12px;

    }



    .mobile__header .header__list li 

    {

      list-style: none;

      font-size: 16px;

      color: #003B71 !important;

      font-weight: 500;



      text-align: center;



    }



    .mobile__header .header__list li a 

    {

      text-decoration: none;

      color: #003B71;

    }



    .mobile__header .header__list li.active a 

    {

      color: #E70046 !important;

    }



    .mobile__header .header__buttons 

    {

      display: flex;

      flex-direction: column ;

      gap: 12px;

    }



    

    



  }

  header::before {

    content: "";

    position: absolute;

    width: 100%;

    bottom: 0;

    height: 1px;

    background-color: rgba(32, 32, 32, 0.12);

  }

  header .header__wrapper {

    width: 100%;

    margin: 0 20px;

    box-sizing: border-box;

    max-width: 1200px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 80px;

  }

  header .header__wrapper .header__list {

    display: flex;

    align-items: center;

    gap: 25px;

  }

  

  header .header__wrapper .header__list .header__list__item {

    list-style: none;

  }

  header .header__wrapper .header__list .header__list__item a {

    font-size: 16px;

    color: #163C67;

    font-weight: 600;

    text-decoration: none;

  }

  header .header__wrapper .header__list .header__list__item.active a{

    color: #E70046;

  }

  header .header__wrapper .header__list .header__list__item a:hover {

    color: #E70046;

  }

  header .header__wrapper .header__buttons {

    display: flex;

    align-items: center;

    gap: 20px;

  }



  header .header__wrapper .header__logo svg{

      width: 300px

  }

  

  .dummy-header {

    position: relative;

    width: 100%;

    height: 76px;

  }

  

  .comment-repondre {

    display: flex;

    align-items: center;

    flex-direction: column;

    padding-bottom: 100px;

  }

  .comment-repondre section.guides {

    display: flex;

    justify-content: space-between;

    width: 100%;

    max-width: 1200px;

    margin: 0 20px;

    margin-top: 94px;

    gap: 86px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.guides {

      flex-direction: column;

      gap: 40px;

      padding: 0 24px;

      box-sizing: border-box;

    }

  }

  .comment-repondre section.guides .guides__content {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding-bottom: 4px;

    flex: 1;

  }

  .comment-repondre section.guides .guides__content .guides__text {

    display: flex;

    flex-direction: column;

  }

  .comment-repondre section.guides .guides__content .guides__text .guides__title {

    font-size: 52px;

    color: #DD2656;

    font-weight: 700;

    margin-bottom: 28px;

    line-height: 1;

  }

  .comment-repondre section.guides .guides__content .guides__text .guides__subtitle {

    font-size: 32px;

    font-weight: 700;

    color: #163C67;

    line-height: 1;

    margin-bottom: 34px;

  }

  .comment-repondre section.guides .guides__content .guides__text .guides__description strong {

    font-weight: 700;

  }

  .comment-repondre section.guides .guides__content span .btn {

    min-width: 135px;

    border-radius: 7px;

    font-size: 18px;

    display: inline-flex;

    justify-content: center;

    margin-top: 5px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.guides .guides__content span .btn {

      margin-top: 24px;

    }

  }

  .comment-repondre section.guides .guides__image {

    height: 420px;

  }

  .comment-repondre section.guides .guides__image img {

    width: 596px;

    height: 100%;

    object-fit: cover;

  }

  @media (max-width: 600px) {

    .comment-repondre section.guides .guides__image img {

      width: 100%;

    }

  }

  .comment-repondre section.find {

    display: flex;

    justify-content: space-between;

    width: 100%;

    max-width: 1200px;

    position: relative;

    margin: 0 20px;

    margin-top: 94px;

    gap: 40px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.find {

      flex-direction: column-reverse;

      padding: 0 24px;

      box-sizing: border-box;

    }

  }

  .comment-repondre section.find .find__content {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    flex: 1;

  }

  .comment-repondre section.find .find__content .find__text {

    display: flex;

    flex-direction: column;

    position: relative;

  }

  .comment-repondre section.find .find__content .find__text .find__subtitle {

    font-size: 32px;

    font-weight: 700;

    color: #163C67;

    line-height: 1;

    margin-bottom: 14px;

  }

  .comment-repondre section.find .find__content .find__text .find__description strong {

    font-weight: 700;

  }

  .comment-repondre section.find .find__content .find__text .find__cards {

    position: absolute;

    right: 0;

    top: calc(100% + 26px);

    display: flex;

    justify-content: space-between;

    gap: 30px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.find .find__content .find__text .find__cards {

      position: relative;

      top: 20px;

      flex-direction: column;

      gap: 20px;

    }

  }

  .comment-repondre section.find .find__content .find__text .find__cards .find__card {

    background-color: white;

    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 14px;

    box-sizing: border-box;

    padding: 14px 44px 26px;

    text-align: center;

    font-weight: bold;

    font-size: 18px;

    white-space: nowrap;

    color: black;

  }

  .comment-repondre section.find .find__content .find__text .find__cards .find__card .btn {

    min-width: 135px;

    border-radius: 7px;

    font-size: 18px;

    flex: 0 1 auto;

    font-family: "Poppins";

  }

  .comment-repondre section.find .find__image{

    height: 460px;

  }

  .comment-repondre section.find .find__image img {

    width: 723px;

    height: 100%;

    object-fit: cover;

  }

  @media (max-width: 600px) {

    .comment-repondre section.find .find__image img {

      width: 100%;

    }

  }

  .comment-repondre section.answer {

    width: 100%;

    background-color: #F5F5F5;

    border-top-left-radius: 140px;

    margin-top: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

  }

  .comment-repondre section.answer .answer__wrapper {

    margin: 62px 20px;

    width: 100%;

    max-width: 1200px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    gap: 120px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.answer .answer__wrapper {

      flex-direction: column;

      gap: 40px;

      margin: 120px 24px;

    }

  }

  .comment-repondre section.answer .answer__wrapper .answer__text {

    display: flex;

    flex-direction: column;

    gap: 20px;

  }

  .comment-repondre section.answer .answer__wrapper .answer__text .answer__subtitle {

    font-size: 32px;

    font-weight: 700;

    color: #163C67;

    line-height: 1;

    margin-bottom: 14px;

  }

  .comment-repondre section.answer .answer__wrapper .answer__text strong {

    font-weight: 700;

  }

  .comment-repondre section.answer .answer__wrapper .answer__cards {

    display: flex;

    align-items: center;

    gap: 46px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.answer .answer__wrapper .answer__cards {

      flex-direction: column;

      gap: 40px;

    }

  }

  .comment-repondre section.answer .answer__wrapper .answer__cards .answer__column {

    display: flex;

    flex-direction: column;

    gap: 32px;

  }

  .comment-repondre section.answer .answer__wrapper .answer__cards .answer__card {

    background-color: white;

    border-radius: 24px;

    box-sizing: border-box;

    padding: 46px 16px 40px 24px;

    box-shadow: 0px 16px 40px 10px rgba(59, 83, 107, 0.08);

    display: flex;

    flex-direction: column;

    gap: 14px;

    width: 355px;

    position: relative;

    z-index: 1;

  }

  .comment-repondre section.answer .answer__wrapper .answer__cards .answer__card .card__title {

    font-size: 48px;

    font-weight: bold;

    color: #DD2656;

    line-height: 1;

  }

  .comment-repondre section.answer .answer__wrapper .answer__cards .answer__card .card__content {

    width: 100%;

    display: flex;

    gap: 8px;

    line-height: 1.4;

  }

  .comment-repondre section.answer .answer__wrapper .answer__cards .answer__card .card__content strong {

    font-weight: 700;

  }

  .comment-repondre section.answer .answer__wrapper .answer__cards .answer__card .card__content a {

    color: #E70046;

    text-decoration: underline;

    font-weight: bold;

  }

  .comment-repondre section.answer .answer__wrapper .answer__cards .answer__card .card__content .card__bar {

    height: 1px;

    width: 30px;

    flex-shrink: 0;

    background-color: #E70046;

    margin-top: 13px;

  }

  .comment-repondre section.answer .answer__wrapper .answer__circle {

    position: absolute;

    top: 20px;

    bottom: 0;

    left: 50%;

    aspect-ratio: 1/1;

    background-color: rgba(217, 217, 217, 0.29);

    transform: scale(1.2);

    z-index: 0;

    border-radius: 50%;

    outline: 43px solid rgba(217, 217, 217, 0.15);

  }

  .comment-repondre section.charte {

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #E70046;

    width: 100%;

    border-bottom-right-radius: 140px;

  }

  .comment-repondre section.charte .charte__wrapper {

    width: 100%;

    max-width: 950px;

    margin: 60px 20px 145px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 150px;

    transform: translateX(-4vw);

  }

  @media (max-width: 600px) {

    .comment-repondre section.charte .charte__wrapper {

      flex-direction: column;

      gap: 40px;

      margin: 0;

      padding: 120px 24px;

      transform: none;

      align-items: flex-start;

    }

  }

  .comment-repondre section.charte .charte__wrapper .charte__title {

    font-size: 52px;

    color: white;

    font-weight: 700;

    padding-left: 26px;

    line-height: 1;

    border-left: 3px solid white;

    flex-shrink: 0;

  }

  @media (max-width: 600px) {

    .comment-repondre section.charte .charte__wrapper .charte__title {

      padding-left: 0;

      border-left: none;

      margin-bottom: 20px;

      font-size: 42px;

      border-bottom: 1px solid white;

      padding-bottom: 26px;

    }

  }

  .comment-repondre section.charte .charte__wrapper .charte__description {

    color: white;

    font-size: 16px;

  }

  .comment-repondre section.charte .charte__wrapper .charte__description strong {

    font-weight: 700;

  }

  .comment-repondre section.cadre {

    width: 100%;

    max-width: 1200px;

    margin: 0 20px;

    transform: translateY(-90px);

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 120px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.cadre {

      flex-direction: column;

      gap: 40px;

      padding: 0 24px;

      box-sizing: border-box;

      transform: none;

      margin-top: 90px;

    }

  }

  .comment-repondre section.cadre .cadre__content

  {

    margin-bottom: 12px;

  }

  .comment-repondre section.cadre .cadre__content .cadre__subtitle {

    font-size: 32px;

    font-weight: 700;

    color: #163C67;

    line-height: 1;

    margin-bottom: 34px;

  }

  .comment-repondre section.cadre .cadre__content .cadre__description strong {

    font-weight: 700;

  }

  .comment-repondre section.cadre .cadre__image {

    position: relative;

    flex-shrink: 0;

    height: 480px;

  }

  .comment-repondre section.cadre .cadre__image .cadre__hammer {

    position: absolute;

    bottom: -14px;

    left: 0;

    transform: translateX(-75%);

  }

  @media (max-width: 600px) {

    .comment-repondre section.cadre .cadre__image .cadre__hammer {

      display: none;

    }

  }

  .comment-repondre section.cadre .cadre__image img {

    width: 650px;

    object-fit: cover;

    height: 100%;

  }

  @media (max-width: 600px) {

    .comment-repondre section.cadre .cadre__image img {

      width: 100%;

    }

  }

  .comment-repondre section.signataire {

    display: flex;

    justify-content: space-between;

    width: 100%;

    max-width: 1200px;

    margin: 0 20px;

    margin-top: 94px;

    gap: 67px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.signataire {

      flex-direction: column-reverse;

      gap: 40px;

      padding: 0 24px;

      box-sizing: border-box;

    }

  }

  .comment-repondre section.signataire .signataire__content {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding-bottom: 4px;

    padding-top: 26px;

    flex: 1;

  }

  .comment-repondre section.signataire .signataire__content .signataire__text {

    display: flex;

    flex-direction: column;

  }

  .comment-repondre section.signataire .signataire__content .signataire__text .signataire__subtitle {

    font-size: 32px;

    font-weight: 700;

    color: #163C67;

    line-height: 1;

    margin-bottom: 30px;

  }

  .comment-repondre section.signataire .signataire__content .signataire__text .signataire__description {

    line-height: 1.35;

  }

  .comment-repondre section.signataire .signataire__content .signataire__text .signataire__description strong {

    font-weight: 700;

  }

  .comment-repondre section.signataire .signataire__content span .btn {

    min-width: 135px;

    border-radius: 7px;

    font-size: 18px;

    display: inline-flex;

    justify-content: center;

    margin-top: 5px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.signataire .signataire__content span .btn {

      margin-top: 24px;

    }

  }

  .comment-repondre section.signataire .signataire__image  {

    display: flex;

    height: 620px;

  }

  .comment-repondre section.signataire .signataire__image img {

    width: 603px;

    object-fit: cover;

  }

  @media (max-width: 600px) {

    .comment-repondre section.signataire .signataire__image img {

      width: 100%;

    }

  }

  .comment-repondre section.engagements {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    max-width: 1200px;

    margin: 0 20px;

    margin-top: 94px;

    gap: 70px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.engagements {

      flex-direction: column;

      gap: 40px;

      padding: 0 24px;

      box-sizing: border-box;

    }

  }

  .comment-repondre section.engagements .engagements__content {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    flex: 1;

  }

  .comment-repondre section.engagements .engagements__content .engagements__text {

    display: flex;

    flex-direction: column;

  }

  .comment-repondre section.engagements .engagements__content .engagements__text .engagements__subtitle {

    font-size: 32px;

    font-weight: 700;

    color: #163C67;

    line-height: 1;

    margin-bottom: 34px;

  }

  .comment-repondre section.engagements .engagements__content .engagements__text .engagements__description {

    line-height: 1.5;

    margin-bottom: 28px;

  }

  .comment-repondre section.engagements .engagements__content .engagements__text .engagements__description strong {

    font-weight: 700;

  }

  .comment-repondre section.engagements .engagements__content .engagements__text span .btn {

    min-width: 135px;

    border-radius: 7px;

    font-size: 18px;

    display: inline-flex;

    justify-content: center;

  }

  .comment-repondre section.engagements .engagements__image img {

    width: 657px;

  }

  @media (max-width: 600px) {

    .comment-repondre section.engagements .engagements__image img {

      width: 100%;

    }

  }

  

  .offres {

    background: linear-gradient(180deg, #FFF 6.49%, #F2F1F1 100%);

    display: flex;

    align-items: center;

    flex-direction: column;

    padding: 0 24px 100px 24px;

    box-sizing: border-box;

  }

  .offres section.title {

    display: flex;

    width: 100%;

    max-width: 1200px;

    flex-direction: column;

    align-items: center;

    margin: 70px 0;

    gap: 16px;

  }

  .offres section.title h1.title {

    font-size: 52px;

    font-weight: 700;

    line-height: 55px;

    color: #163C67;

  }

  @media (max-width: 600px) {

    .offres section.title h1.title {

      font-size: 36px;

      line-height: 40px;

      text-align: center;

    }

  }

  .offres section.title h2.subtitle {

    font-size: 18px;

    font-weight: 400;

    line-height: 23px;

    color: #626B9D;

    text-align: center;

    width: 500px;

  }

  @media (max-width: 600px) {

    .offres section.title h2.subtitle {

      font-size: 16px;

      line-height: 20px;

      width: 100%;

    }

  }

  .offres section.content {

    position: relative;

    display: flex;

    width: 100%;

    max-width: 1200px;

    gap: 60px;

  }

  @media (max-width: 600px) {

    .offres section.content {

      flex-direction: column;

      gap: 40px;

    }

  }

  .offres section.content nav.filtres {

    width: 380px;

    height: 100%;

    border-radius: 24px;

    background-color: white;

    outline: 2px solid #EDEEF3;

    display: flex;

    flex-direction: column;

    gap: 36px;

    flex-shrink: 0;

    position: sticky;

    top: 100px;

  }

  @media (max-width: 600px) {

    .offres section.content nav.filtres {

      width: 100%;

      gap: 24px;

      position: relative;

      top: 0;

    }

  }

  .offres section.content nav.filtres .title {

    width: 100%;

    border-bottom: 2px solid #EDEEF3;

    box-sizing: border-box;

    padding: 18px 24px 10px 54px;

    display: flex;

    gap: 20px;

    align-items: center;

    position: relative;

  }

  @media (max-width: 600px) {

    .offres section.content nav.filtres .title {

      padding: 18px 24px 10px 24px;

    }

  }

  .offres section.content nav.filtres .title h3 {

    font-size: 28px;

    color: #DD2656;

    font-weight: bold;

  }

  .offres section.content nav.filtres .title .filtre__expand {

    position: absolute;

    top: 50%;

    transform: translateY(-50%) scale(1.4);

    right: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: transform 0.3s ease;

  }

  .offres section.content nav.filtres .title .filtre__expand.expanded {

    transform: translateY(-50%) scale(1.4) rotate(90deg);

  }

  @media (max-width: 600px) {

    .offres section.content nav.filtres .title .filtre__expand {

      right: 14px;

    }

  }

  .offres section.content nav.filtres .content {

    width: 100%;

    box-sizing: border-box;

    padding: 20px 20px 46px 34px;

    display: flex;

    flex-direction: column;

    gap: 38px;

  }

  @media (max-width: 600px) {

    .offres section.content nav.filtres .content {

      padding: 20px 14px 46px 14px;

      gap: 24px;

    }

  }

  .offres section.content nav.filtres .content .content__wrapper {

    display: flex;

    flex-direction: column;

  }

  .offres section.content nav.filtres .content .content__wrapper h4.title {

    width: 100%;

    border-bottom: 1px solid #DAE1E8;

    display: flex;

    gap: 12px;

    align-items: center;

    box-sizing: border-box;

    padding: 6px 2px;

    color: #808C9D;

    font-weight: 600;

    font-size: 16px;

  }

  .offres section.content nav.filtres .content .content__wrapper ul {

    width: 100%;

    height: 0;

    opacity: 0;

    visibility: hidden;

  }

  .offres section.content nav.filtres .content .content__wrapper ul.expanded {

    height: auto;

    opacity: 1;

    visibility: visible;

  }

  .offres section.content nav.filtres .content .content__wrapper ul li {

    position: relative;

    list-style-type: none;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-direction: row-reverse;

    box-sizing: border-box;

    padding: 18px 21px 18px 0;

    gap: 22px;

    cursor: pointer;

  }

  @media (max-width: 600px) {

    .offres section.content nav.filtres .content .content__wrapper ul li {

      padding: 12px 14px;

    }

  }

  .offres section.content nav.filtres .content .content__wrapper ul li.active::before {

    background-color: #ECF0F5;

  }

  .offres section.content nav.filtres .content .content__wrapper ul li::before {

    content: "";

    position: absolute;

    top: 0;

    left: -20px;

    right: 0;

    bottom: 0;

    z-index: -1;

    border-radius: 7px;

    transition: 0.3s ease;

  }

  .offres section.content nav.filtres .content .content__wrapper ul li label {

    font-size: 14px;

    color: #363944;

    font-weight: 300;

  }

  .offres section.content nav.filtres .content .content__wrapper ul li input {

    width: 18px;

    height: 18px;

    border-radius: 2px;

    border: 2px solid rgba(16, 49, 120, 0.19);

    appearance: none;

    cursor: pointer;

    pointer-events: none;

  }

  .offres section.content nav.filtres .content .content__wrapper ul li input:checked {

    background-color: #E70046;

    border: none;

  }

  .offres section.content nav.filtres .content .content__wrapper ul li input:checked + label {

    font-weight: 500;

  }

  .offres section.content .offres__container {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 34px;

  }

  @media (max-width: 600px) {

    .offres section.content .offres__container {

      gap: 24px;

    }

  }

  .offres section.content .offres__container .offre {

    background-color: white;

    border-radius: 24px;

    box-shadow: 0px 4px 31px 0px rgba(0, 0, 0, 0.06);

    box-sizing: border-box;

    padding: 14px 0px 18px;

    display: flex;

    flex-direction: column;

  }

  @media (max-width: 600px) {

    .offres section.content .offres__container .offre {

      padding: 14px 0px;

    }

  }

  .offres section.content .offres__container .offre .offre__upper {

    width: 100%;

    display: flex;

    flex-direction: column;

    border-bottom: 1px solid #DAE1E8;

  }

  .offres section.content .offres__container .offre .offre__upper .offre__category {

    width: 100%;

    background-color: #163c67;

    border-radius: 24px;

    display: flex;

    box-sizing: border-box;

    padding: 18px 28px;

    color: #FFF;

    font-size: 16px;

    font-weight: 600;

    line-height: 1;

  }

  .offres section.content .offres__container .offre .offre__lower {

    width: 100%;

  }

  .offres section.content .offres__container .offre .offre__infos {

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 24px 0;

    box-sizing: border-box;

  }

  @media (max-width: 600px) {

    .offres section.content .offres__container .offre .offre__infos {

      flex-direction: column;

      align-items: flex-start;

    }

  }

  .offres section.content .offres__container .offre .offre__infos span {

    font-size: 16px;

    font-weight: 400;

    color: #363944;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 6px;

  }

  .offres section.content .offres__container .offre .offre__infos span strong {

    font-weight: 700;

  }

  .offres section.content .offres__container .offre .offre__infos .offre__location {

    display: flex;

    align-items: center;

    gap: 16px;

  }

  .offres section.content .offres__container .offre .offre__btn {

    align-self: flex-end;

    margin-top: 14px;

    display: flex;

  }

  @media (max-width: 600px) {

    .offres section.content .offres__container .offre .offre__btn {

      width: 100%;

    }

    .offres section.content .offres__container .offre .offre__btn .btn {

      width: 100%;

    }

  }

  .offres section.content .offres__container .offre .offre__btn .btn {

    border-radius: 54px;

    line-height: 1.4;

  }

  .offres section.content .offres__container .offre .offre__upper, .offres section.content .offres__container .offre .offre__lower, .offres section.content .offres__container .offre .offre__btn {

    padding: 0 32px;

    box-sizing: border-box;

  }

  @media (max-width: 600px) {

    .offres section.content .offres__container .offre .offre__upper, .offres section.content .offres__container .offre .offre__lower, .offres section.content .offres__container .offre .offre__btn {

      padding: 0 24px;

    }

  }

  

  .nos-consultations {

    background: linear-gradient(180deg, #FFF 6.49%, #F2F1F1 100%);

    background-repeat: no-repeat;

    display: flex;

    align-items: center;

    flex-direction: column;

    padding: 0 24px 20px 24px;

    box-sizing: border-box;

  }

  .nos-consultations .back__wrapper {

    width: 100%;

    max-width: 1200px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin: 60px 0 40px 0;

  }

  .nos-consultations .back__wrapper .back {

    display: flex;

    align-items: center;

    gap: 6px;

    box-sizing: border-box;

    padding: 10px 0;

    border-bottom: 1px solid #626B9D;

    text-decoration: none;

    transition: 0.3s ease;

  }

  .nos-consultations .back__wrapper .back:hover svg {

    transform: translateX(-6px);

  }

  .nos-consultations .back__wrapper .back svg {

    transition: 0.3s ease;

  }

  @media (max-width: 600px) {

    .nos-consultations .back__wrapper .back {

      gap: 12px;

    }

  }

  .nos-consultations .back__wrapper .back span {

    color: #626B9D;

    font-size: 18px;

    font-weight: 400;

  }

  .nos-consultations section.consultation {

    width: 100%;

    max-width: 1200px;

    margin-bottom: 56px;

  }

  .nos-consultations section.consultation .consultation {

    background-color: white;

    border-radius: 24px;

    box-shadow: 0px 4px 31px 0px rgba(0, 0, 0, 0.06);

    box-sizing: border-box;

    padding: 20px 0px 36px;

    display: flex;

    flex-direction: column;

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation {

      padding: 14px 0px;

    }

  }

  .nos-consultations section.consultation .consultation .consultation__upper {

    width: 100%;

    display: flex;

    flex-direction: column;

    border-bottom: 1px solid #DAE1E8;

  }

  .nos-consultations section.consultation .consultation .consultation__upper .consultation__category {

    background-color: #F3F6F9;

    border-radius: 24px;

    display: flex;

    box-sizing: border-box;

    padding: 18px 28px;

    color: #163C67;

    font-size: 16px;

    font-weight: 600;

    line-height: 1;

    margin: 0 50px;

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation .consultation__upper .consultation__category {

      margin: 0 24px;

    }

  }

  .nos-consultations section.consultation .consultation .consultation__lower {

    width: 100%;

  }

  .nos-consultations section.consultation .consultation .consultation__lower:nth-child(2) {

    border-bottom: 1px solid #DAE1E8;

  }

  .nos-consultations section.consultation .consultation .consultation__lower .consultation__infos {

    flex-direction: column;

    align-items: flex-start;

    gap: 30px;

  }

  .nos-consultations section.consultation .consultation .consultation__infos {

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    box-sizing: border-box;

    padding: 24px 60px 24px 90px;

    box-sizing: border-box;

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation .consultation__infos {

      flex-direction: column;

      align-items: flex-start;

    }

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation .consultation__infos {

      padding: 24px;

    }

  }

  .nos-consultations section.consultation .consultation .consultation__infos span {

    font-size: 18px;

    font-weight: 300;

    color: #363944;

  }

  .nos-consultations section.consultation .consultation .consultation__infos span strong {

    font-weight: 700;

  }

  .nos-consultations section.consultation .consultation .consultation__infos .consultation__location {

    display: flex;

    align-items: center;

    gap: 16px;

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper {

    width: 100%;

    box-sizing: border-box;

    padding: 0 60px 0 90px;

    margin: 12px 0 14px;

    display: flex;

    flex-direction: column;

    gap: 18px;

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation .consultation__cta__wrapper {

      padding: 0 24px;

    }

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__cta {

    display: flex;

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__cta span {

    box-sizing: border-box;

    padding: 12px 34px 12px 18px;

    background-color: #3C7DB4;

    color: white;

    border-radius: 64px;

    font-size: 16px;

    font-weight: 700;

    line-height: 1;

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__user {

    display: flex;

    align-items: center;

    gap: 20px;

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__user .user__img {

    width: 115px;

    height: 115px;

    border-radius: 50%;

    overflow: hidden;

    flex-shrink: 0;

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__user .user__img {

      display: none;

    }

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__user .user__img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    background-color: lightblue;

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__user .user__content {

    display: flex;

    flex-direction: column;

    gap: 16px;

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__user .user__content .user__name {

    font-size: 16px;

    font-weight: 700;

    color: #3C7DB4;

  }

  .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__user .user__content .user__description {

    font-size: 16px;

    font-weight: 300;

    color: #363944;

    line-height: 1;

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation .consultation__cta__wrapper .consultation__user .user__content .user__description {

      line-height: 1.25;

    }

  }

  .nos-consultations section.consultation .consultation .consultation__btn {

    align-self: flex-end;

    margin-top: 14px;

    padding: 0 60px 0 90px;

    box-sizing: border-box;

    display: flex;

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation .consultation__btn {

      width: 100%;

    }

    .nos-consultations section.consultation .consultation .consultation__btn a 

    {

      width: 100%;

    

    }

  }

  @media (max-width: 600px) {

    .nos-consultations section.consultation .consultation .consultation__btn {

      padding: 0 24px;

    }

  }

  .nos-consultations section.consultation .consultation .consultation__btn .btn {

    border-radius: 50px;

    font-size: 18px;

    line-height: 1;

    font-weight: 700;

    padding: 18px 26px;

  }

  

  .contact {

    background: linear-gradient(180deg, #FFF 6.49%, #F2F1F1 100%);

    padding-bottom: 100px;

  }

  .contact section.hero {

    width: 100%;

    height: 400px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: flex-end;

  }

  @media (max-width: 600px) {

    .contact section.hero {

      padding: 0 24px;

      align-items: center;

    }

  }

  .contact section.hero .hero__img {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: 0;

  }

  .contact section.hero .hero__img img {

    object-fit: cover;

    width: 100%;

    height: 100%;

  }

  .contact section.hero .hero__content {

    position: relative;

    z-index: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin-bottom: 74px;

  }

  @media (max-width: 600px) {

    .contact section.hero .hero__content {

      margin-bottom: 0;

      gap: 12px;

    }

  }

  .contact section.hero .hero__content .hero__btn {

    margin-bottom: 20px;

    display: flex;

    justify-content: center;

  }

  @media (max-width: 600px) {

    .contact section.hero .hero__content .hero__btn {

      margin-bottom: 12px;

    }

  }

  .contact section.hero .hero__content .hero__btn .btn {

    min-width: 300px;

    font-size: 24px;

    font-weight: 500;

    letter-spacing: 1.7px;

    border-radius: 50px;

    line-height: 18px;

    padding: 16px 0;

  }

  @media (max-width: 600px) {

    .contact section.hero .hero__content .hero__btn .btn {

      min-width: auto;

      font-size: 18px;

      padding: 12px 24px;

    }

  }

  .contact section.hero .hero__content .hero__title {

    font-size: 36px;

    font-weight: 700;

    color: white;

    line-height: 50px;

    text-align: center;

  }

  @media (max-width: 600px) {

    .contact section.hero .hero__content .hero__title {

      line-height: 30px;

      font-size: 36px;

    }

  }

  .contact section.hero .hero__content .hero__subtitle {

    font-size: 30px;

    font-weight: 500;

    color: white;

    line-height: 50px;

  }

  .contact section.hero .hero__content .hero__cta {

    font-size: 24px;

    letter-spacing: 1.7px;

    font-weight: 600;

    color: white;

    line-height: 18px;

    padding: 16px 28px;

    border-radius: 50px;

    background-color: #E70046;



  }

  @media (max-width: 600px) {

    .contact section.hero .hero__content .hero__subtitle {

      line-height: 30px;

      font-size: 32px;

    }

  }

  .contact section.hero::before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: 1;

    background: linear-gradient(352deg, #1E3E67 13.71%, rgba(0, 23, 44, 0) 96.64%);

  }

  .contact section.contact__form {

    width: 800px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 55px 55px 20px 43px;

    box-sizing: border-box;

    margin: 0 auto;

    outline: 1px solid #edeef3;

    background-color: white;

    border-radius: 60px;

    transform: translateY(-46px);

    z-index: 2;

    position: relative;

  }

  @media (max-width: 600px) {

    .contact section.contact__form {

      width: 100%;

      transform: translateY(0);

      border-radius: 0;

      outline: none;

      padding: 24px;

    }

  }

  .contact section.contact__form form {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 28px;

  }

  @media (max-width: 600px) {

    .contact section.contact__form form {

      gap: 20px;

    }

  }

  .contact section.contact__form form .row {

    display: flex;

    gap: 20px;

    align-items: center;

    justify-content: space-between;

    width: 100%;

  }

  @media (max-width: 600px) {

    .contact section.contact__form form .row {

      flex-direction: column;

    }

  }

  .contact section.contact__form form .row .col-6 {

    width: 100%;

  }

  .contact section.contact__form form .row .col-12 {

    width: 100%;

    position: relative;

  }

  .contact section.contact__form form .row .col-12.checkbox {

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

    gap: 22px;

  }

  @media (max-width: 600px) {

    .contact section.contact__form form .row .col-12.checkbox {

      flex-direction: row;

    }

  }

  .contact section.contact__form form .row .col-12.checkbox input[type=checkbox] {

    width: 26px;

    height: 26px;

    border-radius: 2px;

    flex-shrink: 0;

    border: 2px solid rgba(16, 49, 120, 0.19);

    appearance: none;

    cursor: pointer;

    transition: 0.3s ease;

  }

  .contact section.contact__form form .row .col-12.checkbox input[type=checkbox]:hover {

    border-color: #E70046;

    outline: none;

  }

  .contact section.contact__form form .row .col-12.checkbox input[type=checkbox]:checked {

    background-color: #E70046;

    border: none;

  }

  .contact section.contact__form form .row .col-12.checkbox input[type=checkbox]:checked + label {

    font-weight: 500;

  }

  .contact section.contact__form form .row .col-12.checkbox label {

    font-size: 14px;

    color: #363944;

    font-weight: 300;

    line-height: 1.1;

  }

  .contact section.contact__form form .row input[type=text], .contact section.contact__form form .row textarea, .contact section.contact__form form .row select, .contact section.contact__form form .row input[type=email] {

    padding: 20px 24px;

    box-sizing: border-box;

    border-radius: 60px;

    border: 1px solid #e5e5e5;

    background-color: white;

    font-size: 16px;

    line-height: 16px;

    font-weight: 300;

    width: 100%;

    font-family: "Poppins";

    transition: 0.3s ease;

  }

  .contact section.contact__form form .row select option

  {

    font-size: 16px;

    line-height: 16px;

    font-weight: 300;

    font-family: "Poppins";

  }

  .contact section.contact__form form .row input[type=text]::placeholder, .contact section.contact__form form .row textarea::placeholder, .contact section.contact__form form .row select::placeholder, .contact section.contact__form form .row select, .contact section.contact__form form .row input[type=email]::placeholder {

    color: #363944;

    font-size: 16px;

    line-height: 16px;

    font-weight: 300;

    font-family: "Poppins";

    opacity: 1;

  }

  .contact section.contact__form form .row input[type=text]:focus, .contact section.contact__form form .row textarea:focus, .contact section.contact__form form .row select:focus {

    border-color: #E70046;

    outline: none;

  }

  .contact section.contact__form form .row select {

    appearance: none;

  }

  .contact section.contact__form form .row .custom__arrow {

    position: absolute;

    top: 50%;

    right: 42px;

    transform: translateY(-50%);

    pointer-events: none;

  }

  @media (max-width: 600px) {

    .contact section.contact__form form .row .custom__arrow {

      right: 24px;

    }

  }

  .contact section.contact__form form .row textarea {

    height: 280px;

    resize: none;

    border-radius: 20px;

  }

  .contact section.contact__form form .row .btn__wrapper {

    display: flex;

    justify-content: flex-end;

    box-sizing: border-box;

    padding-top: 30px;

  }

  @media (max-width: 600px) {

    .contact section.contact__form form .row .btn__wrapper {

      width: 100%;

    }

  }

  .contact section.contact__form form .row .btn__wrapper button {

    padding: 18px 76px;

    border-radius: 50px;

    font-size: 14px;

    font-weight: 700;

    font-family: "Poppins";

  }

  @media (max-width: 600px) {

    .contact section.contact__form form .row .btn__wrapper button {

      width: 100%;

    }

  }



  .menu_lvl ul

  {

    display: flex;

    flex-direction: column;

  }



  .menu_lvl ul a 

  {

    font-size: 14px;

    font-weight: 600px;

    color : rgba(129, 129, 129, 1);

    display: block;

  }



  .menu_lvl1

  {

    width: 400px;

  }





.new_footer 

{

  margin-top: 0;

}



  .contactMoreP{

    font-size:16px;

    text-align: center;

  }





@media (max-width: 1200px)

{

  svg 

  {

    display: block !important;

  }

}

  
.flexHack{
  display: flex;
  width: 1200px;
  margin: auto;
  position: relative;
  max-width: 1200px;
}

.contact__form{

}
.contact_contact {
text-align: center;
}
.contact_contact h3{
  font-size: 23px;
  font-family: "Poppins";
  color: #dd2656;
  font-weight: bold;
  margin-bottom: 40px;

  
}
.contact_contact .block_contact {
  padding: 0 15px;
  width: 25%;
}
.contact_contact .block_contact .poste{
  font-size: 17px;
  font-family: "Poppins";
  color: #1c3d68;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact_contact .block_contact .name{
  font-size: 18px;
  font-family: "Poppins";
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact_contact .block_contact .phone{
  font-size: 18px;
  font-family: "Poppins";
  line-height: 1.2;
 
}

@media (max-width: 600px){
  .flexHack{
    display: block;
    width: 100%;
    margin: auto;
    position: relative;
  
  }
  .contact_contact h3{
    margin-top: 40px;
  }
  .contact_contact .block_contact {
    padding: 0 15px;
    width: 100%;
    margin: 30px 0px;
  }
}


  /*# sourceMappingURL=style.css.map */