:root {
 --alabaster: #f8fafb;
 --alto: #d9d9d9;
 --astral: #3b84a4;
 --black: #000000;
 --black-haze: #f3f7f9;
 --blue-whale: #0b2e44;
 --caribbean-green: #29d5a4;
 --daintree: #06263a;
 --elephant: #0b2f4480;
 --elephant-2: #0b2f44;
 --sonic-silver: #757575;
 --tarawera: #0e3851;
 --venice-blue: #165e89;
 --venice-blue-2: #155d8908;
 --white: #ffffff;
 --wild-sand: #f4f4f4;
 --font-size-l: 30px;
 --font-size-m: 18px;
 --font-size-s: 16px;
 --font-size-xs: 15px;
 --font-size-xxs: 14px;
 --font-size-xxxs: 13px;
 --font-size-xxxxs: 12px;
 --font-family-arboria-medium: "Arboria-Medium", Helvetica;
 --font-family-sora: "Sora", Helvetica;
}

main {
 flex: 1;
 width: 80%;
 align-self: center;
}

header {
 display: flex;
 flex-direction: column;

}

.headerSection {
 background-color: #fff;
 align-self: center;
 width: auto;
 /*width: auto;*/
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 padding: 10px 0px;
}

.logoHeader {
 width: 316px;
 height: 67px;
}

.headerMenuSection {
 display: flex;
 flex-direction: row;
 list-style: none;
 margin-left: 0px;
}

.headerMenuSection li {
 align-items: center;
 cursor: pointer;
 text-align: center;
}

.headerMenuSection a {
 text-decoration: none;
 font-size: var(--font-size-s);
 color: var(--daintree);
 margin-right: 20px;
 margin-left: 20px;
 font-style: normal;
 font-weight: 400;
 text-align: center;

}

.user_icone {
 background-color: var(--wild-sand);
 border-radius: 5px;
 display: flex;
 margin-left: 20px;
 padding: 13px 14px;
 justify-content: center;
 align-items: center;
}

.user_iccone_img {
 height: 25px;
 width: 25px;
}

.header_question_button {
 background-color: var(--caribbean-green);
 border-radius: 6px;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 20px 15px;
 border: none;
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 600;
 margin-left: 10px;
 cursor: pointer;
 text-align: center;
}

.header_expert_rejoindre {
 background-color: var(--venice-blue);
 border-radius: 6px;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 20px 15px;
 border: none;
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 600;
 margin-left: 10px;
 cursor: pointer;
 text-align: center;
}

footer {
 display: flex;
 flex-direction: column;
 margin: 0px;
 height: auto;
 margin-top: 250px;

}

.footerSection {
 display: flex;
 background-color: green;
 align-self: center;
 width: 75vw;
 position: relative;
 justify-content: center;
}

.footerQuestionSection {
 top: -150px;
 background-color: var(--caribbean-green);
 border-radius: 26px;
 height: 300px;
 position: absolute;
 width: 50vw;
 border: none;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 align-self: center;
}

.footer_container {
 display: flex;
 width: 100%;
 background-color: var(--tarawera);
 padding-top: 200px;
 flex-direction: column;
 align-items: center;
}

.menu_container {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 width: 85%;
}

.copyright_container {
 display: flex;
 width: 100%;
 background-color: #072639;
 justify-content: space-between;
 align-items: center;
 align-self: flex-end;
 height: 60px;
}

.logo_footer_section {
 background-image: url("../images/overlaylogo.png");
 background-size: 80% 100%;
 width: 15vw;
 padding: 20px 30px;
 background-repeat: no-repeat;
}

.navigation_footer_section {

 padding: 20px 30px;
}

.compte_footer_section {

 border-radius: 14px;
}

.compte_background {
 background: var(--elephant);
 border-radius: 14px;
 padding: 20px 30px;
}

.footer_vertical {
 width: 40px;
 height: 4px;
 background-color: var(--caribbean-green);
 margin-top: 15px;
}

.title_footer {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 600;
}

.paragraphe_footer {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxxs);
 font-style: normal;
 font-weight: 300;
 letter-spacing: 1px;
 line-height: 20px;
}

.dossier_container {
 margin-top: 30px;
 padding: 8px 30px;

}

.consulter_title {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxs);
 font-style: normal;
 font-weight: 700;
}

.marque_footer {
 display: flex;
 flex-direction: column;
 padding: 0px 30px;
 align-items: center;

}

.info_footer {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxxxs);
 font-style: normal;
 font-weight: 200;
 text-align: center;
 margin-top: 60px;
 line-height: 20px;
}

.footerNavigation {
 margin-top: 20px;
}

.footerNavigation ul {
 list-style: none;
}

