@media all {
  *#dm .dmInner nav.u_1998592992 { color:black !important; }

  *#dm .dmInner *.u_1750613186 { width:100% !important; }

  *#dm .dmInner div.u_1750613186 img[dm_changed] {
    border-top-left-radius:3% !important;
    border-top-right-radius:3% !important;
    object-position:50% 0 !important;
    object-fit:cover !important;
  }

  *#dm .dmInner div.u_1750613186 img {
    border-top-left-radius:3% !important;
    border-top-right-radius:3% !important;
    object-position:50% 0 !important;
    object-fit:cover !important;
  }

  *#dm .dmInner *.u_1120055705 { width:100% !important; }

  *#dm .dmInner div.u_1120055705 img[dm_changed] {
    border-radius:2% !important;
    -moz-border-radius:2% !important;
    -webkit-border-radius:2% !important;
  }

  *#dm .dmInner div.u_1120055705 img {
    border-radius:2% !important;
    -moz-border-radius:2% !important;
    -webkit-border-radius:2% !important;
  }

  *#dm .dmInner div.u_1073636303 img[dm_changed] {
    border-radius:2% !important;
    -moz-border-radius:2% !important;
    -webkit-border-radius:2% !important;
  }

  *#dm .dmInner div.u_1073636303 img {
    border-radius:2% !important;
    -moz-border-radius:2% !important;
    -webkit-border-radius:2% !important;
  }

  *#dm .dmInner *.u_1073636303 { width:100% !important; }

  *#dm .dmInner div.u_1632182182 img[dm_changed] {
    border-radius:2% !important;
    -moz-border-radius:2% !important;
    -webkit-border-radius:2% !important;
  }

  *#dm .dmInner div.u_1632182182 img {
    border-radius:2% !important;
    -moz-border-radius:2% !important;
    -webkit-border-radius:2% !important;
  }

  *#dm .dmInner *.u_1632182182 { width:100% !important; }

  *#dm .dmInner *.u_1549788784 { width:100% !important; }

  *#dm .dmInner div.u_1549788784 img[dm_changed] {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner div.u_1549788784 img {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner div.u_1594173756 img[dm_changed] {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner div.u_1594173756 img {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner div.u_1501925839 img[dm_changed] {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner div.u_1501925839 img {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner *.u_1594173756 { width:100% !important; }

  *#dm .dmInner *.u_1501925839 { width:100% !important; }

  *#dm .dmInner div.u_1004546588 img[dm_changed] {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner div.u_1004546588 img {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner *.u_1004546588 { width:100% !important; }

  *#dm .dmInner nav.u_1563765211 { color:white !important; }

  *#dm .dmInner div.u_1569210214 img[dm_changed] {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner div.u_1569210214 img {
    border-radius:3% !important;
    -moz-border-radius:3% !important;
    -webkit-border-radius:3% !important;
  }

  *#dm .dmInner *.u_1569210214 { width:100% !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header[data-overlapping] {
    background-color: rgba(151,151,151,0);
    background-image: initial;
}
}



@media all {
    
#d8d429a0 {
    min-height: 8px;
    background-position: 50% 0%;
    column-gap: 4%;
    row-gap: 24px;
    width: 47.08%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/baab536e/dms3rep/multi/opt/MAISON+ROUGE+-+permis+de+construire+-+NANTES-730h.JPG);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: NaNpx NaNpx NaNpx NaNpx;
}
    
#\32 84fcf8f {
    background-color: var(--color_5);
    background-image: initial;
}
    
#\37 ff2cf61 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 12px;
    width: 44.86646234676007%;
    justify-content: flex-end;
    min-width: 4%;
}
    
#\33 002dae4 {
    padding-top: 11%;
    min-height: 820px;
    column-gap: 8%;
    row-gap: 48px;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    flex-wrap: nowrap;
}
    
#widget_bd8 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_b5m {
    width: 94.02%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#widget_qjj {
    width: 520px;
    height: 330px;
    max-width: 100%;
    order: 3;
    justify-self: auto;
    align-self: auto;
    margin-top: 4%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_bkq {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 002dae4 {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 460px;
    column-gap: 6%;
    padding-top: 18%;
}
    
#d8d429a0 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 50%;
    min-height: 8px;
}
    
#widget_b5m {
    width: 100.00%;
}
    
