/* =========================================================
   RENOV PARTENAIRES — RPLOCAL
   CSS COMPLET
   ========================================================= */


/* =========================================================
   0 — VARIABLES
   ========================================================= */

.rplocal{
  --rp-navy:#082b55;
  --rp-navy-2:#123f70;

  --rp-orange:#ff6900;
  --rp-orange-medium:#f6a164;
  --rp-orange-light:#ffd5b8;
  --rp-orange-pale:#fff2e9;

  --rp-green:#218a61;
  --rp-green-soft:#eaf7f1;

  --rp-text:#40566b;
  --rp-muted:#718295;

  --rp-line:#dce5ec;
  --rp-line-soft:#eaf0f4;

  --rp-soft:#f4f7f9;
  --rp-white:#ffffff;

  --rp-max:1240px;

  width:100%;

  overflow:hidden;

  background:#fff;

  color:var(--rp-text);

  font-family:
    Arial,
    Helvetica,
    sans-serif;
}


.rplocal *,
.rplocal *::before,
.rplocal *::after{
  box-sizing:border-box;
}


.rplocal img,
.rplocal svg{
  display:block;
  max-width:100%;
}


.rplocal figure,
.rplocal ul,
.rplocal ol{
  margin:0;
  padding:0;
}


.rplocal ul,
.rplocal ol{
  list-style:none;
}


.rplocal a{
  text-decoration:none;
}


.rplocal-wrap{
  width:min(
    calc(100% - 48px),
    var(--rp-max)
  );

  margin-inline:auto;
}


.rplocal-section{
  padding:74px 0;
}


.rplocal h1,
.rplocal h2,
.rplocal h3{
  margin:0;

  color:var(--rp-navy);

  font-weight:850;
}


.rplocal h1{
  font-size:
    clamp(
      43px,
      5vw,
      66px
    );

  line-height:.98;

  letter-spacing:-.035em;
}


.rplocal h2{
  font-size:
    clamp(
      30px,
      3vw,
      41px
    );

  line-height:1.08;

  letter-spacing:-.025em;
}


.rplocal h3{
  font-size:20px;

  line-height:1.16;
}


.rplocal p{
  margin:0;

  font-size:15px;

  line-height:1.65;
}


.rplocal-kicker{
  margin-bottom:11px!important;

  color:#5d7387!important;

  font-size:11px!important;

  line-height:1.2!important;

  font-weight:900!important;

  letter-spacing:.10em;

  text-transform:uppercase;
}



/* =========================================================
   1 — HERO
   ========================================================= */

.rplocal-hero{
  background:
    linear-gradient(
      120deg,
      #f5f7f9 0%,
      #f8fafb 50%,
      #ffffff 100%
    );
}


.rplocal-hero-grid{
  display:grid;

  grid-template-columns:
    minmax(0,.92fr)
    minmax(0,1.08fr);

  min-height:540px;
}


.rplocal-hero-copy{
  align-self:center;

  padding:
    64px
    55px
    54px
    0;
}


.rplocal-hero-subtitle{
  margin-top:18px!important;

  color:var(--rp-navy)!important;

  font-size:13px!important;

  font-weight:900!important;

  letter-spacing:.07em;
}


.rplocal-hero-text{
  max-width:570px;

  margin-top:19px!important;

  color:#52697e!important;
}


.rplocal-hero-phone{
  display:inline-flex;

  margin-top:27px;

  padding:
    13px
    22px;

  border-radius:999px;

  background:var(--rp-orange);

  color:#fff!important;

  font-size:14px;

  font-weight:900;
}


.rplocal-hero-media{
  position:relative;

  min-height:540px;

  overflow:hidden;

  border-radius:
    0
    0
    0
    34px;
}


.rplocal-hero-media img{
  width:100%;

  height:100%;

  min-height:540px;

  object-fit:cover;
}