.footerNavigation a {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxs);
 font-style: normal;
 font-weight: 300;
 line-height: 30px;
}

.mention_text {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxxs);
 font-style: normal;
 font-weight: 300;
}


.question_title {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 32px;
 font-style: normal;
 font-weight: 500;
}

.footer_question_title {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 32px;
 font-style: normal;
 font-weight: 500;
}


.footer_question_desc {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 300;
}

.ask_question_button {
 background-color: var(--venice-blue);
 border-radius: 8px;
 display: flex;
 height: 44px;
 min-width: 224px;
 padding: 4px 12px;
 justify-content: center;
 align-items: center;
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 700;
 border: none;
 cursor: pointer;
}

.menu_point {
 width: 5px;
 height: 5px;
 background-color: var(--caribbean-green);
}

.footerNavigation li {
 display: flex;
 flex-direction: row;
 align-items: center;
}

.footerNavigation a {
 margin-left: 7.5px;
}

.section_accueil {
 display: flex;
 flex-direction: row;
 width: 100%;
 height: 550px;
 background-color: var(--tarawera);
 position: relative;
 overflow: hidden;
 margin-top: 20px;
 border-radius: 25px 25px;
}

.section_ban_quisommesnous {
 display: flex;
 flex-direction: row;
 width: 100%;
 height: 550px;
 background-color: var(--tarawera);
 position: relative;
 overflow: hidden;
 margin-top: 20px;
 border-radius: 25px 25px;
}

.backgroundLogo {
 width: 25%;
 height: 100%;
 background-image: url("../images/group-1253-1@2x.png");
 background-repeat: no-repeat;
 background-size: 100% 70%;
 margin-top: 100px;
 margin-left: 100px;
}

.qui_sommes_nous_expert_pic {
 width: 100%;
 height: 50px;
 position: relative;
}

.superpositionCerlce {
 width: 75%;
 height: 100%;
 overflow: hidden;
}

.backgroundCercleBleu {
 width: 1000px;
 height: 100%;
 background-image: url("../images/vector-5.png");
 background-repeat: no-repeat;
 background-size: 100% 100%;
 z-index: 1;
 position: relative;
}

.backgroundMixe {
 width: 100%;
 height: 100%;
 background-image: url("../images/cerclemix.png");
 background-repeat: no-repeat;
 background-size: 100% 100%;
 z-index: 1;
 position: relative;
}

.backgroundCercleVert {
 width: 850px;
 height: 1000px;
 background-image: url("../images/vector-2.png");
 background-repeat: no-repeat;
 background-size: 100% 80%;
 position: absolute;
 z-index: 2;
 top: 200px;
 right: -250px;
 transform: rotate(-25deg);
}

.backgroundCercleVertQuisommenous {
 width: 850px;
 height: 1000px;
 background-image: url("../images/vector-2.png");
 background-repeat: no-repeat;
 background-size: 100% 80%;
 position: absolute;
 z-index: 2;
 top: 200px;
 right: -250px;
 transform: rotate(-25deg);
 overflow: hidden;
}

.banContainer {
 position: absolute;
 z-index: 3;
 display: flex;
 flex-direction: row;
 width: 100%;
 height: 100%;
 justify-content: center;
 align-items: center;
 margin: 25px;
}

.banTextSection {
 display: flex;
 flex-direction: column;
 position: absolute;
 left: 5%;
 top: 15vh;
}

.banTextSectionQuisommes {
 display: flex;
 flex-direction: column;
 position: absolute;
 left: 2%;
 top: 8vh;
}

.banImage {
 width: 40vw;
 height: 65vh;
 position: absolute;
 right: 5%;
 top: -55vh;
 z-index: 99;

}

.imagePhoneContainer {
 width: 100%;
 height: 50px;
 position: relative;
}

.accueilTitle {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 42px;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 43.7px;
 min-height: 147px;
}

.quisommesnous_ban_title {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 42px;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 0px;
}

.expert_ban_title {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 42px;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 43.7px;
 min-height: 50px;
}

.accueilParagraphe {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: 20px;
 font-weight: 400;
 letter-spacing: 0;
 line-height: normal;
 margin-top: 9px;
 min-height: 69px;
}


.button_section {
 margin-top: 35px;
}

.ask_question_link {
 min-height: 33px;
 background-color: var(--caribbean-green);
 padding: 14px 20px;
 border-radius: 10px;
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 700;
}

.savoir_plus_link {
 min-height: 33px;
 background-color: var(--venice-blue);
 padding: 14px 30px;
 border-radius: 10px;
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 700;
}

.domaines_section {
 display: flex;
 justify-content: center;
 margin-top: 40px;
}