#\37 ff2cf61 {
    width: 44%;
    min-height: 8px;
    padding-left: 0px;
}
    
#widget_qjj {
    height: 220px;
}
}



@media (max-width: 767px) {
    
#d8d429a0 {
    width: 100%;
    min-height: 240px;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
    
#\37 ff2cf61 {
    width: 100%;
    min-height: 160px;
    align-items: flex-start;
    padding-left: 0px;
    row-gap: 15px;
}
    
#\33 002dae4 {
    min-height: 0;
    flex-direction: column;
    padding-left: 6%;
    padding-right: 6%;
    flex-wrap: nowrap;
    padding-top: 28%;
}
    
#widget_qjj {
    height: 240px;
}
    
#widget_b5m {
    width: 100.00%;
}
}



@media all {
    
#b6520813 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 32px;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\34 c1bde48 {
    background-color: var(--color_5);
    background-image: initial;
}
    
#\33 c859559 {
    min-height: 246px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-top: 2%;
    padding-right: 2%;
    padding-left: 2%;
}
    
#widget_tk3 {
    width: 65.13%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 c859559 {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: auto;
}
    
#b6520813 {
    width: 100%;
    min-height: 8px;
}
    
#widget_tk3 {
    width: 60.41%;
}
}



@media (max-width: 767px) {
    
#b6520813 {
    width: 100%;
    min-height: 160px;
    align-items: center;
}
    
#\33 c859559 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#widget_tk3 {
    width: 100.00%;
    order: 0;
}
}



@media all {
    
#\38 9367742 {
    width: 100%;
    height: 22px;
    max-width: 100%;
    order: 3;
}
    
#aa4abe7f {
    background-color: rgba(0, 0, 0, 0);
    background-image: initial;
}
    
#\36 d41a17f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/baab536e/dms3rep/multi/opt/maison-neuve-plein-pied-773x1030-1920w.jpg);
    order: 1;
    border-radius: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
#\36 d41a17f.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQMH/8QAIxAAAQMDAwUBAAAAAAAAAAAAAQIDBAAFBhESExYhU2GR4f/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAERAhL/2gAMAwEAAhEDEQA/AJ51nMa7txYLch5u38W1QI0Kj7+1mKlRgohJO3XtQt0y+Q4+la4rJVx7f2iep5PhaqdKujl8qI//2Q==');
}
    
#\38 2cc736c {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
    
#e1187875 {
    min-height: 600px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    padding: 5% 4% 2% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#b60bf9f3 {
    margin: 0px 0px 0px 0px;
}
    
#ee1bf3df {
    width: 522px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#cbb89b2a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    order: 0;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#widget_hjo {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 d41a17f {
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 403px;
}
#\36 d41a17f.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQMH/8QAIxAAAQMDAwUBAAAAAAAAAAAAAQIDBAAFBhESExYhU2GR4f/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAERAhL/2gAMAwEAAhEDEQA/AJ51nMa7txYLch5u38W1QI0Kj7+1mKlRgohJO3XtQt0y+Q4+la4rJVx7f2iep5PhaqdKujl8qI//2Q==');
}
    
#\38 2cc736c {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#e1187875 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 6% 6% 6% 6%;
}
    
#ee1bf3df {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#cbb89b2a {
    padding-left: 16px;
    padding-right: 16px;
    row-gap: 10px;
    width: 100%;
    min-height: 160px;
    justify-content: flex-start;
}
}



@media (max-width: 767px) {
    
#aa4abe7f {
    grid-template-rows: minmax(8px, max-content);
}
    
#e1187875 {
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#\38 9367742 {
    height: 18px;
}
    
#\36 d41a17f {
    width: 100%;
    min-height: 246px;
    align-items: center;
    order: 1;
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}
#\36 d41a17f.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQMH/8QAIxAAAQMDAwUBAAAAAAAAAAAAAQIDBAAFBhESExYhU2GR4f/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAERAhL/2gAMAwEAAhEDEQA/AJ51nMa7txYLch5u38W1QI0Kj7+1mKlRgohJO3XtQt0y+Q4+la4rJVx7f2iep5PhaqdKujl8qI//2Q==');
}
    
#\38 2cc736c {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#e1187875 {
    min-height: unset;
    flex-direction: column;
    row-gap: 16px;
    padding: 8% 4% 12% 4%;
}
    
