@charset "UTF-8";
/* Sass files import */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

:root {
  --color-linear-100: linear-gradient(45deg, #81fbb8, #d1fdff);
}

body {
  margin: 0;
}

.container {
  margin: 0 1rem;
}

/* ************ */
/* HOME PAGE */
/* ************ */
/* Typography styles for the application
*/
h1 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 600;
  line-height: 105%;
  font-size: 10.6rem;
  margin: 0;
  text-transform: uppercase;
}

h2 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 600;
  line-height: 105%;
  font-size: 168px;
  margin: 0;
}

h3 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 700;
  line-height: 105%;
  font-size: 48px;
  margin: 0;
}

h4 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 500;
  line-height: 105%;
  font-size: 48px;
  margin: 0;
}

h5 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 700;
  line-height: 105%;
  font-size: 32px;
  margin: 0;
}

h6 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 500;
  line-height: 105%;
  font-size: 32px;
  margin: 0;
}

.h7 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 500;
  line-height: 105%;
  font-size: 24px;
  margin: 0;
}

.h8 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 700;
  line-height: 105%;
  font-size: 20px;
  margin: 0;
}

p {
  font-family: "DM Sans", helvetica, sans-serif;
  font-weight: 400;
  line-height: 150%;
  font-size: 18px;
}

li {
  font-family: "DM Sans", helvetica, sans-serif;
  font-weight: 400;
  line-height: 150%;
  font-size: 18px;
}

.title-header h2 {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 600;
  line-height: 105%;
  font-size: 4.05rem;
  margin: 0;
  color: #61d8a9;
}

@media screen and (max-width: 992px) {
  h4 {
    font-size: 1.8rem;
    font-weight: 700;
  }
  h2 {
    font-size: 3rem;
  }
}
.home .header-container {
  margin: 2.4rem 0 0 0;
}

.custom-logo {
  transform: scale(1.3);
}

.header-container {
  margin: 2.4rem 0 0 0;
}

@media screen and (min-width: 1323px) {
  .main-container {
    margin: 0 3rem;
  }
}
@media screen and (max-width: 1322px) {
  .main-container {
    margin: 0 1rem;
  }
}
@media screen and (min-width: 1395px) {
  .header-mobile {
    display: none;
  }
}
@media screen and (max-width: 1394px) {
  .header-desktop {
    display: none;
  } 
  label {
    z-index: 10 !important;
  }
}
.main-navigation {
  position: fixed;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 60rem;
  z-index: 1000;
}
.main-navigation .menu-menu-1-container {
  display: flex;
  justify-content: center;
}
.main-navigation #menu-menu-1 {
  position: relative;
  display: flex;
  padding: 2rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* pour Safari */
  background: rgba(217, 217, 217, 0.6);
  border-radius: 0.6rem;
  overflow: hidden;
}
.main-navigation #menu-menu-1::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  background: rgba(97, 216, 169, 0.5);
  filter: blur(20px);
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  transform: translate(var(--halo-x, 0), var(--halo-y, 0));
  transition: transform 0.3s ease;
}
.main-navigation #menu-menu-1 li {
  list-style: none;
  position: relative;
  width: 10rem;
  text-align: center;
}
.main-navigation #menu-menu-1 li a {
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  color: #000;
  text-decoration: none;
}

/* MOBILE RESPONSIVE */
body {
  -webkit-tap-highlight-color: transparent;
}

#menu_checkbox {
  display: none;
}

label {
  position: absolute;
  top: 1.2rem;
  right: 2%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px auto 0 auto;
  cursor: pointer;
  transform: scale(0.5);
}

label div {
  position: relative;
  top: 0;
  height: 12px;
  background-color: #25484b;
  margin-bottom: 12px;
  transition: 0.3s ease transform, 0.3s ease top, 0.3s ease width, 0.3s ease right;
  border-radius: 2px;
}

label div:first-child {
  transform-origin: 0;
}

label div:last-child {
  margin-bottom: 0;
  transform-origin: 60px;
}

label div:nth-child(2) {
  right: 0;
  width: 60px;
}

#menu_checkbox:checked + label div:first-child {
  top: -6px;
  transform: rotateZ(45deg);
}

#menu_checkbox:checked + label div:last-child {
  top: 6px;
  transform: rotateZ(45deg);
}

#menu_checkbox:checked + label div:nth-child(2) {
  width: 85px;
  top: 0;
  right: 13px;
  transform: rotateZ(-45deg);
}

/* END MOBILE RESPONSIVE */
/* MENU FULL NAV MOBILE */
.header-mobile {
  position: relative;
  z-index: 999;
}

.menu-full-nav-mobile-active {
  z-index: 980;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px); /* pour Safari */
  background: rgba(217, 217, 217, 0.8);
  transition: all 0.3s ease-in-out;
}

.menu-full-nav-mobile-desactive {
  display: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.no-scroll {
  overflow: hidden;
}

#menu-menu-2 {
  height: 84vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  padding-left: 0;
}
#menu-menu-2 li {
  list-style: none;
  text-align: center;
  width: 100%;
}
#menu-menu-2 li a {
  text-decoration: none;
  color: #25484b;
  font-size: 2rem;
  font-weight: 700;
}
#menu-menu-2 .current_page_item a {
  color: #fff;
  text-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.5);
  font-weight: 800;
}

/* END MENU FULL NAV MOBILE */
/* MAIN BOUTON STYLES */
.bloc-button-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #61d8a9;
  width: 18rem;
  height: 3.6rem;
  color: #ffffff;
  clip-path: path("M8.00004 57C3.58176 57 4.12112e-05 53.4182 3.78026e-05 49L6.17187e-06 8.00035C2.76322e-06 3.58208 3.45362 0.000356479 7.8719 0.000350732C48.3887 0.00029803 233.184 5.86915e-05 276.134 2.13617e-05C280.553 1.75216e-05 284 3.58174 284 8.00002L284 35.7824C284 37.8469 283.202 39.8316 281.772 41.3213L269.09 54.5386C267.581 56.1108 265.496 56.9997 263.317 56.9997L8.00004 57Z");
  transition: all 0.1s ease-in-out;
}
.bloc-button-header a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #25484b;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
}
.bloc-button-header a:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3744 0.66121L25.3744 20.4937L22.0411 20.4937L22.0411 6.35156L2.49452 25.8981L0.137495 23.5411L19.684 3.99454L5.5419 3.99454L5.5419 0.661209L25.3744 0.66121Z' fill='%2325484b'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}

.bloc-button-header:hover {
  background-color: #f2e500;
}
.bloc-button-header:hover a:after {
  transform: translateX(1rem);
}

/* END MAIN BOUTON STYLES */
.bouton-general {
  text-decoration: none;
  padding: 0.6rem 1rem;
  font-family: "DM Sans", helvetica, sans-serif;
  font-weight: 700;
  color: #61d8a9;
  background-color: #25484b;
  border-radius: 100rem;
  text-align: center;
  height: 0px;
  min-width: 10rem !important;
  transition: all 0.1s ease-in-out;
}

#videoHomePage {
  z-index: 500;
  transform: translatey(20rem);
}

#videoHomePage .bouton-general {
  color: #25484b !important;
  background-color: #61d8a9 !important;
  transition: all 0.2s ease-in-out;
}
#videoHomePage .bouton-general:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='114' height='40' viewBox='0 0 114 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.84 39.6667V0L114 49H46.84H0V39.6667H46.84Z' fill='%2325484b'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
#videoHomePage .bouton-general:hover {
  background-color: #f2e500 !important;
  color: #25484b !important;
}
#videoHomePage .bouton-general:hover:after {
  content: "";
  display: inline-block;
  width: 2em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='114' height='40' viewBox='0 0 114 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.84 39.6667V0L114 49H46.84H0V39.6667H46.84Z' fill='%2325484b'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transform: translateX(0.8rem);
}

.home .bloc-button {
  min-width: 20rem;
  height: 30px;
  text-transform: uppercase;
}

.bloc-button {
  height: 30px;
  text-transform: uppercase;
}

.bouton-general:hover {
  background-color: #f2e500;
  color: #25484b;
}