.domaines_background {
 position: relative;
}

.domaines_card {
 position: absolute;
 display: flex;
 flex-direction: column;
 margin-top: 100px;
}

.titre_domaines {
 text-align: center;
 color: var(--daintree);
 font-family: var(--font-family-arboria-medium);
 font-size: 40px;
 font-style: normal;
 font-weight: 500;
}

.sous_titre_domaines {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 500;
 text-align: center;
 margin-top: 40px;
}

.domaines_rectangle_section {
 margin-top: 20px;
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}

.rectangle_domaines_vert {
 width: 16px;
 height: 16px;
 border: none;
 margin-left: 2px;
 margin-right: 2px;
}

.domaines_box_section {
 margin-top: 40px;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 min-width: 55vw;
}

.cercle {
 width: 150px;
 /* Largeur du cercle */
 height: 150px;
 /* Hauteur du cercle */
 background-color: #f8fafb;
 /* Couleur de fond du cercle (vous pouvez la personnaliser) */
 border-radius: 50%;
 /* Pour créer une forme circulaire */
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
 /* Masque tout contenu dépassant du cercle */
}

.cercle_expert {
 width: 80px;
 /* Largeur du cercle */
 height: 80px;
 /* Hauteur du cercle */
 background-color: #f8fafb;
 /* Couleur de fond du cercle (vous pouvez la personnaliser) */
 border-radius: 50%;
 /* Pour créer une forme circulaire */
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
 /* Masque tout contenu dépassant du cercle */
}

.cercle img {
 max-width: 65%;
 /* Pour s'assurer que l'image ne dépasse pas du cercle */
 height: auto;
}

.domaines_circle_box {
 display: flex;
 flex-direction: column;
 align-items: center;
}

.domaines_box_text {
 text-align: center;
 margin-top: 20px;
 font-weight: 700;
 font-size: 18px;
 line-height: 24px;
 color: var(--daintree);
}