#ee1bf3df {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#cbb89b2a {
    width: 100%;
    min-height: 240px;
    align-items: center;
    order: 0;
}
}



@media all {
    
#a28734a8 {
    margin: 0px 0px 0px 0px;
}
    
#\38 871f205 {
    width: 100%;
    height: 22px;
    max-width: 100%;
    order: 3;
}
    
#\33 6c96964 {
    min-height: 600px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    padding: 2% 4% 5% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#a3eb691a {
    width: 522px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 593d7ce {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\34 89a2ac2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\33 7c64731 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 45.90422649888971%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/baab536e/dms3rep/multi/opt/BIOBEST+-+batiment+industriel+-+st+julien+de+concelles+%2844%29-1920w.jpg);
    order: 0;
    border-radius: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
#\33 7c64731.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAIxAAAQICCwAAAAAAAAAAAAAAAQACAwQFBgcREhMUIUJR8P/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAGxEAAgEFAAAAAAAAAAAAAAAAAAECAxMUMUH/2gAMAwEAAhEDEQA/ALTFZpOTgwMoYXHd7TxWIbR5QEjTPN3u0RUyKj6CzBaR/9k=');
}
    
#bc8398b1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 50%;
    min-width: 4%;
    order: 1;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#b6d5b958 {
    background-color: rgba(0, 0, 0, 0);
    background-image: initial;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 6c96964 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 6% 6% 6% 6%;
}
    
#a3eb691a {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\35 593d7ce {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\33 7c64731 {
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 403px;
}
#\33 7c64731.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAIxAAAQICCwAAAAAAAAAAAAAAAQACAwQFBgcREhMUIUJR8P/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAGxEAAgEFAAAAAAAAAAAAAAAAAAECAxMUMUH/2gAMAwEAAhEDEQA/ALTFZpOTgwMoYXHd7TxWIbR5QEjTPN3u0RUyKj6CzBaR/9k=');
}
    
#bc8398b1 {
    padding-left: 16px;
    padding-right: 16px;
    row-gap: 10px;
    width: 100%;
    min-height: 160px;
    justify-content: flex-start;
}
}



@media (max-width: 767px) {
    
#\33 6c96964 {
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#b6d5b958 {
    grid-template-rows: minmax(8px, max-content);
}
}



@media (max-width: 767px) {
    
#\38 871f205 {
    height: 18px;
}
    
#\33 6c96964 {
    min-height: unset;
    flex-direction: column;
    row-gap: 16px;
    padding: 8% 4% 12% 4%;
}
    
#a3eb691a {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\35 593d7ce {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#\33 7c64731 {
    width: 100%;
    min-height: 246px;
    align-items: center;
    order: 1;
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}
#\33 7c64731.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAIxAAAQICCwAAAAAAAAAAAAAAAQACAwQFBgcREhMUIUJR8P/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAGxEAAgEFAAAAAAAAAAAAAAAAAAECAxMUMUH/2gAMAwEAAhEDEQA/ALTFZpOTgwMoYXHd7TxWIbR5QEjTPN3u0RUyKj6CzBaR/9k=');
}
    
#bc8398b1 {
    width: 100%;
    min-height: 240px;
    align-items: center;
    order: 0;
}
}



@media all {
    
#ad0c32de {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\33 cdb35bd {
    width: 87.57%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#b7416758 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\31 9e422c0 {
    background-color: rgba(255, 147, 22, 1);
    background-image: initial;
}
    
#\33 4d16b37 {
    min-height: 41px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-top: 2%;
    padding-right: 2%;
    padding-left: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#ad0c32de {
    width: 100%;
    min-height: 8px;
}
    
#\33 cdb35bd {
    width: 100.00%;
}
    
#\33 4d16b37 {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 7px;
    padding-bottom: 2%;
}
}



@media (max-width: 767px) {
    
#ad0c32de {
    width: 100%;
    min-height: 97px;
    align-items: center;
    padding-left: 6px;
    padding-right: 6px;
}
    
#\33 cdb35bd {
    width: 100.00%;
}
    
#\33 4d16b37 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 12% 4% 2% 4%;
}
}



@media all {
    
#\39 1371867 {
    width: 99.99671833411618%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\39 ff7d6f8 {
    background-color: rgba(255, 147, 22, 1);
    background-image: initial;
}
    
#\32 b33e5ce {
    width: 99.99671833411618%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\33 0b941d0 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 14px;
    width: 32%;
    justify-content: space-between;
    min-width: 4%;
    background-color: rgba(255,255,255,1);
    border-radius: 20px;
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 1px 1px 1px 1px;
    order: 0;
    padding: 2% 2% 2% 2%;
}
    