.bouton-general:after {
  content: "";
  display: inline-block;
  width: 2em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='114' height='40' viewBox='0 0 114 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.84 39.6667V0L114 49H46.84H0V39.6667H46.84Z' fill='%2361d8a9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}

.bouton-general:hover:after {
  content: "";
  display: inline-block;
  width: 2em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='114' height='40' viewBox='0 0 114 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.84 39.6667V0L114 49H46.84H0V39.6667H46.84Z' fill='%2325484b'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transform: translateX(0.8rem);
}

.home footer {
  position: relative;
  z-index: 600;
}

footer h4 {
  color: #ffffff;
  padding-bottom: 1.5rem;
}
footer p {
  margin: 0;
  color: #ffffff;
}
footer a {
  color: #ffffff;
  text-decoration: none;
}
footer a:hover {
  color: #f2e500;
}
footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer .footer-container {
  display: flex;
  flex-direction: column;
}
footer .area-four p {
  padding-bottom: 2rem;
}
footer .area-four a {
  color: #61d8a9;
}
footer .area-four a:hover {
  color: #f2e500;
}
footer .footer-top {
  background-image: url(../images/nexstone-footer-top.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100vw;
  height: 323px;
}
footer .footer-main {
  background-color: #25484b;
}
footer .copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: solid 1px #d3dadb;
  flex-wrap: wrap;
}
footer .copyright-credits-diabolo-design {
  display: flex;
  gap: 0.5rem;
}
footer .container-footer {
  margin: 0 6rem;
}
footer .footer-widgets-top-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
  padding: 0 0 10rem 0;
}
footer .footer-widgets-bottom-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
  padding: 0 0 10rem 0;
}
footer .lien-pratique {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10vw;
}
footer .area-one {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 1048px) {
  footer .area-five {
    display: flex !important;
    justify-content: center !important;
  }
}
@media screen and (max-width: 1000px) {
  footer .footer-widgets-top-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 2rem !important;
    padding: 0 0 10rem 0 !important;
    flex-direction: column !important;
    align-content: flex-start !important;
  }
}
@media screen and (max-width: 1160px) {
  footer .footer-top {
    background-position: right 1px;
  }
  footer .footer-widgets-top-flex {
    flex-direction: column;
  }
  footer .footer-widgets-bottom-flex {
    flex-direction: column;
  }
  footer .area-one {
    flex-direction: column;
    gap: 5rem;
  }
  footer .area-four {
    padding-bottom: 5rem;
  }
  footer .lien-pratique {
    flex-direction: column;
    gap: 0;
  }
  footer .footer-container {
    margin: 0 2rem;
  }
  footer .container-footer {
    margin: 0 1rem;
  }
  footer .copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: solid 1px #d3dadb;
    flex-wrap: wrap;
    gap: 1rem;
  }
}

@media screen and (min-width: 1323px) {
  .home .main-container {
    margin: 0 6rem;
  }
}
@media screen and (max-width: 1322px) {
  .home .main-container {
    margin: 0 2rem;
  }
}
.home .header-home-page {
  background-image: url(../images/nexstones_header_homepage.jpg);
  background-repeat: no-repeat;
  background-size: 95%;
  background-position: right top;
  width: auto;
  height: 75vw;
}
.home .header-home-page .bloc-header-top {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.home .header-home-page h1 {
  color: #1e3a3c !important;
}
.home .bloc-intro-header {
  background-color: #25484b;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}
.home .bloc-intro-header .bloc-margin {
  padding: 2rem;
  height: 84%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.home .bloc-intro-header h3 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 800;
}
.home .bloc-intro-header p {
  color: #ffffff;
  font-family: "Anuphan", helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
}
.home .bloc-intro-header .bloc-button-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #61d8a9;
  width: 18rem;
  height: 3.6rem;
  color: #ffffff;
  clip-path: path("M8.00004 57C3.58176 57 4.12112e-05 53.4182 3.78026e-05 49L6.17187e-06 8.00035C2.76322e-06 3.58208 3.45362 0.000356479 7.8719 0.000350732C48.3887 0.00029803 233.184 5.86915e-05 276.134 2.13617e-05C280.553 1.75216e-05 284 3.58174 284 8.00002L284 35.7824C284 37.8469 283.202 39.8316 281.772 41.3213L269.09 54.5386C267.581 56.1108 265.496 56.9997 263.317 56.9997L8.00004 57Z");
  transition: all 0.1s ease-in-out;
}
.home .bloc-intro-header a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #25484b;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
}
.home .bloc-intro-header a:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3744 0.66121L25.3744 20.4937L22.0411 20.4937L22.0411 6.35156L2.49452 25.8981L0.137495 23.5411L19.684 3.99454L5.5419 3.99454L5.5419 0.661209L25.3744 0.66121Z' fill='%2325484b'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.home .bloc-intro-header .bloc-button-header:hover {
  background-color: #f2e500;
}
.home .bloc-intro-header .bloc-button-header:hover a:after {
  transform: translateX(1rem);
}

.description-header-homepage {
  width: 65vw;
}
.description-header-homepage h4 {
  margin-bottom: 2rem;
}
.description-header-homepage p {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 500;
  line-height: 105%;
  font-size: 32px;
  margin: 0 0 6rem 0;
}