.engagements_section {
 margin-top: 190px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.engagements_elements {
 display: flex;
 flex-direction: row;
 width: 60vw;
 justify-content: center;
 align-items: center;
}

.engagement_section_left {
 display: flex;
 flex-direction: column;
 flex: 2;
 background-color: var(--alabaster);
 padding: 80px 130px;
 border-radius: 20px;
}

.engagement_section_right {
 flex: 1.5;
 background-color: transparent;
 display: flex;
 justify-content: center;
 align-items: center;
}

.engagement_title {
 color: var(--daintree);
 font-family: var(--font-family-arboria-medium);
 font-size: 40px;
 font-style: normal;
 font-weight: 500;
}

.engagement_text {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 300;
 margin-top: 20px;
 line-height: 24px;
}

.engagement_text_bold {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 700;
 margin-top: 20px;
 line-height: 24px;
}

.qui_sommes_link {
 min-height: 53px;
 width: 240px;
 background-color: #29d5a4;
 color: var(--white);
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 10px;
 margin-top: 20px;
 font-weight: 700;
}

.sous_titre_engagements {
 position: absolute;
 width: 99%;
}

.sous_div {
 display: flex;
 flex-direction: row;
 align-items: center;
 margin-top: 17px;
}

.check_green {
 background-color: var(--caribbean-green);
 padding: 3px;
 border-radius: 6px;
 width: 20px;
 height: 21px;
}

.engagement_text_sous {
 color: var(--tarawera);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 600;
 margin-left: 18px;
 line-height: 24px;
}

.comment_ca_marche_section {
 margin-top: 60px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.background_div {
 position: relative;
 width: 60vw;
 border-radius: 25px 25px 11px 11px;
 background: linear-gradient(180deg, rgb(22, 94, 137) 0%, rgb(14, 56, 81) 100%);
}

.background_div_bottom {
 height: 469px;
 top: 497px;
 width: 60vw;
 display: flex;
 flex-direction: row;
}

.logo_flou_tech {
 width: 20vw;
 height: 30vh;
 padding: 20px 30px;
 background-repeat: no-repeat;
 margin-top: 75px;
}

.comment_description_section {
 position: absolute;
 background-color: transparent;
 left: 100px;
 display: flex;
 flex-direction: row;
 width: 50vw;
 bottom: -50px;
}

.contact_expert_form {
 position: absolute;
 background-color: transparent;
 left: 100px;
 display: flex;
 flex-direction: row;
 width: 50vw;
 bottom: -140px;
}

.comment_card {
 min-height: 400px;
 width: 40%;
 background-color: rgb(14, 56, 81, 1);
 background-image: url("../images/group-1253@2x.png");
 background-size: 60% 60%;
 background-repeat: no-repeat;
 background-position: center center;
 border-radius: 25px;
 padding: 80px 60px;
}

.comment_icone_div {
 margin-top: 60px;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}

.comment_icone {
 background-color: var(--caribbean-green);
 padding: 15px;
 border-radius: 10px;
 width: 39px;
 height: 39px;
}

.comment_ca_marche_title {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 40px;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 38.0px;
 margin-left: 4px;
 min-height: 99px;
 width: 347px;
}

.expert_contact {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 40px;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 38.0px;
 margin-left: 4px;
}

.comment_ca_marche_text {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 400;
}

.procedure_card {
 width: 60%;
 display: flex;
 justify-content: center;
 flex-direction: column;
 align-items: flex-end;
}

.procedure_div {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: left;
 width: 90%;
 margin-top: 10px;
 margin-bottom: 10px;
}

.circle_comment_ca_marche {
 width: 40px;
 /* Ajustez la largeur selon vos besoins */
 height: 40px;
 /* Ajustez la hauteur selon vos besoins */
 background-color: var(--caribbean-green);
 /* Couleur de fond du cercle */
 border-radius: 50%;
 /* Rend le carré un cercle en utilisant un rayon de bordure de 50% */
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 24px;
 /* Ajustez la taille de la police selon vos besoins */
 color: #fff;
 /* Couleur du texte */
}

.comment_ca_marche_text_procedure {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 400;
 margin-left: 10px;
 line-height: 24px;
}

.temoignages_section {
 display: flex;
 flex-direction: column;
}

.background_point {
 width: 100%;
 background-color: transparent;
 position: relative;
 display: flex;
 justify-content: center;
}

.slider_card_section {
 display: flex;
 align-content: center;
 justify-content: center;
 position: absolute;
 top: 110px;
 width: 60vw;
 margin-bottom: 200px;
}

.background_point_two {
 display: flex;
 flex-direction: row;
 width: 100%;
 justify-content: space-between;
 position: absolute;
 top: 75px;
}

.slide_temoignage {
 background-color: transparent;
 width: 100%;
 display: flex;
 border-radius: 11px 11px 11px 11px;
}

.temoignage_img_section {
 position: relative;
}

.temoignage_texte_section {
 position: absolute;
 top: 50px;
 width: 30vw;
 background-color: var(--white);
 right: -20vw;
 height: 500px;
 border-radius: 22px;
}

.temoignage_img {
 width: 40vw;
 height: 500px;
}

.exclamation_section {
 position: absolute;
 right: 50px;
 top: -35px;
}

.exclamation_image {
 width: 68px;
 height: 67px;
}

.texte_container {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 height: 100%;
 width: 100%;
 border-radius: 22px;
}

.avis_container {
 padding: 80px 60px;
}

.saviez_container {
 background-color: var(--alabaster);
 padding: 20px 60px;
 border-radius: 0px 0px 22px 22px;
}

.avis_client_name {
 color: var(--venice-blue);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 600;
 line-height: 29.5px;
}

.temoignage_client_texte {
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 300;
 line-height: 24.2px;
 margin-top: 20px;
}

.saviez_title_div {
 display: flex;
 flex-direction: row;
 align-items: center;
}

.saviez_admin_title {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 600;
 line-height: 26.9px;
}

.question_mark_temoignage {
 width: 32px;
 height: 32px;
}

.saviez_admin_texte {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 300;
 line-height: 22.6px;
 margin-left: 5px;
}

.circle_prev_temoignage {
 width: 38px;
 height: 38px;
 background-color: var(--astral);
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
 margin: 5px 5px;
 cursor: pointer;

}

.circle_prev_temoignage img {
 max-width: 100%;
 max-height: 100%;
 object-fit: cover;
 border-radius: 50%;
}

.prev_next_div {
 display: flex;
 flex-direction: row;
 position: absolute;
 bottom: -50px;
 left: 12vw;
}

.circle_next_temoignage {
 width: 38px;
 height: 38px;
 background-color: var(--astral);
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
 margin: 5px 5px;
 cursor: pointer;
}

.circle_next_temoignage img {
 max-width: 100%;
 max-height: 100%;
 object-fit: cover;
 border-radius: 50%;
}

.disponibilite_section {
 margin-top: 550px;
 width: 100%;
 height: 75vh;
 display: flex;
 flex-direction: column;
}

.background_disponibilite {
 background-color: var(--alabaster);
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 justify-content: center;
}

.front_multiple_pc_img {
 position: absolute;
 width: 65vw;
 height: 60vh;
 top: -22vh;
}

.front_multiple_point_img {
 position: absolute;
 top: 19vh;
 height: 55vh;
}

.title_disponibilite {
 position: absolute;
 top: 32vh;
 color: var(--daintree);
 font-family: var(--font-family-arboria-medium);
 font-size: 40px;
 font-style: normal;
 font-weight: 500;
 line-height: 38px;
}

.disponibilite_description {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 300;
 line-height: 23.9px;
 position: absolute;
 top: 41vh;
 text-align: center;
}

.disponibilite_icone {
 position: absolute;
 top: 52vh;
 width: 50%;
 display: flex;
 flex-direction: row;
 justify-content: space-evenly;
 align-items: center;
}

.dispo_icone {
 width: 50px;
 height: 50px;
 padding: 15px;
 border-radius: 10px;
 background-color: var(--caribbean-green);
}

.dispo_icone_div {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.dispo_icone_title {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 600;
 line-height: 24px;
 margin-top: 7.5px;
}

.obtenir_reponse_section {
 display: flex;
 flex-direction: column;
 margin-top: 80px;
}

.obtenir_reponse_title {
 color: var(--daintree);
 font-family: var(--font-family-arboria-medium);
 font-size: var(--font-size-l);
 font-style: normal;
 font-weight: 500;
 line-height: 28.5px;
 text-align: center;
}

.obtenir_reponse_description {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 500;
 line-height: 24px;
 text-align: center;
 margin-top: 15px;
}

.reponse_check {
 display: flex;
 flex-direction: row;
 justify-content: space-evenly;
 margin-top: 40px;
}

.reponse_check_block {
 display: flex;
 flex-direction: column;
}

.check_line {
 display: flex;
 flex-direction: row;
 align-items: center;
}

.checkIcone {
 width: 13px;
 height: 12px;
}

.obtenir_check_texte {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 400;
 line-height: 28px;
 margin-left: 5px;
}

.expert_vous_section {
 margin-top: 220px;
 width: 100%;
 height: 289px;
 background-color: var(--alabaster);
 display: flex;
 position: relative;
 justify-content: center;
}

.over_expert_section {
 position: absolute;
 top: -15vh;
 display: flex;
 flex-direction: row;
 width: 100%;
 background-color: transparent;
 justify-content: space-evenly;
}

.expert_img {
 max-height: 510px;
}

.expert_descrip {
 display: flex;
 justify-content: center;
 flex-direction: column;
}

.expert_vous_title {
 color: var(--daintree);
 font-family: var(--font-family-arboria-medium);
 font-size: var(--font-size-l);
 font-style: normal;
 font-weight: 500;
 line-height: 28.5px;
 text-align: left;
}

.expert_descrip_texte {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 300;
 line-height: 22px;
 margin-top: 20px;
}

.expert_vous_icone_section {
 display: flex;
 flex-direction: row;
 margin-top: 20px;
}

.iconeExpert {
 width: 34px;
 height: 32px;
 padding: 7.5px;
 border-radius: 8px;
 background-color: var(--caribbean-green);
 margin: 0px 10px;
}

.garantie_section {
 margin-top: 170px;
 display: flex;
 justify-content: center;

}

.garantie_div {
 display: flex;
 flex-direction: row;
 width: 60vw;
 min-height: 420px;
 background: linear-gradient(180deg, rgb(22, 94, 137) 0%, rgb(14, 56, 81) 100%);
 border-radius: 22px;
}

.garantie_one {
 display: flex;
 flex-direction: column;
 flex: 1.1;
 background-color: var(--elephant-2);
 border-radius: 22px;
 padding: 60px 50px 40px 50px;
 justify-content: center;
}

.garantie_two {
 display: flex;
 flex-direction: column;
 flex: 2;
 justify-content: center;
 padding-left: 50px;
}

.garantie_title {
 color: var(--caribbean-green);
 font-family: var(--font-family-arboria-medium);
 font-size: 40px;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 38.0px;
 text-align: center;
}

.garantie_title_second {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 700;
 text-align: center;
 margin-top: 10px;
}

.garantie_texte {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 300;
 text-align: center;
 margin-top: 20px;
 letter-spacing: 0;
 line-height: 21.4px;
}

.garantie_object {
 display: flex;
 flex-direction: row;
 align-items: center;
 margin: 10px 10px;
}

.checked_garantie {
 width: 24px;
 height: 22px;
 background-color: var(--caribbean-green);
 padding: 7.5px 10px;
 border-radius: 7.5px;
}

.garantie_title_two {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 700;
 line-height: 24px;
}

.grantie_texte_two {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxs);
 font-style: normal;
 font-weight: 400;
 line-height: 18.7px;
}

.garantie_desc_div {
 margin-left: 10px;
}

.avis_section {
 margin-top: 80px;
}

.title_avis {
 color: var(--daintree);
 font-family: var(--font-family-arboria-medium);
 font-size: 40px;
 font-style: normal;
 font-weight: 500;
 line-height: 38px;
 text-align: center;
}

.description_texte {
 line-height: 23.9px;
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 300;
 text-align: center;
 margin-top: 15px;
}

.avis_section {
 display: flex;
 flex-direction: column;
 margin-top: 70px;
}


.avis_container_card {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 background-color: var(--alabaster);
 padding: 60px 60px;
 border-radius: 15px;
 min-height: 400px;
}

.sliderProTns {
 margin-top: 40px;
}

.tns-nav {
 text-align: center;
 margin-top: 20px;
}

.tns-nav button {
 margin: 5px;
 width: 15px;
 height: 15px;
 border: none;
 border-radius: 50%;
 background-color: var(--astral);
}

button.tns-nav-active {
 margin: 5px;
 width: 15px;
 height: 15px;
 border: none;
 border-radius: 50%;
 background-color: var(--caribbean-green);
}

.titre_avis_two {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 600;
 text-align: center;
 letter-spacing: 0;
 line-height: 21.8px;
}

.prix_avis_two {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 22.6px;
 text-align: center;
 background-color: var(--caribbean-green);
 padding: 2px 5px 2px 5px;
 margin-top: 25px;
}

.avis_client_two {
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxs);
 font-style: normal;
 font-weight: 300;
 text-align: center;
 letter-spacing: 0;
 line-height: 22px;
 margin-top: 25px;
}


.temoignage_div_container {
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxs);
 font-style: normal;
 font-weight: 300;
 text-align: center;
 letter-spacing: 0;
 line-height: 22px;
 margin-top: 25px;
}