.rplocal-hero-media figcaption{
  position:absolute;

  left:24px;

  bottom:23px;

  padding:
    9px
    14px;

  border-left:
    4px solid
    var(--rp-orange);

  border-radius:7px;

  background:
    rgba(8,43,85,.94);

  color:#fff;

  font-size:11px;

  font-weight:900;
}


/* HERO ENGAGEMENTS */

.rplocal-hero-points{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  background:#fff;

  border-top:
    1px solid
    var(--rp-line);

  border-bottom:
    1px solid
    var(--rp-line);
}


.rplocal-hero-points li{
  position:relative;

  min-height:75px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    17px
    22px
    17px
    38px;

  border-right:
    1px solid
    var(--rp-line-soft);
}


.rplocal-hero-points li:last-child{
  border-right:0;
}


.rplocal-hero-points li::before{
  content:"";

  position:absolute;

  left:19px;

  top:50%;

  width:8px;

  height:8px;

  margin-top:-4px;

  border-radius:50%;

  background:var(--rp-green);
}


.rplocal-hero-points strong{
  color:var(--rp-navy);

  font-size:13px;

  font-weight:900;
}


.rplocal-hero-points span{
  margin-top:3px;

  color:var(--rp-muted);

  font-size:10.5px;
}



/* =========================================================
   2 — TITRES SECTIONS
   ========================================================= */

.rplocal-section-head{
  display:grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(0,.85fr);

  gap:45px;

  align-items:end;

  margin-bottom:31px;
}


.rplocal-section-head > p{
  max-width:460px;

  color:#63778a;

  font-size:13px;
}



/* =========================================================
   3 — CARROUSEL SERVICES
   6 CARTES
   4 VISIBLES SUR DESKTOP
   ========================================================= */

.rplocal-services{
  background:#fff;
}


/*
  IMPORTANT

  La largeur du conteneur = 100%.
  3 espaces de 16px entre 4 cartes.

  Donc :
  (100% - 48px) / 4

  Les cartes 5 et 6 restent hors écran
  et deviennent accessibles horizontalement.
*/

.rplocal-services-track{
  display:grid;

  grid-auto-flow:column;

  grid-auto-columns:
    calc(
      (100% - 48px) / 4
    );

  gap:16px;

  width:min(
    calc(100% - 48px),
    var(--rp-max)
  );

  overflow-x:auto!important;

  overflow-y:hidden!important;

  overscroll-behavior-x:contain;

  scroll-snap-type:x mandatory;

  scroll-behavior:smooth;

  -webkit-overflow-scrolling:touch;

  scrollbar-width:thin;

  scrollbar-color:
    #c6d1da
    #eef2f5;

  padding-bottom:17px!important;
}


.rplocal-services-track::-webkit-scrollbar{
  height:8px;
}


.rplocal-services-track::-webkit-scrollbar-track{
  background:#eef2f5;

  border-radius:999px;
}


.rplocal-services-track::-webkit-scrollbar-thumb{
  background:#c4cfd8;

  border-radius:999px;
}


.rplocal-services-track > li{
  min-width:0;

  scroll-snap-align:start;
}


/* CARTE */

.rplocal-service-card{
  height:100%;

  min-height:455px;

  overflow:hidden;

  border:
    1px solid
    var(--rp-line);

  border-radius:18px;

  background:#fff;

  box-shadow:
    0
    7px
    22px
    rgba(8,43,85,.045);
}



/* =========================================================
   FOND ORANGE PLUS DOUX
   ========================================================= */

.rplocal-service-icon{
  height:108px;

  min-height:108px;

  display:grid;

  place-items:center;

  background:
    linear-gradient(
      135deg,
      #ffd8bd 0%,
      #f5a56b 100%
    );

  color:var(--rp-navy);
}


.rplocal-service-icon svg{
  width:54px!important;

  height:54px!important;

  max-width:54px!important;

  max-height:54px!important;

  color:var(--rp-navy)!important;
}