.home .section-3 {
  background-image: linear-gradient(45deg, #f1f1f1, #f1f1f1);
  width: 100vw;
  height: 1080px;
  padding-top: 5rem;
  position: relative;
  overflow: hidden;
}
.home .bg-image-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
  opacity: 0;
}
.home .image-1 {
  opacity: 1;
  z-index: 1;
}
.home .image-2 {
  z-index: 2;
}
.home .main-container {
  position: relative;
  z-index: 3;
}
.home h5 {
  font-family: "Anuphan", helvetica, sans-serif;
}
.home .section-03-reunion {
  height: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 7rem;
  margin-top: 2rem;
}
.home .section-03-gerance {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 65%;
  padding-bottom: 3rem;
  border-bottom: solid 1px #25484b;
}
.home .section-03-courtage {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 65%;
  padding-bottom: 3rem;
  border-bottom: solid 1px #25484b;
}
.home .section-03-promotion {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 65%;
  padding-bottom: 3rem;
  border-bottom: solid 1px #25484b;
}
.home .bloc-titre {
  display: flex;
  flex-direction: row;
  margin-bottom: 2rem;
  justify-content: flex-start;
  align-items: baseline;
  gap: 1rem;
}
.home .bloc-titre h3 {
  color: #25484b;
}
.home .bloc-titre .number {
  color: #61d8a9;
}
.home .bloc-description {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8rem;
  align-items: flex-end;
}
.home .bloc-description p {
  font-family: "Anuphan", helvetica, sans-serif;
  font-weight: 500;
  line-height: 105%;
  font-size: 32px;
  margin: 0;
  color: #7c9193;
}
.home .section-4 {
  height: 949px;
  width: auto;
  background-color: rgb(222, 160, 213);
}
.home .section-4 .section-4-inter {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home .section-4 h2 {
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.home .section-4 p {
  margin: 0;
}
.home .section-4 .bloc-onglet {
  display: flex;
}
.home .section-4 .mes-onglets {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
.home .section-5 {
  padding: 5rem 0 0 0;
  margin-bottom: -10rem;
}
.home .section-5 .bloc-header-flex {
  will-change: transform;
  transition: transform 0.1s ease-out;
  position: relative; /* utile si pas déjà mis */
}
.home .section-5 h4 {
  color: #ffffff;
}
.home .section-5 p {
  color: #ffffff;
}
.home .section-5 .bloc-margin {
  padding: 2rem;
  height: 84%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.home .section-5 .section-5-1 {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.home .section-5 .section-5-2 {
  margin-top: 12rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4rem;
}
.home .section-5 .section-5-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.home .section-5 .bloc-button-header-no-button p {
  padding: 1rem 0 0 0;
  margin: 0;
  border-top: solid 1px rgba(214, 214, 214, 0.709);
}
.home .section-5 .bloc-button-header {
  display: block;
}
.home .section-5 .bloc-intro-header-1 {
  background-color: #c1b0ff;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}
.home .section-5 .bloc-intro-header-2 {
  background-color: #7c9193;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}
.home .section-5 .bloc-intro-header-3 {
  background-color: #7c9193;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}
.home .section-5 .bloc-intro-header-4 {
  background-color: #55d1f2;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}
.home .section-5 .bloc-intro-header-5 {
  background-color: #61d8a9;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}

/* SECTION 4 INFO PRESENTATION 3 PRODUITS HOMEPAGE */
.mon-bloc-info .bloc-button-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #61d8a9;
  width: 18rem;
  height: 3.6rem;
  color: #ffffff;
  clip-path: path("M8.00004 57C3.58176 57 4.12112e-05 53.4182 3.78026e-05 49L6.17187e-06 8.00035C2.76322e-06 3.58208 3.45362 0.000356479 7.8719 0.000350732C48.3887 0.00029803 233.184 5.86915e-05 276.134 2.13617e-05C280.553 1.75216e-05 284 3.58174 284 8.00002L284 35.7824C284 37.8469 283.202 39.8316 281.772 41.3213L269.09 54.5386C267.581 56.1108 265.496 56.9997 263.317 56.9997L8.00004 57Z");
  transition: all 0.1s ease-in-out;
}
.mon-bloc-info a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #25484b;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
}
.mon-bloc-info a:after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='114' height='49' viewBox='0 0 114 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.84 39.6667V0L114 49H46.84H0V39.6667H46.84Z' fill='%2325484b'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.mon-bloc-info .bloc-button-header:hover {
  background-color: #f2e500;
}
.mon-bloc-info .bloc-button-header:hover a:after {
  transform: translateX(1rem);
}

.section-4 {
  padding-bottom: 2rem;
}

.onglet-active {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background-color: #a8b6b7;
  padding: 0.5rem 1rem;
  width: 12rem;
  border-radius: 0.5rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.onglet-active p {
  line-height: 0rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #25484b !important;
}
.onglet-active a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #25484b !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
}

.mon-bloc-info .bloc-button-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #61d8a9;
  width: 18rem;
  height: 3.6rem;
  color: #ffffff;
  clip-path: path("M8.00004 57C3.58176 57 4.12112e-05 53.4182 3.78026e-05 49L6.17187e-06 8.00035C2.76322e-06 3.58208 3.45362 0.000356479 7.8719 0.000350732C48.3887 0.00029803 233.184 5.86915e-05 276.134 2.13617e-05C280.553 1.75216e-05 284 3.58174 284 8.00002L284 35.7824C284 37.8469 283.202 39.8316 281.772 41.3213L269.09 54.5386C267.581 56.1108 265.496 56.9997 263.317 56.9997L8.00004 57Z");
  transition: all 0.1s ease-in-out;
}
.mon-bloc-info a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #25484b;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
}
.mon-bloc-info a:after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='114' height='49' viewBox='0 0 114 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.84 39.6667V0L114 49H46.84H0V39.6667H46.84Z' fill='%2325484b'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.mon-bloc-info .bloc-button-header:hover {
  background-color: #f2e500;
}
.mon-bloc-info .bloc-button-header:hover a:after {
  transform: translateX(1rem);
}

.onglet-desactive {
  width: 13rem !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #25484b !important;
  padding: 0.5rem 1rem;
  width: 13rem;
  border-radius: 0.5rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.onglet-desactive p {
  line-height: 0rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
}
.onglet-desactive a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.onglet-desactive a:after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='11' viewBox='0 0 26 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6828 8.90476V0L26 11H10.6828H0V8.90476H10.6828Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.onglet-desactive .bloc-button-header:hover {
  background-color: #ffffff;
}
.onglet-desactive .bloc-button-header:hover a:after {
  transform: translateX(1rem);
}

.onglet-desactive:hover {
  background-color: #f2e500 !important;
}
.onglet-desactive:hover a {
  color: #25484b;
}
.onglet-desactive:hover a:after {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='11' viewBox='0 0 26 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6828 8.90476V0L26 11H10.6828H0V8.90476H10.6828Z' fill='%2325484b'/%3E%3C/svg%3E ");
}
.onglet-desactive:hover p {
  color: #25484b;
}

.mon-bloc-info {
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 4rem;
  flex-wrap: wrap;
  min-width: 672px !important;
}
.mon-bloc-info .bloc-info-2 h4 {
  margin-bottom: 1rem;
}
.mon-bloc-info .bloc-info-2 p {
  width: 70%;
}
.mon-bloc-info .ligne-info-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mon-bloc-info h3 {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 700;
}
.mon-bloc-info h4 {
  font-size: 2rem;
  font-weight: 500;
}
.mon-bloc-info .mes-onglets {
  display: flex;
  gap: 1rem;
  height: 75px;
  align-content: center;
}
.mon-bloc-info .onglet-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mon-bloc-info .onglet-1 p {
  line-height: 0 !important;
  margin-bottom: 0;
}
.mon-bloc-info .onglet-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mon-bloc-info .onglet-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mes-onglets {
  display: flex;
  gap: 1rem;
}

/* */
.mes-onglets {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.onglet {
  cursor: pointer;
  padding: 10px 15px;
  background-color: #eee;
  border-radius: 5px;
  text-align: center;
}

.onglet-active {
  width: 13rem;
  color: white;
}

.boutons-container {
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
  justify-content: center; /* ou space-between, start, end, etc. */
}

.boutons-container .onglet {
  padding: 10px 20px;
  background-color: #eee;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease;
}

.boutons-container .onglet-active {
  color: #25484b !important;
}

.boutons-container {
  position: absolute;
  transform: translateY(510%) translateX(13%);
  z-index: 10;
}

@media screen and (max-width: 1874px) {
  .home .section-5 .section-5-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
}
.bloc-desktop {
  display: initial;
}

.bloc-mobile {
  display: none;
}

.section-3 {
  background-color: red !important;
}

@media screen and (max-width: 992px) {
  .bloc-desktop {
    display: none;
  }
  .bloc-mobile {
    display: initial;
  }
  .home .description-header-homepage {
    width: auto;
  }
  .home .main-container {
    margin: 0 1rem;
  }
  .home .header-home-page {
    height: 100vw;
  }
  .home .header-home-page .bloc-header-top {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .home .description-header-homepage p {
    font-family: "Anuphan", helvetica, sans-serif;
    font-weight: 500;
    line-height: 110%;
    font-size: 1.6rem;
    margin: 0 0 6rem 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .title-header h2 {
    font-size: 1.6rem;
    width: 80%;
  }
  .section-03 {
    padding-top: 3rem;
  }
  .section-03 h2 {
    margin-bottom: 3rem;
  }
  .section-03 h3 {
    font-size: 1.8rem;
  }
  .section-03 .numbergerange {
    color: #61d8a9;
    margin-bottom: 1rem;
  }
  .section-03 .titlegerange {
    color: #25484b;
  }
  .service-gerance {
    border-bottom: solid 1px #25484b;
    margin-bottom: 3rem;
  }
  .service-courtage {
    padding-bottom: 3rem;
  }
  .bloc-button {
    margin: 2rem 0;
  }
}
/* RESPONSIVE PROJET MIS EN AVANT */
.bloc-desktop-projet-avant {
  display: block !important;
}

.bloc-responsive-projet-avant {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .bloc-desktop-projet-avant {
    display: none !important;
  }
  .bloc-responsive-projet-avant {
    display: block !important;
  }
  .section-4 {
    padding-bottom: 24rem;
  }
  .vente-container-mobile {
    display: flex;
    flex-direction: column;
    gap: 6rem;
  }
  .title-h2-vente-mobile {
    font-size: 1.8rem;
    margin: 2rem 0;
  }
  .title-h3-vente-mobile h3 {
    font-size: 1.5rem;
    margin: 0 0 1.5rem 0;
  }
  .images-container img {
    width: 100%;
    height: auto;
    display: block;
  }
  .onglets-container {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .onglet {
    background: #eee;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
  }
  .onglet.active {
    background: #333;
    color: white;
  }
  .infos-container {
    text-align: center;
  }
  .btn-decouvrir {
    display: inline-block;
    margin-top: 1rem;
    background: #333;
    color: white;
    padding: 0.5rem 1rem;
    text-decoration: none;
  }
}
@media screen and (max-width: 992px) {
  .home .section-5 {
    height: 100rem;
  }
  .home .section-5-container {
    transform: scale(0.62);
    transform-origin: top left;
  }
}
.header-home-page {
  background-image: url(../images/nexstones_header_pagevendre.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  width: auto;
}
.header-home-page .bloc-header-top {
  height: 930px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.header-home-page h1 {
  color: #1e3a3c !important;
}

.page-template-page-vendre .main-container-plus {
  margin: 0 10rem;
  padding-bottom: 2rem;
  border-bottom: solid 2px #000000;
}
.page-template-page-vendre .section-2 {
  padding-top: 10rem;
}
.page-template-page-vendre .section-2 h3 {
  text-transform: uppercase;
  text-align: center;
  color: #25484b;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  .page-template-page-vendre .header-home-page {
    background-size: 31rem !important;
  }
}
@media screen and (max-width: 992px) {
  .page-template-page-vendre body {
    max-width: 100vw;
  }
  .page-template-page-vendre .elementor-element-c6bd456 {
    padding: 0 !important;
  }
  .page-template-page-vendre .title-header h1 {
    font-size: 3rem !important;
    margin-top: 3rem;
  }
  .page-template-page-vendre .header-home-page {
    background-size: contain;
    background-position: right 3rem !important;
  }
  .page-template-page-vendre .header-home-page .bloc-header-top {
    height: 32rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .page-template-page-vendre .main-container-plus {
    margin: 0 1rem;
    padding-bottom: 2rem;
    border-bottom: solid 2px #000000;
  }
  .page-template-page-vendre .vente-container {
    gap: 0;
  }
  .page-template-page-vendre .wrapper {
    transform: scale(0.85) translateX(-5px);
  }
}

.espace-footer {
  margin: 5rem 0;
}

.vente-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(342px, 1fr));
  gap: 65px;
}

.wrapper {
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.25));
  width: fit-content;
  height: fit-content;
}

.bien-a-vendre {
  background-color: #ffffff;
  width: 25.5rem;
  height: 38.7rem;
  clip-path: path("M400 594.5C400 603.337 392.837 610.5 384 610.5H22C13.1634 610.5 6 603.337 6 594.5L6 20.8111C6 12.6354 12.635 6 20.8104 6H334.627C338.552 6 342.328 7.55516 345.098 10.3396L395.661 60.9047C398.445 63.6891 400 67.4512 400 71.3761V594.5Z");
}

.contenu-fiche-vendre {
  padding: 1.5rem 2rem 1rem 2rem;
  height: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contenu-fiche-vendre .bolc-vente {
  color: #000000;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-size: 1.2rem;
}
.contenu-fiche-vendre .bolc-info {
  color: #a5a5a5;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-size: 1.2rem;
}

.vente-container h3 {
  font-size: 1.3rem;
  color: #000000;
}
.vente-container .fiche-vente-adresse p {
  font-size: 1.2rem;
  font-weight: 300;
  margin: 0;
  color: #000000;
}
.vente-container .fiche-vente-details-dispo-superficie {
  display: flex;
  justify-content: space-between;
}
.vente-container .fiche-vente-details-dispo-superficie p {
  margin: 0;
}
.vente-container .fiche-vente-details-dispo-superficie .fiche-vente-disponibilite {
  display: flex;
  flex-direction: column;
}
.vente-container .fiche-vente-details-dispo-superficie .fiche-vente-superficie {
  display: flex;
  flex-direction: column;
}
.vente-container .fiche-vente-prix-bouton {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row;
}
.vente-container .fiche-vente-prix-bouton .fiche-vente-prix {
  display: flex;
  flex-direction: column;
}
.vente-container .fiche-vente-prix-bouton .fiche-vente-prix p {
  margin: 0;
}

.page-template-page-a-louer .header-home-page {
  background-image: url(../images/nexstones_header_pagealouer.png) !important;
  background-repeat: no-repeat;
  background-position: right top;
  width: auto;
}
.page-template-page-a-louer .header-home-page .bloc-header-top {
  height: 930px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.page-template-page-a-louer .header-home-page h1 {
  color: #1e3a3c !important;
}
.page-template-page-a-louer .main-container-plus {
  margin: 0 10rem;
  padding-bottom: 2rem;
  border-bottom: solid 2px #000000;
}
.page-template-page-a-louer .section-2 {
  padding-top: 10rem;
}
.page-template-page-a-louer .section-2 h3 {
  text-transform: uppercase;
  text-align: center;
  color: #25484b;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  .page-template-page-a-louer .header-home-page {
    background-size: 31rem !important;
  }
}
@media screen and (max-width: 992px) {
  .page-template-page-a-louer body {
    max-width: 100vw;
  }
  .page-template-page-a-louer .elementor-element-c6bd456 {
    padding: 0 !important;
  }
  .page-template-page-a-louer .title-header h1 {
    font-size: 3rem !important;
    margin-top: 3rem;
  }
  .page-template-page-a-louer .header-home-page {
    background-size: contain;
    background-position: right 3rem !important;
  }
  .page-template-page-a-louer .header-home-page .bloc-header-top {
    height: 32rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .page-template-page-a-louer .main-container-plus {
    margin: 0 1rem;
    padding-bottom: 2rem;
    border-bottom: solid 2px #000000;
  }
  .page-template-page-a-louer .vente-container {
    gap: 0;
  }
  .page-template-page-a-louer .wrapper {
    transform: scale(0.85) translateX(-5px);
  }
}

.mon-image-team-page {
  margin-top: 2rem;
  height: 50rem;
  width: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.single-section-1 {
  background-color: #25484b;
  color: #ffffff;
  padding: 5rem 0;
}
.single-section-1 h2 {
  font-size: 2.8rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.info-bien-a-vendre {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Deux colonnes égales */
  gap: 2rem; /* Espace entre les colonnes */
  margin-bottom: 2rem; /* Optionnel */
}

.info-gauche,
.info-droite {
  box-sizing: border-box;
}

.info-gauche {
  border-right: solid 1px #ffffff; /* Bordure légère */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 800px;
  padding-right: 2rem;
}
.info-gauche p {
  color: #bec8c9;
}
.info-gauche .bien-offre li {
  color: #bec8c9;
}
.info-gauche .bien-offre ul {
  padding-left: 20px; /* Espace à gauche pour les puces */
}
.info-gauche .bien-offre li::marker {
  color: #61d8a9;
  font-weight: 600;
}
.info-gauche .bien-offre strong {
  color: #61d8a9;
}
.info-gauche .ideal-visite {
  display: flex;
  justify-content: space-between;
}
.info-gauche .ideal-visite h4 {
  color: #61d8a9;
  font-size: 1.3rem;
}
.info-gauche .ideal-visite ul {
  padding-left: 20px;
}
.info-gauche .ideal-visite li {
  color: #bec8c9;
}
.info-gauche .ideal-visite li::marker {
  color: #61d8a9;
}
.info-gauche .ideal-visite .ideal {
  width: 45%;
}
.info-gauche .ideal-visite .visite {
  width: 45%;
}

.info-droite .droit-general {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 800px;
}
.info-droite .droit-general .ligne-alpha {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.info-droite .fiche-icon-section-gauche {
  width: 20rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-content: flex-start;
}
.info-droite .fiche-icon-section-droite {
  width: 20rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-content: flex-start;
}
.info-droite .fiche-icon-text h5 {
  font-size: 1.2rem;
}
.info-droite .fiche-icon-text p {
  font-size: 1rem;
  color: #bec8c9;
  margin-top: 0.2rem;
}
.info-droite .fiche-icon-text a {
  color: #61d8a9;
  text-decoration: none;
}
.info-droite .hover-icon:hover svg path {
  fill: #f2e500; /* Changement de couleur au survol */
}

.share-all-icon {
  display: flex;
  gap: 1rem;
}

/* Version mobile (responsive) */
@media (max-width: 1280px) {
  .info-bien-a-vendre {
    grid-template-columns: 1fr; /* Une seule colonne */
  }
}
.fiche-bottom-lien {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* */
.gallery-grid {
  display: flex;
  flex-wrap: wrap;
}

/* Mobile-first : toutes les images en colonne */
.gallery-item {
  flex: 0 0 100%;
}

/* Wrapper avec ratio fixe */
.gallery-image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9; /* Change selon ton besoin (ex: 1 / 1 pour carré) */
  overflow: hidden;
}

/* Image qui remplit sans se déformer */
.gallery-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Responsive layout à partir de 768px */
@media (min-width: 768px) {
  .gallery-1 .gallery-item {
    flex: 0 0 100%;
  }
  .gallery-2 .gallery-item {
    flex: 0 0 50%;
  }
  .gallery-3 .gallery-item:nth-child(1),
  .gallery-3 .gallery-item:nth-child(2) {
    flex: 0 0 50%;
  }
  .gallery-3 .gallery-item:nth-child(3) {
    flex: 0 0 100%;
  }
  .gallery-4 .gallery-item {
    flex: 0 0 50%;
  }
}
/* INFO COMPLEMENTAIRE */
.info-complementaires {
  margin-top: 5rem;
}

.info-complementaires-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 8rem;
}
.info-complementaires-container h4 {
  margin-bottom: 1.5rem;
}
.info-complementaires-container .info-complementaires-gauche {
  width: 40%;
}
.info-complementaires-container .info-complementaires-gauche p {
  width: 80%;
}
.info-complementaires-container .info-complementaires-droite {
  width: 40%;
}

.bouton-voir-plus {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
  margin-bottom: 6rem;
}

/* formulaire contact */
.wpforms-submit-container {
  display: flex;
  justify-content: flex-end;
  font-family: "DM Sans", helvetica, sans-serif;
}

.wpforms-container {
  font-family: "DM Sans", helvetica, sans-serif;
}
.wpforms-container input {
  border-radius: 0 !important;
  border-color: #000 !important;
}
.wpforms-container .wpforms-submit {
  background-color: #25484b !important;
}
.wpforms-container label {
  display: initial !important;
}
.wpforms-container textarea#wpforms-156-field_4 {
  border-color: #000;
}
.wpforms-container input {
  margin-top: 1rem !important;
}
.wpforms-container egend.wpforms-field-label {
  margin: 0 !important;
}
.wpforms-container textarea#wpforms-156-field_4 {
  margin-top: 1rem;
}

@media screen and (max-width: 1280px) {
  body {
    max-width: 100vw;
  }
  .mon-image-team-page {
    height: 20rem;
  }
  .single-section-1 {
    padding: 5rem 0 15rem 0;
  }
  .single-section-1 h1 {
    font-size: 3.5rem;
  }
  .single-section-1 h2 {
    font-size: 2.2rem;
  }
  .single-section-1 .fiche-bottom-lien {
    display: flex;
    justify-content: right;
    gap: 3rem;
    flex-wrap: wrap;
  }
  .single-section-1 .share-all-icon {
    display: flex;
    gap: 3rem;
  }
  .info-gauche {
    border: 0;
    padding-right: 0;
    gap: 2rem;
    height: auto;
  }
  .info-gauche h3 {
    font-size: 1.8rem;
  }
  .info-gauche .ideal-visite {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .info-gauche .ideal-visite .ideal {
    width: 100%;
  }
  .info-gauche .ideal-visite .visite {
    width: 100%;
  }
  .gallery-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 10/9;
    overflow: hidden;
  }
  .info-droite .ligne-alpha {
    display: flex;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 2rem !important;
  }
  .info-droite .droit-general {
    gap: 2rem;
  }
  .info-droite .ligne-alpha {
    gap: 1rem;
  }
  .info-droite .info-droite .fiche-icon-section-gauche {
    /* width: 20rem; */
    display: flex;
    /* gap: 1rem; */
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
  }
  .info-droite .info-droite .fiche-icon-section-droite {
    width: 20rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
  }
  iframe {
    width: 100%;
    height: 20rem;
  }
  .info-complementaires-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 1rem;
    flex-direction: column;
    gap: 5rem;
  }
  .info-complementaires-container h4 {
    font-size: 30px;
  }
  .info-complementaires-container .info-complementaires-gauche {
    width: auto;
  }
  .info-complementaires-container .info-complementaires-gauche p {
    width: auto;
  }
  .info-complementaires-container .info-complementaires-droite {
    width: auto;
  }
}
.page-template-page-contact {
  /* FORMULAIRE */
  /* PROFIL EQUIPE */
}
@media screen and (min-width: 1323px) {
  .page-template-page-contact .main-container {
    margin: 0 6rem;
  }
}
.page-template-page-contact .header-home-page {
  background-image: url(../images/nexstones_header_page_contact.png);
  background-repeat: no-repeat;
  background-position: right top;
  width: auto;
  height: 92rem;
}
.page-template-page-contact .header-home-page .bloc-header-top {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.page-template-page-contact .header-home-page h1 {
  color: #1e3a3c !important;
  font-size: 9rem;
}
.page-template-page-contact .bloc-mobile {
  display: none;
}
.page-template-page-contact .bloc-intro-header {
  background-color: #25484b;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}
.page-template-page-contact .bloc-intro-header .bloc-margin {
  padding: 2rem;
  height: 84%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.page-template-page-contact .bloc-intro-header h3 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 800;
}
.page-template-page-contact .bloc-intro-header p {
  color: #ffffff;
  font-family: "Anuphan", helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
}
.page-template-page-contact .bloc-intro-header .bloc-button-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #61d8a9;
  width: 18rem;
  height: 3.6rem;
  color: #ffffff;
  clip-path: path("M8.00004 57C3.58176 57 4.12112e-05 53.4182 3.78026e-05 49L6.17187e-06 8.00035C2.76322e-06 3.58208 3.45362 0.000356479 7.8719 0.000350732C48.3887 0.00029803 233.184 5.86915e-05 276.134 2.13617e-05C280.553 1.75216e-05 284 3.58174 284 8.00002L284 35.7824C284 37.8469 283.202 39.8316 281.772 41.3213L269.09 54.5386C267.581 56.1108 265.496 56.9997 263.317 56.9997L8.00004 57Z");
  transition: all 0.1s ease-in-out;
}
.page-template-page-contact .bloc-intro-header a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #25484b;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
}
.page-template-page-contact .bloc-intro-header a:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3744 0.66121L25.3744 20.4937L22.0411 20.4937L22.0411 6.35156L2.49452 25.8981L0.137495 23.5411L19.684 3.99454L5.5419 3.99454L5.5419 0.661209L25.3744 0.66121Z' fill='%2325484b'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.page-template-page-contact .bloc-intro-header .bloc-button-header:hover {
  background-color: #f2e500;
}
.page-template-page-contact .bloc-intro-header .bloc-button-header:hover a:after {
  transform: translateX(1rem);
}
.page-template-page-contact .bloc-description-header p {
  line-height: 2.5rem;
  font-weight: 300;
}
.page-template-page-contact .bloc-header-sous-titre p {
  border-top: solid 1px rgba(214, 214, 214, 0.709);
  font-weight: 300;
  font-size: 1.5rem;
}
.page-template-page-contact #wpforms-156-field_4-container {
  width: 60% !important;
}
.page-template-page-contact .wpforms-submit-container {
  width: 60% !important;
}
.page-template-page-contact .title-equipe {
  color: #000000;
  margin-bottom: 3rem;
}
.page-template-page-contact .contenu-fiche-vendre {
  height: 44%;
}
.page-template-page-contact .fiche-vente-disponibilite-nom p {
  margin: 0;
}
.page-template-page-contact .fiche-vente-disponibilite a {
  color: #a5a5a5;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-size: 1.2rem;
}
.page-template-page-contact .fiche-vente-disponibilite a:hover {
  color: #61d8a9;
}
.page-template-page-contact .final-bouton-contact {
  margin: 10rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.page-template-page-contact .vente-container {
  max-width: 98%;
}
@media screen and (max-width: 992px) {
  .page-template-page-contact #main-content {
    max-width: 100vw !important;
  }
  .page-template-page-contact .test-mon-bloc {
    transform-origin: top left;
    transform: scale(0.8);
  }
  .page-template-page-contact .title-header h1 {
    font-size: 3.5rem !important;
  }
  .page-template-page-contact .bloc-mobile {
    display: block;
  }
  .page-template-page-contact .bloc-desktop {
    display: none !important;
  }
  .page-template-page-contact .header-home-page .bloc-header-top {
    height: 80% !important;
    display: flex;
    flex-direction: column;
    margin-top: 4rem !important;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-template-page-contact .bloc-intro-header {
    transform-origin: top left;
    transform: scale(0.65) translateX(-5px) translateY(100px) !important;
    margin-left: 1.5rem;
  }
}
@media screen and (max-width: 992px) {
  .page-template-page-contact {
    /* FORMULAIRE */
  }
  .page-template-page-contact .header-home-page {
    background-size: 25rem !important;
    background-position: right bottom;
    height: 44rem;
  }
  .page-template-page-contact .wrapper {
    transform: scale(0.85) translateX(-5px);
  }
  .page-template-page-contact #wpforms-156-field_4-container {
    width: 100% !important;
  }
  .page-template-page-contact .wpforms-submit-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 992px) {
  .page-template-page-contact body {
    max-width: 100vw;
  }
}

/* PROFIL EQUIPE */
@media screen and (min-width: 1323px) {
  .page-template-page-agence .main-container {
    margin: 0 6rem;
  }
}

.title-equipe {
  color: #000000;
  margin-bottom: 3rem;
}

.contenu-fiche-vendre {
  height: 44%;
}

.fiche-vente-disponibilite-nom p {
  margin: 0;
}

.fiche-vente-disponibilite a {
  color: #a5a5a5;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-size: 1.2rem;
}
.fiche-vente-disponibilite a:hover {
  color: #61d8a9;
}

.final-bouton-contact {
  margin: 10rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.vente-container {
  max-width: 98%;
}

@media screen and (max-width: 1280px) {
  .title-header h1 {
    font-size: 4rem !important;
  }
}
@media screen and (max-width: 992px) {
  #main-content {
    max-width: 100vw !important;
  }
  .test-mon-bloc {
    transform-origin: top left;
    transform: scale(0.8);
  }
  .title-header h1 {
    font-size: 10vw;
  }
  .bloc-mobile {
    display: block;
  }
  .bloc-desktop {
    display: none !important;
  }
  .header-home-page .bloc-header-top {
    height: 80% !important;
    display: flex;
    flex-direction: column;
    margin-top: 4rem !important;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .bloc-intro-header {
    transform-origin: top left;
    transform: scale(0.65) translateX(-5px) translateY(100px) !important;
    margin-left: 1.5rem;
  }
}
@media screen and (max-width: 992px) {
  .header-home-page {
    background-size: 31rem !important;
    height: 44rem;
  }
  .wrapper {
    transform: scale(0.85) translateX(-5px);
  }
  /* FORMULAIRE */
  #wpforms-156-field_4-container {
    width: 100% !important;
  }
  .wpforms-submit-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 992px) {
  body {
    max-width: 100vw;
  }
}
@media screen and (max-width: 1280px) {
  .description-header-homepage {
    width: auto;
  }
}
.page-template-page-agence {
  /* FORMULAIRE */
  /* PROFIL EQUIPE */
}
.page-template-page-agence p {
  font-size: 23px;
}
.page-template-page-agence .main-container.section-2 {
  margin-bottom: 5rem;
}
.page-template-page-agence .valeur-paragraphe h5 {
  color: #61d8a9 !important;
}
.page-template-page-agence .valeur-paragraphe p strong {
  color: #1e3a3c !important;
}
.page-template-page-agence .main-container .section-2 {
  margin: 0;
}
.page-template-page-agence .description-header-homepage p {
  margin: 0;
  font-weight: 400;
}
.page-template-page-agence .a-propos-p {
  margin: 0 0 3rem 0 !important;
}
.page-template-page-agence .header-home-page {
  background-image: url(../images/home_agence.png);
  background-size: 60em;
  background-repeat: no-repeat;
  background-position: right top;
  width: auto;
  height: 92rem;
}
.page-template-page-agence .header-home-page .bloc-header-top {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.page-template-page-agence .header-home-page h1 {
  color: #1e3a3c !important;
  font-size: 9rem;
}
.page-template-page-agence .bloc-mobile {
  display: none;
}
.page-template-page-agence .bloc-intro-header {
  background-color: #25484b;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}
.page-template-page-agence .bloc-intro-header .bloc-margin {
  padding: 2rem;
  height: 84%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.page-template-page-agence .bloc-intro-header h3 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 800;
}
.page-template-page-agence .bloc-intro-header p {
  color: #ffffff;
  font-family: "Anuphan", helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
}
.page-template-page-agence .bloc-intro-header .bloc-button-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #61d8a9;
  width: 18rem;
  height: 3.6rem;
  color: #ffffff;
  clip-path: path("M8.00004 57C3.58176 57 4.12112e-05 53.4182 3.78026e-05 49L6.17187e-06 8.00035C2.76322e-06 3.58208 3.45362 0.000356479 7.8719 0.000350732C48.3887 0.00029803 233.184 5.86915e-05 276.134 2.13617e-05C280.553 1.75216e-05 284 3.58174 284 8.00002L284 35.7824C284 37.8469 283.202 39.8316 281.772 41.3213L269.09 54.5386C267.581 56.1108 265.496 56.9997 263.317 56.9997L8.00004 57Z");
  transition: all 0.1s ease-in-out;
}
.page-template-page-agence .bloc-intro-header a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #25484b;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
}
.page-template-page-agence .bloc-intro-header a:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3744 0.66121L25.3744 20.4937L22.0411 20.4937L22.0411 6.35156L2.49452 25.8981L0.137495 23.5411L19.684 3.99454L5.5419 3.99454L5.5419 0.661209L25.3744 0.66121Z' fill='%2325484b'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.page-template-page-agence .bloc-intro-header .bloc-button-header:hover {
  background-color: #f2e500;
}
.page-template-page-agence .bloc-intro-header .bloc-button-header:hover a:after {
  transform: translateX(1rem);
}
.page-template-page-agence .bloc-description-header p {
  line-height: 2.5rem;
  font-weight: 300;
}
.page-template-page-agence .bloc-header-sous-titre p {
  border-top: solid 1px rgba(214, 214, 214, 0.709);
  font-weight: 300;
  font-size: 1.5rem;
}
.page-template-page-agence #wpforms-156-field_4-container {
  width: 60% !important;
}
.page-template-page-agence .wpforms-submit-container {
  width: 60% !important;
}
.page-template-page-agence .title-equipe {
  color: #000000;
  margin-bottom: 3rem;
}
.page-template-page-agence .contenu-fiche-vendre {
  height: 44%;
}
.page-template-page-agence .fiche-vente-disponibilite-nom p {
  margin: 0;
}
.page-template-page-agence .fiche-vente-disponibilite a {
  color: #a5a5a5;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-size: 1.2rem;
}
.page-template-page-agence .fiche-vente-disponibilite a:hover {
  color: #61d8a9;
}
.page-template-page-agence .final-bouton-contact {
  margin: 10rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.page-template-page-agence .vente-container {
  max-width: 98%;
}
@media screen and (max-width: 992px) {
  .page-template-page-agence #main-content {
    max-width: 100vw !important;
  }
  .page-template-page-agence .test-mon-bloc {
    transform-origin: top left;
    transform: scale(0.8);
  }
  .page-template-page-agence .title-header h1 {
    font-size: 10vw;
  }
  .page-template-page-agence .bloc-mobile {
    display: block;
  }
  .page-template-page-agence .bloc-desktop {
    display: none !important;
  }
  .page-template-page-agence .header-home-page .bloc-header-top {
    height: 80% !important;
    display: flex;
    flex-direction: column;
    margin-top: 4rem !important;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-template-page-agence .bloc-intro-header {
    transform-origin: top left;
    transform: scale(0.65) translateX(-5px) translateY(100px) !important;
    margin-left: 1.5rem;
  }
}
@media screen and (max-width: 992px) {
  .page-template-page-agence {
    /* FORMULAIRE */
  }
  .page-template-page-agence .header-home-page {
    background-size: 25rem !important;
    background-position: right bottom;
    height: 44rem;
  }
  .page-template-page-agence .wrapper {
    transform: scale(0.85) translateX(-5px);
  }
  .page-template-page-agence #wpforms-156-field_4-container {
    width: 100% !important;
  }
  .page-template-page-agence .wpforms-submit-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 992px) {
  .page-template-page-agence body {
    max-width: 100vw;
  }
}

@media screen and (min-width: 1323px) {
  .page-template-page-service .main-container {
    margin: 0 6rem;
  }
}

/* PROFIL EQUIPE */
.title-equipe {
  color: #000000;
  margin-bottom: 3rem;
}

.contenu-fiche-vendre {
  height: 44%;
}

.fiche-vente-disponibilite-nom p {
  margin: 0;
}

.fiche-vente-disponibilite a {
  color: #a5a5a5;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-size: 1.2rem;
}
.fiche-vente-disponibilite a:hover {
  color: #61d8a9;
}

.final-bouton-contact {
  margin: 10rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.vente-container {
  max-width: 98%;
}

@media screen and (max-width: 1280px) {
  .title-header h1 {
    font-size: 4rem !important;
  }
}
@media screen and (max-width: 992px) {
  #main-content {
    max-width: 100vw !important;
  }
  .test-mon-bloc {
    transform-origin: top left;
    transform: scale(0.8);
  }
  .title-header h1 {
    font-size: 10vw;
  }
  .bloc-mobile {
    display: block;
  }
  .bloc-desktop {
    display: none !important;
  }
  .header-home-page .bloc-header-top {
    height: 80% !important;
    display: flex;
    flex-direction: column;
    margin-top: 4rem !important;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .bloc-intro-header {
    transform-origin: top left;
    transform: scale(0.65) translateX(-5px) translateY(100px) !important;
    margin-left: 1.5rem;
  }
}
@media screen and (max-width: 992px) {
  .header-home-page {
    background-size: 31rem !important;
    height: 44rem;
  }
  .wrapper {
    transform: scale(0.85) translateX(-5px);
  }
  /* FORMULAIRE */
  #wpforms-156-field_4-container {
    width: 100% !important;
  }
  .wpforms-submit-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 992px) {
  body {
    max-width: 100vw;
  }
}
@media screen and (max-width: 1280px) {
  .page-template-page-service .description-header-homepage {
    width: auto;
  }
}
.page-template-page-service {
  /* FORMULAIRE */
  /* PROFIL EQUIPE */
}
.page-template-page-service p {
  font-size: 23px !important;
}
.page-template-page-service li {
  font-size: 23px !important;
}
.page-template-page-service .main-container.section-2 {
  margin-bottom: 5rem;
}
.page-template-page-service .valeur-paragraphe h5 {
  color: #61d8a9 !important;
}
.page-template-page-service .valeur-paragraphe p strong {
  color: #1e3a3c !important;
}
.page-template-page-service .valeur-paragraphe li strong {
  color: #1e3a3c !important;
}
.page-template-page-service .main-container .section-2 {
  margin: 0;
}
.page-template-page-service .description-header-homepage p {
  margin: 0;
  font-weight: 400;
}
.page-template-page-service .a-propos-p {
  margin: 0 0 3rem 0 !important;
}
.page-template-page-service .header-home-page {
  background-image: url(../images/home_service.png);
  background-size: 60rem;
  background-repeat: no-repeat;
  background-position: right top;
  width: auto;
  height: 92rem;
}
.page-template-page-service .header-home-page .bloc-header-top {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.page-template-page-service .header-home-page h1 {
  color: #1e3a3c !important;
  font-size: 9rem;
}
.page-template-page-service .bloc-mobile {
  display: none;
}
.page-template-page-service .bloc-intro-header {
  background-color: #25484b;
  width: 35rem;
  height: 30rem;
  clip-path: path("M538.929 0.0210393H21.0495C9.43016 0.0210393 0 9.44981 0 21.0674V437.954C0 449.571 9.43016 459 21.0495 459H361.819C367.397 459 372.765 456.79 376.701 452.833L553.832 275.728C557.79 271.772 560 266.426 560 260.849V21.0464C560 9.42877 550.57 0 538.951 0L538.929 0.0210393Z");
}
.page-template-page-service .bloc-intro-header .bloc-margin {
  padding: 2rem;
  height: 84%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.page-template-page-service .bloc-intro-header h3 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 800;
}
.page-template-page-service .bloc-intro-header p {
  color: #ffffff;
  font-family: "Anuphan", helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
}
.page-template-page-service .bloc-intro-header .bloc-button-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #61d8a9;
  width: 18rem;
  height: 3.6rem;
  color: #ffffff;
  clip-path: path("M8.00004 57C3.58176 57 4.12112e-05 53.4182 3.78026e-05 49L6.17187e-06 8.00035C2.76322e-06 3.58208 3.45362 0.000356479 7.8719 0.000350732C48.3887 0.00029803 233.184 5.86915e-05 276.134 2.13617e-05C280.553 1.75216e-05 284 3.58174 284 8.00002L284 35.7824C284 37.8469 283.202 39.8316 281.772 41.3213L269.09 54.5386C267.581 56.1108 265.496 56.9997 263.317 56.9997L8.00004 57Z");
  transition: all 0.1s ease-in-out;
}
.page-template-page-service .bloc-intro-header a {
  font-family: "Anuphan", helvetica, sans-serif;
  color: #25484b;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.5rem;
}
.page-template-page-service .bloc-intro-header a:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3744 0.66121L25.3744 20.4937L22.0411 20.4937L22.0411 6.35156L2.49452 25.8981L0.137495 23.5411L19.684 3.99454L5.5419 3.99454L5.5419 0.661209L25.3744 0.66121Z' fill='%2325484b'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.page-template-page-service .bloc-intro-header .bloc-button-header:hover {
  background-color: #f2e500;
}
.page-template-page-service .bloc-intro-header .bloc-button-header:hover a:after {
  transform: translateX(1rem);
}
.page-template-page-service .bloc-description-header p {
  line-height: 2.5rem;
  font-weight: 300;
}
.page-template-page-service .bloc-header-sous-titre p {
  border-top: solid 1px rgba(214, 214, 214, 0.709);
  font-weight: 300;
  font-size: 1.5rem;
}
.page-template-page-service #wpforms-156-field_4-container {
  width: 60% !important;
}
.page-template-page-service .wpforms-submit-container {
  width: 60% !important;
}
.page-template-page-service .title-equipe {
  color: #000000;
  margin-bottom: 3rem;
}
.page-template-page-service .contenu-fiche-vendre {
  height: 44%;
}
.page-template-page-service .fiche-vente-disponibilite-nom p {
  margin: 0;
}
.page-template-page-service .fiche-vente-disponibilite a {
  color: #a5a5a5;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-size: 1.2rem;
}
.page-template-page-service .fiche-vente-disponibilite a:hover {
  color: #61d8a9;
}
.page-template-page-service .final-bouton-contact {
  margin: 10rem 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.page-template-page-service .vente-container {
  max-width: 98%;
}
@media screen and (max-width: 992px) {
  .page-template-page-service .page-template-page-service .header-home-page {
    background-size: 10rem !important;
  }
  .page-template-page-service #main-content {
    max-width: 100vw !important;
  }
  .page-template-page-service .test-mon-bloc {
    transform-origin: top left;
    transform: scale(0.8);
  }
  .page-template-page-service .title-header h1 {
    font-size: 10vw;
  }
  .page-template-page-service .bloc-mobile {
    display: block;
  }
  .page-template-page-service .bloc-desktop {
    display: none !important;
  }
  .page-template-page-service .header-home-page .bloc-header-top {
    height: 80% !important;
    display: flex;
    flex-direction: column;
    margin-top: 4rem !important;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-template-page-service .bloc-intro-header {
    transform-origin: top left;
    transform: scale(0.65) translateX(-5px) translateY(100px) !important;
    margin-left: 1.5rem;
  }
}
@media screen and (max-width: 992px) {
  .page-template-page-service {
    /* FORMULAIRE */
  }
  .page-template-page-service .header-home-page {
    background-size: 25rem !important;
    background-position: right center;
    height: 44rem;
  }
  .page-template-page-service .wrapper {
    transform: scale(0.85) translateX(-5px);
  }
  .page-template-page-service #wpforms-156-field_4-container {
    width: 100% !important;
  }
  .page-template-page-service .wpforms-submit-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 992px) {
  .page-template-page-service body {
    max-width: 100vw;
  }
}


/* ONLINE CODE CSS */ 

.home .section-3 {
	height: auto!important;
	padding-bottom: 8rem;
}

.home .section-03-reunion {
	height: auto!important;
}

@media screen and (max-width: 1603px) {
.home .bloc-description {
		display: flex;
    	flex-direction: column;
    	justify-content: flex-start;
    	gap: 4rem;
    	align-items: flex-start;
	}
}

/* HOME coup de coeur */

.onglet.onglet-1 p {
    opacity: 0;
	pointer-events: none;
}

.onglet.onglet-2 p {
	opacity: 0;
	pointer-events: none;
}

.onglet.onglet-3 p {
	opacity: 0;
	pointer-events: none;
}

/* HOME */


@media screen and (max-width: 1603px) {
    .home {
        .elementor-element h3 {
            font-size: 8vw!important;
        }
    }
}

/* HEADER HOME */

@media screen and (max-width: 992px) {
    .home .header-home-page {
        height: 110vw;
		background-position: right 132%;
    }
}

/* PAGE SERVICE */

@media screen and (max-width: 1603px) {
	.page-template-page-service {
		h1 {
			font-size: 10vw!important;
		}
	}
}

@media screen and (max-width: 1603px) {
	.page-template-page-agence {
		h1 {
			font-size: 10vw!important;
		}
	}
}

/* header add button */

.menu-desktop {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.menu-desktop .bloc-button {
    min-width: auto;
}

.menu-mobile {
    display: flex;
    justify-content: space-between;
}

.logo-header.main-container.menu-desktop {
    margin: 0 2rem!important;
}

#menu-menu-2 a.bouton-general {
    color: #61d8a9;
}

#menu-menu-2 a.bouton-general:hover {
    color: #28484B;
}

#menu-menu-2 {
	height: 77vh;
}

.mon-bouton-menu-mobile-resize {
    transform: scale(0.8);
}

.mon-bouton-menu-mobile-resize-a {
    font-size: 22px !important;
	padding: 1rem;
}

/* FICHE VENDRE et LOUER */ 

 .bien-a-vendre img {
    height: 20rem!important;
} 

/*************/
/* ENGLISH */
/*************/

/* FORMULAIRE CONTACT */ 

#wpforms-830-field_4-container {
    width: 60%;
}