.avis_nom_two {
 color: var(--venice-blue);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 600;
 letter-spacing: 0;
 line-height: 26.2px;
 text-align: center;
 margin-top: 25px;
}

.domaines_banniere {
 background-color: var(--tarawera);
 width: 100%;
 height: 450px;
 position: relative;
 display: flex;
 justify-content: center;
 overflow: hidden;
 border-radius: 25px 25px;
}

.domaine_ban_caza {
 color: var(--caribbean-green);
 font-family: var(--font-family-sora);
 font-size: 20px;
 font-style: normal;
 font-weight: 100;
 letter-spacing: 3.60px;
 line-height: 19.0px;
 text-align: center;
}

.domaine_ban_title {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 50px;
 font-style: normal;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 52.0px;
 text-align: center;
 width: 620px;
}

.domaine_ban_description {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 400;
 letter-spacing: 0;
 line-height: normal;
 text-align: center;
 margin-top: 30px;
}

.ban_ellipse_vert {
 position: absolute;
 top: -10px;
 right: 0px;
}

.ban_ellipse_bleu {
 position: absolute;
 bottom: 0px;
 left: 0px;
}

.faq_ban_question_mark_div {
 display: flex;
 width: 100%;
 justify-content: center;
 align-items: center;
 margin-top: 25px;
}