#\31 a2f174b {
    width: 100%;
    height: 220px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin-bottom: 5%;
    grid-area: auto / auto / auto / auto;
}
    
#ba900c75 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 14px;
    width: 32%;
    justify-content: space-between;
    min-width: 4%;
    background-color: rgba(255,255,255,1);
    border-radius: 20px;
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 1px 1px 1px 1px;
    order: 2;
    padding: 2% 2% 2% 2%;
}
    
#\30 23ba0ee {
    width: 99.99671833411618%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: 5%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 dd0a1ba {
    width: 99.99671833411618%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: 5%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 47a330a {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 131px;
    max-height: 100%;
}
    
#\38 f71b916 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 131px;
    max-height: 100%;
}
    
#\37 f6d7e14 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 14px;
    width: 32%;
    justify-content: space-between;
    min-width: 4%;
    background-color: rgba(255,255,255,1);
    border-radius: 20px;
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 1px 1px 1px 1px;
    order: 1;
    padding: 2% 2% 2% 2%;
}
    
#cef97ddc {
    width: 100%;
    height: 220px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin-bottom: 5%;
    grid-area: auto / auto / auto / auto;
}
    
#d9641bcf {
    width: 100%;
    height: 220px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin-bottom: 5%;
    grid-area: auto / auto / auto / auto;
}
    
#ac15a67a {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 131px;
    max-height: 100%;
}
    
#\36 24a334d {
    min-height: 515px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 4% 4% 4%;
}
    
#\38 e01f166 {
    width: 99.99671833411618%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#b4e5c442 {
    width: 99.99671833411618%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: 5%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 0b941d0 {
    width: 32%;
    min-height: 8px;
    border-radius: 20px;
    margin: 0% 0% 0% 0%;
}
    
#\37 f6d7e14 {
    width: 32%;
    min-height: 8px;
    border-radius: 20px;
    margin: 0% 0% 0% 0%;
}
    
#cef97ddc {
    height: 200px;
}
    
#\31 a2f174b {
    height: 200px;
}
    
#d9641bcf {
    height: 200px;
}
    
#ba900c75 {
    width: 32%;
    min-height: 8px;
    border-radius: 20px;
    margin: 0% 0% 0% 0%;
}
    
#\36 24a334d {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 460px;
    column-gap: 2%;
    padding-bottom: 12%;
}
}



@media (max-width: 767px) {
    
#\33 0b941d0 {
    width: 100%;
    min-height: 160px;
    align-items: flex-start;
    border-radius: 20px;
    padding: 6% 6% 6% 6%;
    margin: 0% 0% 0% 0%;
}
    
#\34 47a330a {
    align-items: flex-start;
    min-height: 99px;
}
    
#\38 f71b916 {
    align-items: flex-start;
    min-height: 99px;
}
    
#\37 f6d7e14 {
    width: 100%;
    min-height: 160px;
    align-items: flex-start;
    border-radius: 20px;
    padding: 6% 6% 6% 6%;
    margin: 0% 0% 0% 0%;
}
    
#cef97ddc {
    height: 220px;
}
    
#\31 a2f174b {
    height: 220px;
}
    
#d9641bcf {
    height: 220px;
}
    
#ac15a67a {
    align-items: flex-start;
    min-height: 99px;
}
    
#ba900c75 {
    width: 100%;
    min-height: 160px;
    align-items: flex-start;
    border-radius: 20px;
    padding: 6% 6% 6% 6%;
    margin: 0% 0% 0% 0%;
}
    
#\36 24a334d {
    min-height: 0;
    flex-direction: column;
    padding-left: 6%;
    padding-right: 6%;
    flex-wrap: nowrap;
    column-gap: 0%;
    padding-bottom: 12%;
}
}



@media all {
    
#\32 b6df228 {
    min-height: 41px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-top: 2%;
    padding-right: 2%;
    padding-left: 2%;
}
    
#\38 9d1dbbb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\32 0c460f9 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ce4a89b1 {
    background-color: var(--color_5);
    background-image: initial;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 b6df228 {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 7px;
    padding-bottom: 2%;
    column-gap: 0%;
}
    