/* div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #1E3A46;
    border: #1e3a3c;
    box-sizing: border-box;
}

div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
    color: #ffffff;
} */

/*******************/
/* MENU adapte EN */
/******************/

/* ---------- Desktop : barre + halo, scellés au menu EN ---------- */
.main-navigation .menu-menu-principal-anglais-container {
  display: flex;
  justify-content: center;
}

.main-navigation #menu-menu-principal-anglais {
  position: relative;
  display: flex;
  gap: 0; /* même largeur pour chaque item via width fixée sur li */
  padding: 2rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(217, 217, 217, 0.6);
  border-radius: 0.6rem;
  overflow: hidden;
}

/* Halo (mêmes dimensions/effets que le menu FR) */
.main-navigation #menu-menu-principal-anglais::before {
  content: "";
  position: absolute;
  width: 6rem;    /* 96px */
  height: 6rem;
  background: rgba(97, 216, 169, 0.5);
  filter: blur(20px);
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  transform: translate(var(--halo-x, 0), var(--halo-y, 0));
  transition: transform 0.3s ease;
}

/* Items EN */
.main-navigation #menu-menu-principal-anglais > li {
  list-style: none;
  position: relative;
  width: 10rem;          /* même largeur fixe que FR */
  text-align: center;
}

.main-navigation #menu-menu-principal-anglais > li > a {
  position: relative;
  z-index: 2;            /* au-dessus du halo */
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  color: #000;
  text-decoration: none;
}