.faq_ban_question_mark {
 width: 115px;
 height: 115px;
}

.quisommesnous_paragraphe {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 400;
 letter-spacing: 0;
 line-height: normal;
}

.quisommesnous_ban_caza {
 color: var(--caribbean-green);
 font-family: var(--font-family-sora);
 font-size: 20px;
 font-style: normal;
 font-weight: 100;
 letter-spacing: 3.60px;
 line-height: 19.0px;
}

.quisommesnous_ban_image {
 width: 30vw;
 height: 30vw;
 position: absolute;
 right: 10%;
 bottom: -75px;
 z-index: 99;
 top: -10;
}

.mot_fondateur_section {
 display: flex;
 justify-content: center;
 margin-top: 40px;
 margin-top: 160px;
}

.fondateur_container {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 align-items: center;
 width: 80%;
}

.mot_container {
 background-color: var(--alabaster);
 border-radius: 22px;
 padding: 40px 40px;
 display: flex;
 flex-direction: column;
 width: 20vw;
}

.mot_fondateur_title {
 color: var(--daintree);
 font-family: var(--font-family-arboria-medium);
 font-size: 34px;
 font-style: normal;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 28.5px;
}

.mot_fondateur_texte {
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxs);
 font-style: normal;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 24px;
 margin-top: 20px;
}

.page_content_template {
 padding: 60px 0px;
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 24.2px;
}

.page_content_faq {
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 24.2px;
}

.fondateur_whois {
 display: flex;
 width: 100%;
 flex-direction: row;
 margin-top: 20px;
 align-items: center;
}

.fondateur_img {
 width: 80px;
 height: 80px;
 border: 5px solid;
 border-color: var(--alabaster);
 border-radius: 50%;
}