#\38 9d1dbbb {
    width: 100%;
    min-height: 8px;
}
}



@media (max-width: 767px) {
    
#\32 b6df228 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 12% 6% 2% 6%;
}
    
#\38 9d1dbbb {
    width: 100%;
    min-height: 97px;
    align-items: center;
    padding-left: 6px;
    padding-right: 6px;
}
}



@media all {
    
#e58fcdcc {
    min-height: 8px;
    column-gap: 14%;
    row-gap: 24px;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-width: 4%;
    border-radius: 20px;
    background-color: var(--color_2);
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 1px 1px 1px 1px;
    padding: 4% 4% 4% 4%;
}
    
#\34 9881dcc {
    justify-content: flex-start;
    align-items: flex-start;
    width: 45.18%;
    min-height: 160px;
    max-height: 100%;
}
    
#f7451f4a {
    width: 381.875px;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#a459c845 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#\32 dbf8cba {
    width: 40.23%;
    height: 230px;
    max-width: 100%;
}
    
#\39 1a167bb {
    min-height: 200px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-right: 4%;
    padding-bottom: 2%;
    padding-left: 4%;
}
    
#\30 e632020 {
    background-color: var(--color_5);
    background-image: initial;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e58fcdcc {
    width: 100%;
    min-height: 8px;
    border-radius: 20px;
    column-gap: 3%;
    padding-top: 6%;
    padding-bottom: 6%;
}
    
#\34 9881dcc {
    width: 49.38%;
}
    
#\32 dbf8cba {
    height: 318px;
    width: 47.51%;
}
    
#\39 1a167bb {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 0px;
    padding-top: 8%;
}
}



@media (max-width: 767px) {
    
#e58fcdcc {
    width: 100%;
    min-height: 160px;
    align-items: center;
    border-radius: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6% 6% 6% 6%;
}
    
#\34 9881dcc {
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
    
#\32 dbf8cba {
    height: 200px;
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
    
#\39 1a167bb {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 12% 4% 4% 4%;
}
}



@media all {
    
#\38 3347108 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 45.18%;
    min-height: 160px;
    max-height: 100%;
    order: 0;
}
    
#f66c3b7f {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#\37 ab7f179 {
    min-height: 8px;
    column-gap: 14%;
    row-gap: 24px;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-width: 4%;
    border-radius: 20px;
    background-color: var(--color_2);
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 1px 1px 1px 1px;
    padding: 4% 4% 4% 4%;
}
    
#\34 2b46c1f {
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 4% 2% 4%;
}
    
#ea28e02c {
    width: 381.875px;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#e7b00580 {
    width: 40.16562555054992%;
    height: 230px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\37 b35e547 {
    background-color: var(--color_5);
    background-image: initial;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 3347108 {
    width: 49.38%;
}
    
#\37 ab7f179 {
    width: 100%;
    min-height: 8px;
    border-radius: 20px;
    column-gap: 3%;
    padding-top: 6%;
    padding-bottom: 6%;
}
    
#\34 2b46c1f {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 0px;
}
    
#e7b00580 {
    height: 318px;
    width: 47.51%;
}
}



@media (max-width: 767px) {
    
#\38 3347108 {
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
    
#\37 ab7f179 {
    width: 100%;
    min-height: 160px;
    align-items: center;
    border-radius: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6% 6% 6% 6%;
}
    
#\34 2b46c1f {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 4% 4% 4%;
}
    
#e7b00580 {
    height: 200px;
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\35 dd49a56 {
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 4% 2% 4%;
}
    
#afe16c0f {
    width: 40.23%;
    height: 230px;
    max-width: 100%;
}
    
#\38 51377dd {
    justify-content: flex-start;
    align-items: flex-start;
    width: 45.18%;
    min-height: 160px;
    max-height: 100%;
}
    
#\38 00e82f1 {
    width: 381.875px;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#\34 1aa59f0 {
    min-height: 8px;
    column-gap: 14%;
    row-gap: 24px;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-width: 4%;
    border-radius: 20px;
    background-color: var(--color_2);
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 1px 1px 1px 1px;
    padding: 4% 4% 4% 4%;
}
    
#\38 76c580f {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#\31 96bd74f {
    background-color: var(--color_5);
    background-image: initial;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 dd49a56 {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 367px;
    padding-bottom: 8%;
}
    
