@media screen and (max-width: 768px) {
  /* line 2, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #pdg {
    --fs-title: 5rem;
    --fs-accroche: 2.3rem;
    --fs-tel: 2.4rem; }
    /* line 6, app_site/static/scss/app_site/page_home/style.mobile.scss */
    #pdg > .content-wrapper > .content > .bottom {
      flex-direction: column-reverse;
      height: fit-content;
      padding-bottom: 1rem; }
      /* line 11, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #pdg > .content-wrapper > .content > .bottom > .tel-wrapper {
        margin-bottom: 5rem; }
  /* line 22, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #constat ol {
    flex-wrap: wrap;
    justify-content: center; }
    /* line 26, app_site/static/scss/app_site/page_home/style.mobile.scss */
    #constat ol li {
      margin-top: 0;
      margin-bottom: 0; }
      /* line 30, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #constat ol li::before {
        height: 5rem; }
      /* line 34, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #constat ol li:last-child {
        min-width: 25rem;
        margin-top: 2rem; }
  /* line 43, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #ca-penalise ul {
    flex-direction: column;
    align-items: center;
    margin: 2rem auto; }
    /* line 48, app_site/static/scss/app_site/page_home/style.mobile.scss */
    #ca-penalise ul li {
      gap: 0; }
      /* line 51, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #ca-penalise ul li > h4 {
        height: 4rem; }
      /* line 55, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #ca-penalise ul li > span {
        position: relative;
        top: -2rem; }
      /* line 60, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #ca-penalise ul li > img {
        height: 10rem;
        margin: 1rem auto; }
  /* line 69, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #solution > .terminaux .justement ul {
    flex-direction: column;
    align-items: start;
    margin: 1rem auto;
    padding-left: 0;
    width: 95%; }
    /* line 76, app_site/static/scss/app_site/page_home/style.mobile.scss */
    #solution > .terminaux .justement ul li {
      align-items: start;
      text-align: start !important;
      margin-top: 2rem; }
      /* line 81, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #solution > .terminaux .justement ul li h4 {
        text-align: start !important; }
      /* line 85, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #solution > .terminaux .justement ul li img {
        height: 5rem; }
      /* line 89, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #solution > .terminaux .justement ul li > div {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        position: relative;
        left: -1.5rem; }
  /* line 100, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #plus-value > .container {
    flex-direction: column;
    min-height: 30rem; }
    /* line 105, app_site/static/scss/app_site/page_home/style.mobile.scss */
    #plus-value > .container .list ul li h4 {
      font-size: var(--site-p3) !important;
      font-family: var(--font-2), sans-serif; }
    /* line 111, app_site/static/scss/app_site/page_home/style.mobile.scss */
    #plus-value > .container .detail {
      display: none; }
      /* line 114, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #plus-value > .container .detail.displayed {
        display: grid; }
  /* line 120, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #services {
    --p-top: -1rem; }
  /* line 125, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #avis .carrousel-wrap {
    max-width: 40rem;
    margin: auto; }
    /* line 129, app_site/static/scss/app_site/page_home/style.mobile.scss */
    #avis .carrousel-wrap::before, #avis .carrousel-wrap::after {
      --width: 0; }
    /* line 134, app_site/static/scss/app_site/page_home/style.mobile.scss */
    #avis .carrousel-wrap .carrousel {
      /* Gestion fondu */
      max-width: 40rem;
      margin: auto; }
      /* line 140, app_site/static/scss/app_site/page_home/style.mobile.scss */
      #avis .carrousel-wrap .carrousel ul li {
        padding: 3rem 2rem; }
        /* line 143, app_site/static/scss/app_site/page_home/style.mobile.scss */
        #avis .carrousel-wrap .carrousel ul li .avis {
          width: 20rem;
          max-width: 20rem;
          min-width: 25rem;
          font-size: var(--site-p3);
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
          scroll-snap-align: start;
          scroll-margin-left: 2rem; } }
        @media screen and (max-width: 768px) and (max-width: 400px) {
          /* line 143, app_site/static/scss/app_site/page_home/style.mobile.scss */
          #avis .carrousel-wrap .carrousel ul li .avis {
            scroll-margin-left: 1rem; } }
@media screen and (max-width: 768px) {
          /* line 161, app_site/static/scss/app_site/page_home/style.mobile.scss */
          #avis .carrousel-wrap .carrousel ul li .avis .note {
            top: -2rem;
            margin: 0 auto;
            right: auto;
            left: 50%;
            transform: translateX(-50%); }
          /* line 171, app_site/static/scss/app_site/page_home/style.mobile.scss */
          #avis .carrousel-wrap .carrousel ul li .avis .entete {
            text-align: center;
            position: relative;
            top: 1.5rem;
            padding-bottom: 0.2rem;
            background-color: var(--bg-2, #EBEBEB); }
          /* line 179, app_site/static/scss/app_site/page_home/style.mobile.scss */
          #avis .carrousel-wrap .carrousel ul li .avis .content {
            height: 20rem;
            padding-top: 2.5rem;
            padding-bottom: 2.5rem; }
  /* line 193, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #objections ul li details summary h4 {
    font-family: var(--font-2), sans-serif; }
  /* line 199, app_site/static/scss/app_site/page_home/style.mobile.scss */
  #conclusion ul {
    flex-direction: column;
    align-items: center; }
  /* line 205, app_site/static/scss/app_site/page_home/style.mobile.scss */
  main {
    padding-bottom: 0; } }