/* ---------- (Option) état actif EN ---------- */
.main-navigation #menu-menu-principal-anglais > li.current-menu-item > a,
.main-navigation #menu-menu-principal-anglais > li.current_page_item > a {
  font-weight: 800;
}

/* ---------- Responsive : ne masque rien de ton FR ----------
   On ne touche PAS à .header-mobile/.header-desktop ici.
   Ce bloc ne sert qu’à éviter des débordements si le menu EN
   se retrouve seul dans un template. Adapte/retire si inutile. */
@media screen and (max-width: 600px) {
  .main-navigation #menu-menu-principal-anglais {
    padding: 1.2rem;
  }
  .main-navigation #menu-menu-principal-anglais > li {
    width: 8.6rem;
  }
  .main-navigation #menu-menu-principal-anglais > li > a {
    font-size: 1.1rem;
  }
}


/******** MENU MOBILE ***********/

/* ===== MENU FULL NAV MOBILE — EN (isolé) ===== */

#menu-menu-principal-anglais-1 {
  height: 84vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  padding-left: 0;
  margin: 0; /* au cas où WordPress ajoute une marge */
}

#menu-menu-principal-anglais-1 > li {
  list-style: none;
  text-align: center;
  width: 100%;
  margin: 0; /* homogénéité avec le FR */
  padding: 0;
}