#afe16c0f {
    height: 318px;
    width: 47.51%;
}
    
#\38 51377dd {
    width: 49.38%;
}
    
#\34 1aa59f0 {
    width: 100%;
    min-height: 8px;
    border-radius: 20px;
    column-gap: 3%;
    padding-top: 6%;
    padding-bottom: 6%;
}
}



@media (max-width: 767px) {
    
#\35 dd49a56 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 4% 12% 4%;
}
    
#afe16c0f {
    height: 200px;
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
    
#\38 51377dd {
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
    
#\34 1aa59f0 {
    width: 100%;
    min-height: 160px;
    align-items: center;
    border-radius: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6% 6% 6% 6%;
}
}



@media all {
    
#f58ec99d {
    width: 40.20393980332401%;
    height: 230px;
    max-width: 100%;
    order: 1;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\39 1ef15b6 {
    min-height: 8px;
    column-gap: 14%;
    row-gap: 24px;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-width: 4%;
    border-radius: 20px;
    background-color: var(--color_2);
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 1px 1px 1px 1px;
    padding: 4% 4% 4% 4%;
}
    
#\38 8d99508 {
    width: 381.875px;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#\35 6725c78 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#\35 e7b9df0 {
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 4% 2% 4%;
}
    
#\34 10ef054 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 45.106042835929834%;
    min-height: 160px;
    max-height: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\30 b46d179 {
    background-color: var(--color_5);
    background-image: initial;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#f58ec99d {
    height: 318px;
    width: 47.51%;
}
    
#\39 1ef15b6 {
    width: 100%;
    min-height: 8px;
    border-radius: 20px;
    column-gap: 3%;
    padding-top: 6%;
    padding-bottom: 6%;
}
    
#\35 e7b9df0 {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 367px;
    padding-bottom: 8%;
}
    
#\34 10ef054 {
    width: 49.38%;
}
}



@media (max-width: 767px) {
    
#f58ec99d {
    height: 200px;
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
    
#\39 1ef15b6 {
    width: 100%;
    min-height: 160px;
    align-items: center;
    border-radius: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6% 6% 6% 6%;
}
    
#\35 e7b9df0 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 4% 12% 4%;
}
    
#\34 10ef054 {
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\37 9ebc14a {
    background-color: rgba(151,151,151,0);
    background-image: initial;
}
    
#d3f2c75a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    justify-content: flex-start;
    min-width: 4%;
}
    
#\37 f561244 {
    padding-left: 2%;
    min-height: 100px;
    padding-top: 2%;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding-right: 2%;
}
    
#ddc93d0f {
    width: 97.19508255072145%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 f561244 {
    padding-top: 70px;
    min-height: 150px;
}
}



@media (max-width: 767px) {
    
#d3f2c75a {
    min-height: 39px;
    align-items: center;
    width: 100%;
}
    
#\37 f561244 {
    min-height: unset;
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 30px;
}
}



@media all {
    
#b25d4215 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 30.666666666666668%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\31 bf7ea55 {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#widget_tg6 {
    width: 60px;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    align-self: center;
}
    
#widget_gua {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_u2i {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#ab18f4b1 {
    position: relative;
    min-width: 10px;
    min-height: 10px;
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#f7a97d44 {
    position: relative;
    min-width: 10px;
    min-height: 10px;
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\30 9a8ddff {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    max-width: 100%;
    align-self: stretch;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 30.666666666666668%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\30 0f54abf {
    position: relative;
    min-width: 10px;
    min-height: 10px;
    width: 60px;
    height: auto;
    max-width: 100%;
    align-self: center;
}
    
#\35 434b269 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    max-width: 100%;
    align-self: stretch;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 30.666666666666668%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#e4de2ab8 {
    position: relative;
    min-width: 10px;
    min-height: 10px;
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#eb6c3f45 {
    position: relative;
    min-width: 10px;
    min-height: 10px;
    width: 60px;
    height: auto;
    max-width: 100%;
    align-self: center;
    justify-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#ae3b8781 {
    position: relative;
    min-width: 10px;
    min-height: 10px;
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 bf7ea55 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#b25d4215 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\31 bf7ea55 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#\30 9a8ddff {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\35 434b269 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media all {
    
#\33 9231248 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\36 9f5e3f0 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 50%;
    min-width: 4%;
    order: 1;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\38 27a8d15 {
    background-color: rgba(0, 0, 0, 0);
    background-image: initial;
}
    
#\34 4b63f18 {
    min-height: 600px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    padding: 2% 4% 5% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#d4223d5e {
    margin: 0px 0px 0px 0px;
}
    