/* =========================================================
   CONTENU SERVICE
   ========================================================= */

.rplocal-service-body{
  display:flex;

  flex-direction:column;

  height:
    calc(
      100% - 108px
    );

  padding:
    20px
    20px
    21px;
}


.rplocal-service-body h3{
  min-height:48px;

  margin-bottom:6px;

  font-size:20px;
}


.rplocal-service-summary{
  min-height:43px;

  color:#718295!important;

  font-size:11.5px!important;

  line-height:1.45!important;
}



/* =========================================================
   PRESTATIONS
   AUCUNE PUCE
   ========================================================= */

.rplocal-service-actions{
  display:grid;

  margin-top:13px!important;

  border-top:
    1px solid
    var(--rp-line-soft);
}


.rplocal-service-actions strong{
  display:block;

  padding:
    7px
    0;

  border-bottom:
    1px solid
    var(--rp-line-soft);

  color:var(--rp-navy);

  font-size:11.5px;

  line-height:1.25;

  font-weight:850;
}


.rplocal-service-actions strong:last-child{
  border-bottom:0;
}



/* =========================================================
   PRIX
   ========================================================= */

.rplocal-service-price{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:10px;

  margin-top:13px!important;

  padding:
    9px
    11px;

  border-radius:9px;

  background:
    var(--rp-orange-pale);

  border-left:
    4px solid
    var(--rp-orange);
}


.rplocal-service-price span{
  color:#7b5b45;

  font-size:9px;

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:.04em;
}


.rplocal-service-price strong{
  color:var(--rp-navy);

  font-size:13px;

  font-weight:900;

  text-align:right;
}


.rplocal-service-body > a{
  display:inline-block;

  margin-top:auto;

  padding-top:15px;

  color:var(--rp-green)!important;

  font-size:10.5px;

  font-weight:900;
}



/* =========================================================
   4 — CHALLANS
   ========================================================= */

.rplocal-city{
  background:
    linear-gradient(
      135deg,
      #f2f5f7,
      #f7f9fa
    );
}


.rplocal-city-grid{
  display:grid;

  grid-template-columns:
    minmax(0,1.06fr)
    minmax(0,.94fr);

  gap:48px;

  align-items:center;
}


.rplocal-city-map{
  position:relative;

  overflow:hidden;

  border-radius:20px;

  background:#e1e8ed;

  box-shadow:
    0 10px 30px
    rgba(8,43,85,.06);
}


.rplocal-city-map iframe{
  display:block;

  width:100%;

  height:320px;

  border:0;
}


.rplocal-city-map figcaption{
  position:absolute;

  left:15px;

  bottom:14px;

  padding:
    7px
    11px;

  border-radius:7px;

  background:
    rgba(8,43,85,.95);

  color:#fff;

  font-size:9.5px;

  font-weight:900;
}


.rplocal-city-photos{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:10px;

  margin-top:10px!important;
}


.rplocal-city-photos figure{
  position:relative;

  height:137px;

  overflow:hidden;

  border-radius:14px;
}


.rplocal-city-photos img{
  width:100%;

  height:100%;

  object-fit:cover;
}


.rplocal-city-photos figcaption{
  position:absolute;

  left:8px;

  bottom:8px;

  padding:
    5px
    8px;

  border-radius:6px;

  background:
    rgba(8,43,85,.92);

  color:#fff;

  font-size:9px;

  font-weight:900;
}


.rplocal-city-copy{
  max-width:510px;
}


.rplocal-city-copy h2{
  margin-bottom:18px;
}


.rplocal-city-copy p{
  color:#536a7e;

  font-size:13.5px;
}


.rplocal-city-copy p + p{
  margin-top:13px;
}


.rplocal-city-signature{
  display:inline-block;

  margin-top:21px;

  padding:
    9px
    13px;

  border-left:
    4px solid
    var(--rp-orange);

  background:#fff;

  color:var(--rp-navy);

  font-size:11px;

  font-weight:900;
}