#menu-menu-principal-anglais-1 > li > a {
  text-decoration: none;
  color: $color-complementary-green-200; /* même variable que ton FR */
  font-size: 2rem;
  font-weight: 700;
}

/* État actif (comme le FR) */
#menu-menu-principal-anglais-1 > li.current_page_item > a,
#menu-menu-principal-anglais-1 > li.current-menu-item > a {
  color: #fff;
  text-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.5);
  font-weight: 800;
}

/* Bouton "Portail Propriétaires" en bas de la liste (cohérent mobile) */
#menu-menu-principal-anglais-1 .menu-item-proprietaires .bloc-button-mobile {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#menu-menu-principal-anglais-1 .menu-item-proprietaires .bloc-button-mobile .bouton-general,
#menu-menu-principal-anglais-1 .menu-item-proprietaires .mon-bouton-menu-mobile-resize-a {
  height: auto;
  text-decoration: none;
  font-weight: 700;
  padding: 0.9rem 1.4rem;
  border-radius: 0.5rem;
  display: inline-block;
  /* laisse tes styles globaux .bouton-general faire la couleur/fond ;
     si besoin, tu peux forcer ici : background: $color-complementary-green-200; color:#fff; */
}

/* Petites sécurités responsive pour très petits écrans */
@media (max-height: 640px) {
  #menu-menu-principal-anglais-1 {
    height: 78vh;
  }
  #menu-menu-principal-anglais-1 > li > a {
    font-size: 1.8rem;
  }
}