.fondateur_whois_info {
 margin-left: 7.5px;
}

.fondateur_name {
 color: var(--venice-blue);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 600;
 letter-spacing: 0;
 line-height: 26.2px;
}

.fondateur_fonction {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxs);
 font-style: normal;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 28px;
}

.ouque_container {
 position: relative;
 display: flex;
 align-items: center;
 margin-left: 20px;
}

.ouque_texte_container {
 position: absolute;
 left: -20px;
}

.ouque_texte_paragraphe {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 300;
 line-height: 24px;
 letter-spacing: 0;
 margin-top: 20px;
}

.ouque_texte_paragraphe_bold {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-m);
 font-style: normal;
 font-weight: 600;
 line-height: 24px;
 letter-spacing: 0;
 margin-top: 20px;
}

.expert_section {
 margin-top: 80px;
}

.sliderExpert {
 margin-top: 40px;
 background-color: transparent;
}

.expert_container_slider {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
}

.tns-outer {
 position: relative;
 z-index: 0;
}

.tns-controls {
 width: 100%;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 position: absolute;
 top: 50%;
 z-index: 99;
}

button[data-controls="prev"] {
 background-image: url('../images/vector-4@2x.png');
 background-repeat: no-repeat;
 background-color: var(--astral);
 border: none;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 text-indent: -9999px;
 background-position: center;
 background-size: 15px 25px;
}

button[data-controls="next"] {
 background-image: url('../images/vector-3@2x.png');
 background-repeat: no-repeat;
 background-color: var(--astral);
 border: none;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 text-indent: -9999px;
 background-position: center;
 background-size: 15px 25px;
}

.faq_section {
 display: flex;
 flex-direction: column;
 margin: 80px 80px;
 align-items: center;
}

.faq_container {
 display: flex;
 flex-direction: column;
 width: 100%;
 background-color: var(--alabaster);
 padding: 40px 70px;
 border-radius: 22px;
 margin: 10px 0px;
}

.faq_ligne_droite {
 width: 100%;
 height: 0.8px;
 background-color: var(--caribbean-green);
 margin: 10px 0px;
}

.faq_title_for {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 600;
 letter-spacing: 0;
 line-height: 21.8px;
}


.faq_description_texte {
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 24.2px;
}

.faq_title_container_div {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}

.faq_down_icone {
 width: 17px;
 height: 10px;
}

.faq_is_open {
 transform: scale(-1);

}

.faq_open_content {
 display: none;
}


.domaines_facteur {
 position: absolute;
 width: 90%;
 height: 300px;
 background-color: var(--white);
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 top: -160px;
 border-radius: 22px;
 align-items: center;
 padding: 0px 50px;
}

.relativeFunc {
 width: 100%;
 height: 10px;
 position: relative;
 display: flex;
 justify-content: center;
}

.expert_pour_repondre {
 margin-top: 160px;
 width: 100%;
 display: flex;
 justify-content: center;
}

.expert_container {
 width: 80%;
 background-color: var(--alabaster);
 padding: 50px 80px;
 border-radius: 22px;
}

.domaines_options {
 display: flex;
 flex-direction: row;
 justify-content: space-evenly;
 margin-top: 40px;
}

.expert_icone {
 background-color: var(--caribbean-green);
 padding: 20px;
 border-radius: 12px;
}

.expert_option_div {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.domaines_icone_title {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 22px;
 text-align: center;
 margin-top: 15px;
}

.domaines_icone_price {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xxs);
 font-style: normal;
 font-weight: 400;
 letter-spacing: 0;
 line-height: 28px;
}

.domaine_commande_link {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 29.3px;
 background-color: var(--venice-blue);
 padding: 5px 15px;
 border-radius: 11px;
 margin-top: 5px;
}

.domaines_client_section {
 margin-top: 80px;
 width: 100%;
 display: flex;
 justify-content: center;
}

.expert_qualite_avantages_section {
 margin-top: 140px;
 display: flex;
 justify-content: space-between;
 width: 60vw;
}

.oncard {
 opacity: 0.9;
}

.domaines_client_satisfait {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}

.expert_card_box {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 width: 33vw;
}

.domaine_client_text_container {
 background-color: var(--elephant-2);
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: 75%;
 padding: 0px 50px;
 border-top-left-radius: 25px;
 border-bottom-left-radius: 25px;
}

.expert_container_joindre {
 background: linear-gradient(180deg, rgb(22, 94, 137) 0%, rgb(14, 56, 81) 100%);
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding: 20px 20px;
 width: 44%;
 min-height: 300px;
 border-radius: 14px;
}