/* =========================================================
   5 — GUIDES
   ========================================================= */

.rplocal-guides{
  padding:74px 0;

  background:#fff;
}


.rplocal-guides-head{
  display:grid;

  grid-template-columns:
    145px
    1fr
    .8fr;

  gap:27px;

  align-items:end;

  margin-bottom:32px;
}


.rplocal-guides-kicker{
  color:#5d7285;

  font-size:11px;

  font-weight:900;

  letter-spacing:.08em;
}


.rplocal-guides-grid{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:18px;
}


.rplocal-guide-card{
  overflow:hidden;

  border:
    1px solid
    var(--rp-line);

  border-radius:17px;

  background:#fff;
}


.rplocal-guide-card header{
  min-height:190px;

  padding:
    30px
    21px
    21px;
}


.rplocal-guide-card header span{
  display:inline-block;

  padding:
    6px
    10px;

  border-radius:999px;

  background:var(--rp-navy);

  color:#fff;

  font-size:8.5px;

  font-weight:900;
}


.rplocal-guide-card.guide-orange header span{
  background:var(--rp-orange);
}


.rplocal-guide-card.guide-green header span{
  background:var(--rp-green);
}


.rplocal-guide-card h3{
  margin-top:22px;

  font-size:19px;
}


.rplocal-guide-card footer{
  position:relative;

  min-height:178px;

  overflow:hidden;

  padding:
    88px
    19px
    18px;

  background:
    linear-gradient(
      145deg,
      var(--rp-navy) 0 68%,
      var(--rp-orange) 68%
    );

  color:#fff;
}


.rplocal-guide-card.guide-orange footer{
  background:
    linear-gradient(
      145deg,
      var(--rp-orange) 0 68%,
      var(--rp-navy) 68%
    );
}


.rplocal-guide-card.guide-green footer{
  background:
    linear-gradient(
      145deg,
      var(--rp-green) 0 68%,
      var(--rp-navy) 68%
    );
}


.rplocal-guide-card footer > strong{
  position:absolute;

  top:8px;

  left:16px;

  color:
    rgba(255,255,255,.18);

  font-size:75px;
}


.rplocal-guide-card footer small,
.rplocal-guide-card footer b{
  position:relative;

  z-index:2;

  display:block;
}


.rplocal-guide-card footer small{
  font-size:8.5px;

  font-weight:850;
}


.rplocal-guide-card footer b{
  margin-top:7px;

  font-size:17px;
}



/* =========================================================
   6 — PROCESS
   ========================================================= */

.rplocal-process-section{
  background:#f3f6f8;
}


.rplocal-process{
  position:relative;

  display:grid;

  grid-template-columns:
    1fr
    1fr;

  overflow:hidden;

  border:
    1px solid
    var(--rp-line);

  border-radius:23px;

  background:#fff;

  box-shadow:
    0
    14px
    40px
    rgba(8,43,85,.06);
}


.rplocal-process::before{
  content:"";

  position:absolute;

  top:0;

  left:0;

  right:0;

  height:6px;

  background:
    linear-gradient(
      90deg,
      var(--rp-orange) 0 50%,
      var(--rp-green) 50% 100%
    );
}


.rplocal-process > section{
  padding:
    44px
    42px;
}


.rplocal-process > section:first-child{
  background:#f8fafb;

  border-right:
    1px solid
    var(--rp-line);
}


.rplocal-process h2{
  font-size:
    clamp(
      27px,
      2.4vw,
      33px
    );
}


.rplocal-process-label{
  display:inline-block;

  margin-bottom:14px!important;

  padding:
    7px
    11px;

  border-radius:999px;

  background:#fff0e7;

  color:#d75800!important;

  font-size:9px!important;

  font-weight:900!important;
}


.rplocal-process-label.green{
  background:var(--rp-green-soft);

  color:var(--rp-green)!important;
}