@media (max-width: 360px) {
  #menu-menu-principal-anglais-1 > li > a {
    font-size: 1.7rem;
  }
}

/* MENU LANGUE */

.menu-desktop {
    align-items: flex-start!important;
}

.menu-menulanguefr-container {
    width: 100%;
}

.menu-supp {
	display: flex;
  	align-items: baseline;
	gap: 1rem;
	flex-direction: column-reverse;
}

#menu-menulanguefr {
    display: flex;
	justify-content: flex-end;
    gap: 1rem;
}

#menu-menulanguefr li {
	list-style: none;
}

#menu-menulanguefr li a {
	text-decoration: none;
	color: #61d8a9!important;
	font-weight: 700;
	
}

#menu-menulanguefr li a:hover {
	text-decoration: none;
	color: #1e3a3c!important;
	font-weight: 700;
}

/* ajout lang menu mobile */ 

#menu-menulanguefr-1 {
    display: flex;
    justify-content: center;
    gap: 6rem;
}

#menu-menulanguefr-1 {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-menulanguefr-1 li a {
	text-decoration: none;
	color: #1e3a3c!important;
	font-weight: 700;
}

/* SINGLE VENTE */ 

.single-immobilier-a-vendre .wpforms-submit-container {
    width: 60% !important;
}

/* SINGLE A LOUER */ 

.single-immobilier-a-louer .wpforms-submit-container {
    width: 60% !important;
}

/* FOOTER FINAL RETOUCH */

.footer-main li {
    font-family: "DM Sans", helvetica, sans-serif;
    font-weight: 400;
    line-height: 150%;
    font-size: 18px!important;
}

.footer-main p {
    font-family: "DM Sans", helvetica, sans-serif;
    font-weight: 400;
    line-height: 150%;
    font-size: 18px!important;
}


.single-immobilier-a-vendre textarea#wpforms-156-field_4 {
    width: 60%;
}

.single-immobilier-a-louer textarea#wpforms-156-field_4 {
    width: 60%;
}

/* MENU MOBILE FINAL RETOUCHE */ 

#menu-menu-principal-anglais-1 > li > a {
    text-decoration: none;
    color: #25484b;
    font-size: 2rem;
    font-weight: 700;
}

#menu-menu-principal-anglais-1 {
    height: 65vh!important;
    margin: 5rem 0 0 0 !important;
	position: relative!important;
	/*z-index: 999!important;*/
}

#menu-menu-2 {
    height: 65vh!important;
    margin: 5rem 0 0 0 !important;
	position: relative!important;
	/*z-index: 999!important;*/
}