main.nos-villages section.hero {
  background-color: white;
  padding: 100px 0;
}
main.nos-villages section.hero .button-localisation {
  display: flex;
  background-color: var(--primary);
  width: 300px;
  border-radius: 100px;
  border: 3px solid var(--primary);
  overflow: hidden;
}
main.nos-villages section.hero .button-localisation form {
  display: flex;
}
main.nos-villages section.hero .button-localisation form input {
  width: calc(100% - 40px);
  border-radius: 0px;
  border: none;
  padding-left: 15px;
}
main.nos-villages section.hero .button-localisation form button {
  border-radius: 0px;
  height: 100%;
  margin: 0px;
  width: 40px;
  padding: 0px;
  border: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.nos-villages section.hero .button-localisation form button:after {
  content: " ";
  width: 20px;
  height: 20px;
  display: block;
  font-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.81507%2017.1081V15.6271C5.38813%2015.4544%204.16381%2014.8157%203.14212%2013.7112C2.12043%2012.6066%201.52968%2011.2831%201.36986%209.74042H0V8.25949H1.36986C1.52968%206.71685%202.12043%205.39327%203.14212%204.28874C4.16381%203.18421%205.38813%202.54555%206.81507%202.37278V0.891846H8.18493V2.37278C9.61187%202.54555%2010.8362%203.18421%2011.8579%204.28874C12.8796%205.39327%2013.4703%206.71685%2013.6301%208.25949H15V9.74042H13.6301C13.4703%2011.2831%2012.8796%2012.6066%2011.8579%2013.7112C10.8362%2014.8157%209.61187%2015.4544%208.18493%2015.6271V17.1081H6.81507ZM7.5%2014.1832C8.8242%2014.1832%209.95434%2013.6772%2010.8904%2012.6653C11.8265%2011.6533%2012.2945%2010.4315%2012.2945%208.99995C12.2945%207.56839%2011.8265%206.34662%2010.8904%205.33464C9.95434%204.32267%208.8242%203.81669%207.5%203.81669C6.1758%203.81669%205.04566%204.32267%204.10959%205.33464C3.17352%206.34662%202.70548%207.56839%202.70548%208.99995C2.70548%2010.4315%203.17352%2011.6533%204.10959%2012.6653C5.04566%2013.6772%206.1758%2014.1832%207.5%2014.1832ZM7.5%2011.9618C6.74658%2011.9618%206.1016%2011.6718%205.56507%2011.0918C5.02854%2010.5117%204.76027%209.81447%204.76027%208.99995C4.76027%208.18544%205.02854%207.48817%205.56507%206.90814C6.1016%206.3281%206.74658%206.03809%207.5%206.03809C8.25342%206.03809%208.8984%206.3281%209.43493%206.90814C9.97146%207.48817%2010.2397%208.18544%2010.2397%208.99995C10.2397%209.81447%209.97146%2010.5117%209.43493%2011.0918C8.8984%2011.6718%208.25342%2011.9618%207.5%2011.9618ZM7.5%2010.4809C7.87671%2010.4809%208.1992%2010.3359%208.46747%2010.0459C8.73573%209.75585%208.86986%209.40721%208.86986%208.99995C8.86986%208.5927%208.73573%208.24406%208.46747%207.95405C8.1992%207.66403%207.87671%207.51902%207.5%207.51902C7.12329%207.51902%206.8008%207.66403%206.53253%207.95405C6.26427%208.24406%206.13014%208.5927%206.13014%208.99995C6.13014%209.40721%206.26427%209.75585%206.53253%2010.0459C6.8008%2010.3359%207.12329%2010.4809%207.5%2010.4809Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
main.nos-villages section.hero .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.nos-villages section.hero .container {
    gap: 20px;
  }
}
main.nos-villages section.hero h1 {
  font-weight: 500;
  line-height: 120%;
}
main.nos-villages section.hero h1 strong {
  font-weight: 700;
  font-size: 55px;
  line-height: 120%;
}
main.nos-villages section.hero .content {
  width: var(--col-6);
}
@media screen and (max-width: 768px) {
  main.nos-villages section.hero .content {
    width: 100%;
  }
}
main.nos-villages section.hero .content .cta-container {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
main.nos-villages section.hero .map {
  width: var(--col-5);
  position: relative;
  height: 500px;
  background-color: grey;
}
@media screen and (max-width: 768px) {
  main.nos-villages section.hero .map {
    width: 100%;
  }
}
main.nos-villages section.villages {
  background-color: var(--background-light);
  padding: 100px 0;
}
main.nos-villages section.villages .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 20px;
}
@media screen and (max-width: 768px) {
  main.nos-villages section.villages .container {
    grid-template-columns: repeat(1, 1fr);
  }
}
main.nos-villages section.villages .container .village {
  background-color: white;
  position: relative;
}
main.nos-villages section.villages .container .village .label {
  font-size: 12px;
  top: 0px;
  left: 0px;
  position: absolute;
}
main.nos-villages section.villages .container .village .thumbnail {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}
main.nos-villages section.villages .container .village .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
main.nos-villages section.villages .container .village .content {
  padding: 20px;
}
main.nos-villages section.villages .container .village .content h3 {
  font-size: 18px;
  color: var(--primary);
  display: inline-flex;
  margin: 0px;
}
main.nos-villages section.villages .container .village .content h3 span {
  display: inline-block;
  margin-left: 5px;
}
main.nos-villages section.villages .container .village .content h3:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9ImxvY2F0aW9uX29uIiBkPSJNNS41IDdDNS44NzgxMyA3IDYuMjAxODIgNi44NjI5MiA2LjQ3MTA5IDYuNTg4NzVDNi43NDAzNyA2LjMxNDU4IDYuODc1IDUuOTg1IDYuODc1IDUuNkM2Ljg3NSA1LjIxNSA2Ljc0MDM3IDQuODg1NDIgNi40NzEwOSA0LjYxMTI1QzYuMjAxODIgNC4zMzcwOCA1Ljg3ODEzIDQuMiA1LjUgNC4yQzUuMTIxODcgNC4yIDQuNzk4MTggNC4zMzcwOCA0LjUyODkxIDQuNjExMjVDNC4yNTk2NCA0Ljg4NTQyIDQuMTI1IDUuMjE1IDQuMTI1IDUuNkM0LjEyNSA1Ljk4NSA0LjI1OTY0IDYuMzE0NTggNC41Mjg5MSA2LjU4ODc1QzQuNzk4MTggNi44NjI5MiA1LjEyMTg3IDcgNS41IDdaTTUuNSAxMi4xNDVDNi44OTc5MiAxMC44MzgzIDcuOTM0OSA5LjY1MTI1IDguNjEwOTQgOC41ODM3NUM5LjI4Njk4IDcuNTE2MjUgOS42MjUgNi41NjgzMyA5LjYyNSA1Ljc0QzkuNjI1IDQuNDY4MzMgOS4yMjY4MiAzLjQyNzA4IDguNDMwNDcgMi42MTYyNUM3LjYzNDExIDEuODA1NDIgNi42NTcyOSAxLjQgNS41IDEuNEM0LjM0MjcxIDEuNCAzLjM2NTg5IDEuODA1NDIgMi41Njk1MyAyLjYxNjI1QzEuNzczMTggMy40MjcwOCAxLjM3NSA0LjQ2ODMzIDEuMzc1IDUuNzRDMS4zNzUgNi41NjgzMyAxLjcxMzAyIDcuNTE2MjUgMi4zODkwNiA4LjU4Mzc1QzMuMDY1MSA5LjY1MTI1IDQuMTAyMDggMTAuODM4MyA1LjUgMTIuMTQ1Wk01LjUgMTRDMy42NTUyMSAxMi40MDE3IDIuMjc3MzQgMTAuOTE3MSAxLjM2NjQxIDkuNTQ2MjVDMC40NTU0NjkgOC4xNzU0MiAwIDYuOTA2NjcgMCA1Ljc0QzAgMy45OSAwLjU1Mjg2NSAyLjU5NTgzIDEuNjU4NTkgMS41NTc1QzIuNzY0MzIgMC41MTkxNjcgNC4wNDQ3OSAwIDUuNSAwQzYuOTU1MjEgMCA4LjIzNTY4IDAuNTE5MTY3IDkuMzQxNDEgMS41NTc1QzEwLjQ0NzEgMi41OTU4MyAxMSAzLjk5IDExIDUuNzRDMTEgNi45MDY2NyAxMC41NDQ1IDguMTc1NDIgOS42MzM1OSA5LjU0NjI1QzguNzIyNjYgMTAuOTE3MSA3LjM0NDc5IDEyLjQwMTcgNS41IDE0WiIgZmlsbD0iIzAwNjU3RSIvPgo8L3N2Zz4K");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 14px;
  margin-right: 15px;
}
main.nos-villages section.villages .container .village .content .link {
  margin-top: 40px;
  display: flex;
  justify-content: flex-end;
}
main.nos-villages section.villages .container .village .content a {
  color: var(--primary);
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  display: flex;
  align-items: center;
}
main.nos-villages section.villages .container .village .content a:after {
  content: "";
  width: 6px;
  height: 6px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMiA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iYXJyb3dfcmlnaHQiIGQ9Ik0wIDRWMEwyIDJMMCA0WiIgZmlsbD0iIzAwNjU3RSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  margin-left: 5px;
}
main.nos-villages section.villages .container .village .content p strong {
  font-weight: 700;
  font-style: italic;
}