.rplocal-process-steps{
  display:grid;

  grid-template-columns:
    1fr
    1fr;

  gap:11px;

  margin-top:23px!important;
}


.rplocal-process-steps li{
  display:grid;

  grid-template-columns:
    38px
    1fr;

  gap:10px;

  align-items:center;

  padding:12px;

  border:
    1px solid
    var(--rp-line);

  border-radius:12px;

  background:#fff;
}


.rplocal-process-steps > li > strong{
  width:38px;

  height:38px;

  display:grid;

  place-items:center;

  border:
    2px solid
    var(--rp-green);

  border-radius:50%;

  color:var(--rp-green);

  font-size:9.5px;
}


.rplocal-process-steps b,
.rplocal-process-steps span{
  display:block;
}


.rplocal-process-steps b{
  color:var(--rp-navy);

  font-size:11.5px;
}


.rplocal-process-steps span{
  color:var(--rp-muted);

  font-size:9.5px;
}


.rplocal-process-services{
  display:grid;

  grid-template-columns:
    1fr
    1fr;

  gap:9px;

  margin-top:22px!important;
}


.rplocal-process-services li{
  padding:
    11px
    12px;

  border-left:
    4px solid
    var(--rp-green);

  border-radius:8px;

  background:#f5f9f7;

  color:var(--rp-navy);

  font-size:11px;

  font-weight:850;
}


.rplocal-process-phone{
  display:inline-flex;

  margin-top:21px;

  padding:
    12px
    18px;

  border-radius:999px;

  background:var(--rp-navy);

  color:#fff!important;

  font-weight:900;
}



/* =========================================================
   7 — PARTENAIRES
   ========================================================= */

.rplocal-partners{
  padding:76px 0;

  background:
    linear-gradient(
      180deg,
      #fff 0%,
      #fff9f4 54%,
      #fff 100%
    );
}


.rplocal-partners-head{
  display:grid;

  grid-template-columns:
    1fr
    420px;

  gap:
    12px
    50px;

  align-items:end;

  margin-bottom:30px;
}


.rplocal-partners-head .rplocal-kicker{
  grid-column:1 / -1;
}


.rplocal-partners-number{
  width:45px;

  height:45px;

  flex:none;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:var(--rp-navy);

  color:#fff;

  font-size:10px;

  font-weight:900;
}


.rplocal-partners-eyebrow{
  margin-bottom:6px!important;

  color:var(--rp-orange)!important;

  font-size:9px!important;

  font-weight:900!important;

  letter-spacing:.1em;
}


/* ASSURANCES */

.rplocal-insurance-panel{
  overflow:hidden;

  border:
    1px solid
    var(--rp-line);

  border-top:
    5px solid
    var(--rp-orange);

  border-radius:22px;

  background:#fff;
}


.rplocal-insurance-panel-head{
  display:flex;

  align-items:center;

  gap:17px;

  padding:
    25px
    28px
    17px;
}


.rplocal-insurance-logos{
  display:grid;

  grid-auto-flow:column;

  grid-auto-columns:160px;

  gap:11px;

  overflow-x:auto;

  padding:
    7px
    28px
    21px!important;

  scroll-snap-type:x proximity;
}


.rplocal-insurance-logo{
  height:75px;

  display:flex;

  align-items:center;

  justify-content:center;

  padding:
    12px
    18px;

  border:
    1px solid
    #e1e8ed;

  border-radius:12px;

  background:#fff;
}


.rplocal-insurance-logo img{
  width:auto!important;

  height:auto!important;

  max-width:115px!important;

  max-height:42px!important;

  object-fit:contain!important;

  filter:none!important;
}


.rplocal-insurance-footer{
  display:flex;

  align-items:center;

  gap:11px;

  overflow-x:auto;

  padding:
    14px
    27px;

  background:var(--rp-navy);

  color:#fff;
}