.contact_input_expert {
 width: 100%;
 background-color: var(--alabaster);
 height: 42px;
 border: none;
 border-radius: 9px;
 margin-top: 7px;
 color: #000000;
 font-family: var(--font-family-arboria-medium);
 font-size: 18px;
 font-weight: 500;
 letter-spacing: 0;
 padding-left: 10px;
}

.contact_form_group {
 display: flex;
 flex-direction: column;
 margin-top: 15px;
}

.domaine_client_title {
 color: var(--white);
 font-family: var(--font-family-arboria-medium);
 font-size: 40px;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 38.0px;
 text-align: center;
}

.icone_expert {
 width: 40px;
 height: 40px;
}

.domaine_charte_texpe {
 color: var(--white);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 300;
 margin-top: 15px;
}

.domaine_fissure_temoignage {
 position: relative;
 width: 100%;
 display: flex;
 justify-content: center;
 margin: 80px 0px;
}

.domaines_temoignage {
 position: absolute;
 top: 15%;
 display: flex;
 flex-direction: column;
 width: 70%;
 background-color: var(--alabaster);
 border-radius: 22px;
 padding: 40px 50px;
}

.domaine_tem_container {
 display: flex;
 flex-direction: row;
 align-items: center;
}

.domaine_tem_pic {
 width: 25vw;
 height: 40vh;
}

.domaine_expert_tem_title {
 color: var(--daintree);
 font-family: var(--font-family-arboria-medium);
 font-size: var(--font-size-l);
 font-style: normal;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 30.9px;
}

.domaine_expert_tem_descr {
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 24.2px;
}

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

.temoignage_composante_nom {
 display: flex;
 flex-direction: row;
 align-items: center;
}

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

.blog_section {
 display: flex;
 flex-direction: row;
 padding: 50px 50px;
}

.blog_thumbnail {
 width: 15vw;
 height: 15vw;
}

.blog_details {
 display: flex;
 flex-direction: column;
 padding: 0px 30px;
}

.blog_title {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-l);
 font-style: normal;
 font-weight: 700;
 line-height: 21px;
}

.blog_excerpt_content {
 color: var(--sonic-silver);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 24.2px;
 padding-top: 30px;
}

.site__navigation {
 display: flex;
 justify-content: center;
 align-items: center;
}

.site__navigation__prev {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 24.2px;
 padding-top: 30px;
 margin: 20px;
}

.site__navigation__next {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 24.2px;
 padding-top: 30px;
 margin: 20px;
}

.site__navigation a {
 color: var(--daintree);
 font-family: var(--font-family-sora);
 font-size: var(--font-size-xs);
 font-style: normal;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 24.2px;
 padding-top: 30px;
}

.article_blog_first_section {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 padding: 50px 50px;
}

.img_article {
 width: 30vw;
 height: 15vw;
}

a:hover {
 opacity: 0.8;
}

button:hover {
 opacity: 0.8;
}

.userClick {
 opacity: 0.6;
}

.expert_ban_image {
 width: 40%;
 position: absolute;
 right: 10%;
 z-index: 99;
 top: -35vh;
 border-radius: 22px;
}

.loader {
 border: 4px solid var(--caribbean-green);
 /* Couleur de la bordure du loader */
 border-top: 4px solid transparent;
 /* Bordure transparente pour le haut */
 border-radius: 50%;
 /* Forme circulaire */
 width: 20px;
 /* Largeur du loader */
 height: 20px;
 /* Hauteur du loader */
 animation: spin 1s linear infinite;
 /* Animation de rotation */
}

.form_message {
 font-family: var(--font-family-sora);
 font-size: var(--font-size-s);
 font-style: normal;
 font-weight: 400;
 margin: 10px 0;
}

.error_message {
 color: tomato;
}

.success_message {
 color: var(--caribbean-green);
}


@keyframes spin {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(360deg);
 }
}


/* Media Query pour les smartphones en mode portrait */
@media (max-width: 375px) {}

/* Media Query pour les smartphones en mode paysage */
@media (max-width: 568px) {}

/* Media Query pour les tablettes en mode portrait */
@media (max-width: 768px) {
 .banImage {
  display: none;
 }
}

/* Media Query pour les tablettes en mode paysage */
@media (max-width: 1024px) {
 .expert_ban_image {
  display: none;
 }
}

@media (max-width: 1300px) {
 .banImage {
  display: none;
 }
}


@media (max-height: 7500px) {
 .disponibilite_section {
  margin-top: 700px;
 }
}



/* Media Query pour les écrans plus larges (par exemple, ordinateurs de bureau) */
@media (min-width: 1280px) {}

/* Media Query pour les écrans haute résolution (Retina) */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
 /* Styles spécifiques pour les écrans haute résolution (Retina) */
}