#a82e4e1b {
    width: 522px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#b6942227 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\38 93af1b2 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 45.90422649888971%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/baab536e/dms3rep/multi/opt/vue-ensemble-maison-st-se-bastien-1030x773-1920w.jpg);
    order: 0;
    border-radius: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
#\38 93af1b2.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAIF/8QAHhAAAAUFAQAAAAAAAAAAAAAAAAEDERICBAUHQQb/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/EABgRAAMBAQAAAAAAAAAAAAAAAAACAwER/9oADAMBAAIRAxEAPwDNx24MqnYW6ECoOLT6wg9p+lc43qMeOQAJ2o3R8mp//9k=');
}
    
#\36 472c38d {
    width: 100%;
    height: 22px;
    max-width: 100%;
    order: 3;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 9231248 {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\36 9f5e3f0 {
    padding-left: 16px;
    padding-right: 16px;
    row-gap: 10px;
    width: 100%;
    min-height: 160px;
    justify-content: flex-start;
}
    
#\34 4b63f18 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 6% 6% 6% 6%;
}
    
#a82e4e1b {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\38 93af1b2 {
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 403px;
}
#\38 93af1b2.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAIF/8QAHhAAAAUFAQAAAAAAAAAAAAAAAAEDERICBAUHQQb/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/EABgRAAMBAQAAAAAAAAAAAAAAAAACAwER/9oADAMBAAIRAxEAPwDNx24MqnYW6ECoOLT6wg9p+lc43qMeOQAJ2o3R8mp//9k=');
}
}



@media (max-width: 767px) {
    
#\38 27a8d15 {
    grid-template-rows: minmax(8px, max-content);
}
    
#\34 4b63f18 {
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#\33 9231248 {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#\36 9f5e3f0 {
    width: 100%;
    min-height: 240px;
    align-items: center;
    order: 0;
}
    
#\34 4b63f18 {
    min-height: unset;
    flex-direction: column;
    row-gap: 16px;
    padding: 8% 4% 12% 4%;
}
    
#a82e4e1b {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\38 93af1b2 {
    width: 100%;
    min-height: 246px;
    align-items: center;
    order: 1;
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}
#\38 93af1b2.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAIF/8QAHhAAAAUFAQAAAAAAAAAAAAAAAAEDERICBAUHQQb/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/EABgRAAMBAQAAAAAAAAAAAAAAAAACAwER/9oADAMBAAIRAxEAPwDNx24MqnYW6ECoOLT6wg9p+lc43qMeOQAJ2o3R8mp//9k=');
}
    
#\36 472c38d {
    height: 18px;
}
}



@media all {
    
#\31 0451037 {
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 4% 2% 4%;
}
    
#dbfbef31 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 45.18%;
    min-height: 160px;
    max-height: 100%;
    order: 0;
}
    
#\35 526e640 {
    width: 381.875px;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
    
#bdf4994a {
    min-height: 8px;
    column-gap: 14%;
    row-gap: 24px;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-width: 4%;
    border-radius: 20px;
    background-color: var(--color_2);
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 1px 1px 1px 1px;
    padding: 4% 4% 4% 4%;
}
    
#\33 107b72e {
    width: 40.16562555054992%;
    height: 230px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#ac9e46b1 {
    background-color: var(--color_5);
    background-image: initial;
}
    
#d331e509 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 5%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 0451037 {
    padding-left: 4%;
    padding-right: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 0px;
}
    
#dbfbef31 {
    width: 49.38%;
}
    
#bdf4994a {
    width: 100%;
    min-height: 8px;
    border-radius: 20px;
    column-gap: 3%;
    padding-top: 6%;
    padding-bottom: 6%;
}
    
#\33 107b72e {
    height: 318px;
    width: 47.51%;
}
}



@media (max-width: 767px) {
    
#\31 0451037 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 4% 4% 4%;
}
    
#dbfbef31 {
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
    
#bdf4994a {
    width: 100%;
    min-height: 160px;
    align-items: center;
    border-radius: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6% 6% 6% 6%;
}
    
#\33 107b72e {
    height: 200px;
    width: 99.54%;
    margin: 0px 0% 0px 0%;
}
}