.rplocal-insurance-footer strong{
  flex:none;

  padding:
    6px
    10px;

  border-radius:999px;

  background:var(--rp-orange);

  font-size:8.5px;
}


.rplocal-insurance-footer span{
  flex:none;

  color:#fff;

  font-size:10px;

  white-space:nowrap;
}


.rplocal-insurance-footer i{
  color:#ff9f5e;
}



/* IMMOBILIER */

.rplocal-property-panel{
  margin-top:22px;

  padding:
    27px
    28px;

  border:
    1px solid
    var(--rp-line);

  border-radius:22px;

  background:#f8fafb;
}


.rplocal-property-head{
  display:flex;

  align-items:center;

  gap:17px;

  margin-bottom:21px;
}


.rplocal-property-cards{
  display:grid;

  grid-template-columns:
    1fr
    1fr;

  gap:15px;
}


.rplocal-property-card{
  min-height:183px;

  padding:
    23px
    24px;

  border:
    1px solid
    #dde6ec;

  border-radius:16px;

  background:#fff;
}


.rplocal-property-cards > li:first-child .rplocal-property-card{
  border-left:
    6px solid
    var(--rp-orange);
}


.rplocal-property-cards > li:last-child .rplocal-property-card{
  border-left:
    6px solid
    var(--rp-green);
}


.rplocal-property-badge{
  display:inline-block;

  margin-bottom:14px;

  padding:
    6px
    9px;

  border-radius:999px;

  background:#fff0e5;

  color:#e65f00;

  font-size:8.5px;

  font-weight:900;
}


.rplocal-property-badge.green{
  background:var(--rp-green-soft);

  color:var(--rp-green);
}



/* =========================================================
   8 — FAQ
   ========================================================= */

.rplocal-faq{
  background:#f4f7f9;
}


.rplocal-faq-grid{
  display:grid;

  grid-template-columns:
    1fr
    1fr;

  gap:12px;

  margin-top:28px;
}


.rplocal-faq details{
  border:
    1px solid
    var(--rp-line);

  border-radius:13px;

  background:#fff;
}


.rplocal-faq summary{
  position:relative;

  padding:
    17px
    44px
    17px
    18px;

  cursor:pointer;

  color:var(--rp-navy);

  font-size:12px;

  font-weight:900;
}


.rplocal-faq summary::after{
  content:"+";

  position:absolute;

  right:17px;

  color:var(--rp-orange);

  font-size:23px;
}


.rplocal-faq details[open] summary::after{
  content:"−";
}


.rplocal-faq details p{
  padding:
    0
    18px
    17px;

  color:#65788b;

  font-size:11.5px;
}



/* =========================================================
   9 — CTA
   ========================================================= */

.rplocal-cta{
  padding:
    58px
    24px;

  background:
    linear-gradient(
      135deg,
      #082b55,
      #10416f
    );

  text-align:center;
}


.rplocal-cta article{
  max-width:850px;

  margin:auto;
}


.rplocal-cta article > p{
  margin-bottom:9px;

  color:#b9cede;

  font-size:9px;

  font-weight:900;
}


.rplocal-cta h2{
  color:#fff;
}


.rplocal-cta a{
  display:inline-flex;

  margin-top:21px;

  padding:
    13px
    22px;

  border-radius:999px;

  background:var(--rp-orange);

  color:#fff!important;

  font-weight:900;
}



/* =========================================================
   10 — FOOTER ORANGE CLAIR
   ========================================================= */

.rplocal-footer{
  border-top:
    6px solid
    var(--rp-orange);

  background:
    linear-gradient(
      120deg,
      #ffe7d2 0%,
      #fff0e2 42%,
      #ffdaba 100%
    );
}


.rplocal-footer-grid{
  display:grid;

  grid-template-columns:
    1.25fr
    1fr
    1fr;

  gap:48px;

  padding:
    45px
    0
    39px;
}


.rplocal-footer-brand img{
  width:215px;

  height:auto;
}


.rplocal-footer-brand p{
  max-width:310px;

  margin-top:15px;

  color:#4e6376;

  font-size:11.5px;
}


.rplocal-footer-phone{
  display:inline-flex;

  margin-top:17px;

  padding:
    11px
    17px;

  border-radius:999px;

  background:var(--rp-navy);

  color:#fff!important;

  font-size:12px;

  font-weight:900;
}


.rplocal-footer h3{
  padding-bottom:11px;

  border-bottom:
    3px solid
    var(--rp-orange);
}


.rplocal-footer nav ul{
  display:grid;

  gap:9px;

  margin-top:16px;
}


.rplocal-footer nav a{
  color:#3e556a!important;

  font-size:11px;

  font-weight:800;
}


.rplocal-footer-bottom{
  margin:0!important;

  padding:
    15px
    20px;

  background:
    rgba(255,255,255,.27);

  color:var(--rp-navy)!important;

  text-align:center;

  font-size:9.5px!important;

  font-weight:850;
}



/* =========================================================
   TABLETTE
   ========================================================= */

@media(max-width:1000px){

  .rplocal-hero-grid,
  .rplocal-city-grid,
  .rplocal-process{
    grid-template-columns:1fr;
  }


  .rplocal-hero-copy{
    padding:
      55px
      0
      45px;
  }


  .rplocal-hero-points{
    grid-template-columns:
      1fr
      1fr;
  }


  .rplocal-section-head,
  .rplocal-guides-head,
  .rplocal-partners-head{
    grid-template-columns:1fr;
  }


  .rplocal-partners-head .rplocal-kicker{
    grid-column:auto;
  }


  /*
    2 CARTES + UNE PARTIE DE LA TROISIÈME
  */

  .rplocal-services-track{
    grid-auto-columns:
      calc(
        (100% - 16px) / 2.25
      );
  }


  .rplocal-guides-grid{
    grid-template-columns:
      1fr
      1fr;
  }


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

}



/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:680px){

  .rplocal-wrap{
    width:
      calc(
        100% - 24px
      );
  }


  .rplocal-section,
  .rplocal-guides,
  .rplocal-partners{
    padding:
      52px
      0;
  }


  .rplocal h1{
    font-size:40px;
  }


  .rplocal h2{
    font-size:29px;
  }


  .rplocal-hero-points{
    grid-template-columns:
      1fr
      1fr;
  }


  /*
    UNE CARTE + UNE PETITE PARTIE
    DE LA SUIVANTE POUR MONTRER
    QU'IL FAUT FAIRE GLISSER
  */

  .rplocal-services-track{
    grid-auto-columns:84%;
  }


  .rplocal-service-card{
    min-height:445px;
  }


  .rplocal-city-photos{
    grid-template-columns:
      repeat(3,1fr);
  }


  .rplocal-city-photos figure{
    height:100px;
  }


  .rplocal-guides-grid,
  .rplocal-process-steps,
  .rplocal-process-services,
  .rplocal-faq-grid,
  .rplocal-property-cards,
  .rplocal-footer-grid{
    grid-template-columns:1fr;
  }


  .rplocal-process > section{
    padding:
      31px
      20px;
  }


  .rplocal-insurance-logos{
    grid-auto-columns:140px;
  }


  .rplocal-insurance-logo img{
    max-width:100px!important;

    max-height:37px!important;
  }

}



/* =========================================================
   PETIT MOBILE
   ========================================================= */

@media(max-width:420px){

  .rplocal h1{
    font-size:36px;
  }


  .rplocal-hero-points{
    grid-template-columns:1fr;
  }


  .rplocal-services-track{
    grid-auto-columns:88%;
  }


  .rplocal-city-photos{
    grid-template-columns:1fr;
  }


  .rplocal-city-photos figure{
    height:165px;
  }

}