/* Toiture_ */                                    #sec2108 .grid\:sw {margin-top: var(--top); margin-bottom: var(--bottom);} #sec2108 .swiper-slide { display: grid; height: unset;}#sec2108 .grid:sw__header {  margin-bottom: 2rem;}#sec2108 .p,#sec2108 ul,#sec2108 ol {  line-height: 1.3;  font-weight: 400;  padding-right: .5rem;}#sec2108  .grid\:sw__item {    display: grid;    grid-template-areas: "overlay";}#sec2108  .grid\:sw__item-img {    grid-area: overlay;    height: 100%; width:100%;   object-fit: cover;}#sec2108  figcaption.subtitle {    grid-area: overlay;    place-self: end center;    padding: 10%;    white-space: normal;    text-align: center;}#sec2108 .swiper-slide {  width: auto;}#sec2108  .grid\:sw__body {  margin-top: 2rem;	/* margin-right: calc(-50.6% + 45.8%);*/ }#sec2108 .grid\:sw__header {    display: flex;  flex-wrap: wrap;    place-content: space-between;    align-items: end;    width: 100%;  gap: 2rem;}#sec2108  .wrapper {    max-width: 80ch;    display: grid;    gap: 1rem;}#sec2108 figcaption.subtitle {    opacity: 0;}#sec2108 figure:hover figcaption {    opacity: 1;}#sec2108 figure:hover img {    filter: var(--brigtness) var(--contast);}@media (max-width: 580px) {  #sec2108 figcaption.subtitle {    font-size: .85rem;  }} #sec2108  .swiper-slide  .btn { place-self: end start; }                             /* Services_couvreurs (p_combi) */                                    #sec2109 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2109 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2109 .grid\:nr__col.descr>* {  margin: 0;}#sec2109 .grid\:nr__body {  margin-top: 1rem;}#sec2109 #sec2109 .btn {  margin-top: auto;}#sec2109 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2109 .grid\:nr__header { display: flex; gap: 3rem; } #sec2109  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2109 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2109 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2109 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2109 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2109 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2109 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2109 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2109 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2109 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2109 .grid\:nr__item ul {  padding-left: 1rem;}#sec2109 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2109 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2109 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* Banner_couvreur_1_(combi) */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2110 {    overflow-x: hidden;}#sec2110 .btn {    font-weight: normal;}#sec2110 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2110 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2110 .img-none picture {  display: none;}#sec2110 h2,#sec2110 .h2 {    font-weight: bold;}#sec2110 .p,#sec2110 ul,#sec2110 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2110 .banner\:block__content {    flex-direction: column;  }      #sec2110 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2110 h2,    #sec2110 .h2 {        font-weight: bold;    }}#sec2110 .btn-wrapper {    margin-top: 2rem;}#sec2110 .h1 span {    color: var(--bs-secondary);}#sec2110 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2110 .btn {    text-decoration: unset !important;}#sec2110 .text-center .p,#sec2110 .text-center ul,#sec2110 .text-center ol {    margin-inline: auto;}#sec2110 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2110 .section-index {    position: relative;    z-index: 1;}#sec2110 .btn-wrapper {    margin-top: 2rem;}#sec2110 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2110 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2110 img[src=""] {    display: none;}#sec2110 img {    margin-right: 2rem;    object-fit: contain;}#sec2110 picture {    margin-bottom: 0;}#sec2110 a {    position: relative;    z-index: 1;}#sec2110 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2110 img {      width: var(--img-width);    }      #sec2110 picture {        display: block;    }        #sec2110 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2110 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2110 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2110 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2110 .banner\:block__content {    align-items: center;}#sec2110 .img-transparent .banner\:block__content {    align-items: end;}#sec2110 picture {    position: relative;}#sec2110 .text-wrapper>* {    margin: 0 !important;}#sec2110 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2110 .subtitle {    -webkit-text-fill-color: unset;}#sec2110 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2110 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2110 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2110 .banner\:block__content {    gap: 0;  }  #sec2110 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2110 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2110 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2110 img {    max-width: var(--img-width);  }}#sec2110 .dark-bg *:not(.btn) { color: white;}#sec2110 .dark-bg .p,#sec2110 .dark-theme ul,#sec2110 .dark-theme ol {  --bs-body-color: white;}                             /* Métier_couvreur */                                    #sec2111 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2111 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2111 .grid\:nr__col.descr>* {  margin: 0;}#sec2111 .grid\:nr__body {  margin-top: 1rem;}#sec2111 #sec2111 .btn {  margin-top: auto;}#sec2111 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2111 .grid\:nr__header { display: flex; gap: 3rem; } #sec2111  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2111 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2111 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2111 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2111 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2111 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2111 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2111 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2111 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2111 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2111 .grid\:nr__item ul {  padding-left: 1rem;}#sec2111 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2111 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2111 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* grid (normal  bg) */                                    #sec2112  .grid\:nr {  margin-block: var(--top) var(--bottom);}#sec2112 .grid\:nr__header.text-center {  max-width: 80ch;  margin-inline: auto;  margin-bottom: 2rem;}#sec2112  .grid\:nr__item {    border: 1px solid var(--bs-border-color);    padding: 1rem;    display: flex;    flex-direction: column;    height: fit-content; gap: 1rem; height: 100%;}#sec2112  .grid\:nr__item {    background: var(--bs-primary);}#sec2112  .grid\:nr__item *, #sec2112  .grid\:nr__item ::before {    color: white !important;}@media (max-width: 580px) {  #sec2112 .grid\:nr__header.text-center {    text-align: start !important;  }}#sec2112 .step .d-grid .title::before {    counter-increment: step;    content: var(--step-text) counter(step) ': ';    color: var(--bs-primary);}#sec2112 .step .d-grid .title:first-letter {    text-transform: uppercase;}#sec2112 .step .d-grid {    counter-reset: step;}#sec2112 .btn-link {    font-size: var(--step-0); margin-top: auto;}#sec2112 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 980px) {  #sec2112  .grid\:nr__item {  padding: 2rem;  }}                             /* Installation-sanitaire */                                    #sec2113 .grid\:nr { margin-block: var(--top) var(--bottom);}#sec2113 .grid\:nr__item {    display: grid;    gap: 1rem;}#sec2113 img {    grid-row: 1;}@media (min-width: 580px) {  #sec2113 .grid\:nr__header  .text-center {      max-width: 75ch;      margin-inline: auto;  }}#sec2113 .step .d-grid .title::before {    counter-increment: step;    content: var(--step-text) counter(step) ': ';    color: var(--bs-primary);}#sec2113 .step .d-grid .title:first-letter {    text-transform: uppercase;}#sec2113 .step .d-grid {    counter-reset: step;}#sec2113 .grid\:nr__body  {  margin-top: 2rem;}#sec2113  .grid\:nr__header {  display: flex;  flex-direction: column;}@media (width >=960px) {  #sec2113  .grid\:nr__header {      flex-direction: row;      gap: 3rem;      place-items: end;  }    #sec2113  .grid\:nr__header .p {    max-width: 75ch;  }    #sec2113  .grid\:nr__header .btn {      margin-left: auto;  }}#sec2113  .grid\:nr__header .txt-wrapper {    display: grid;    gap: 1rem;    margin-bottom: 2rem;}                             /* banner block transparent */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2114 {    overflow-x: hidden;}#sec2114 .btn {    font-weight: normal;}#sec2114 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2114 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2114 .img-none picture {  display: none;}#sec2114 h2,#sec2114 .h2 {    font-weight: bold;}#sec2114 .p,#sec2114 ul,#sec2114 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2114 .banner\:block__content {    flex-direction: column;  }      #sec2114 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2114 h2,    #sec2114 .h2 {        font-weight: bold;    }}#sec2114 .btn-wrapper {    margin-top: 2rem;}#sec2114 .h1 span {    color: var(--bs-secondary);}#sec2114 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2114 .btn {    text-decoration: unset !important;}#sec2114 .text-center .p,#sec2114 .text-center ul,#sec2114 .text-center ol {    margin-inline: auto;}#sec2114 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2114 .section-index {    position: relative;    z-index: 1;}#sec2114 .btn-wrapper {    margin-top: 2rem;}#sec2114 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2114 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2114 img[src=""] {    display: none;}#sec2114 img {    margin-right: 2rem;    object-fit: contain;}#sec2114 picture {    margin-bottom: 0;}#sec2114 a {    position: relative;    z-index: 1;}#sec2114 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2114 img {      width: var(--img-width);    }      #sec2114 picture {        display: block;    }        #sec2114 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2114 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2114 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2114 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2114 .banner\:block__content {    align-items: center;}#sec2114 .img-transparent .banner\:block__content {    align-items: end;}#sec2114 picture {    position: relative;}#sec2114 .text-wrapper>* {    margin: 0 !important;}#sec2114 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2114 .subtitle {    -webkit-text-fill-color: unset;}#sec2114 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2114 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2114 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2114 .banner\:block__content {    gap: 0;  }  #sec2114 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2114 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2114 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2114 img {    max-width: var(--img-width);  }}#sec2114 .dark-bg *:not(.btn) { color: white;}#sec2114 .dark-bg .p,#sec2114 .dark-theme ul,#sec2114 .dark-theme ol {  --bs-body-color: white;}                             /* Services_TEST */                                    #sec2115 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2115 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2115 .grid\:nr__col.descr>* {  margin: 0;}#sec2115 .grid\:nr__body {  margin-top: 1rem;}#sec2115 #sec2115 .btn {  margin-top: auto;}#sec2115 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2115 .grid\:nr__header { display: flex; gap: 3rem; } #sec2115  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2115 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2115 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2115 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2115 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2115 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2115 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2115 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2115 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2115 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2115 .grid\:nr__item ul {  padding-left: 1rem;}#sec2115 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2115 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2115 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* banner_TEST */                                    #sec2116 .banner\:block {  margin-block: var(--top) var(--bottom);}#sec2116 .banner\:block__item {    display: grid; grid-template-areas:"overlay";}#sec2116 figure {    grid-area: overlay;  aspect-ratio: 3/1;  z-index: -1;}#sec2116 .wrapper {    width: 100%;    padding-right: calc(var(--bs-gutter-x) * 0.5);    padding-left: calc(var(--bs-gutter-x) * 0.5);    margin-right: auto;    margin-left: auto;    display: grid;    height: fit-content;    place-items: start;    gap: 2rem;    grid-area: overlay;}#sec2116  .wrapper > * {    max-width: 75ch;}#sec2116  .wrapper {    max-width: 1760px;    margin-block: 8vh;}#sec2116  img {    filter: var(--brightness) var(--contrast);  height: 100%;  object-fit: cover; aspect-ratio: 3/1;}                             /* Nos engagements */                                    #sec2117 .title {  margin-bottom: 2rem;}#sec2117 .btn-wrapper {  margin-top: 2rem;}@media (min-width: 992px) {  #sec2117 .article\:txt__content {    display: flex;    gap: 8rem;  }}#sec2117 .article\:txt__content>* {  flex: 1;}#sec2117 .title::after {  height: 100%;}#sec2117 .title::before {  height: 100%;}#sec2117 .article\:txt {	margin-block: var(--top) var(--bottom);}                             /* Les étapes_TEST */                                    #sec2118  .grid\:nr {  margin-block: var(--top) var(--bottom);}#sec2118 .grid\:nr__header.text-center {  max-width: 80ch;  margin-inline: auto;  margin-bottom: 2rem;}#sec2118  .grid\:nr__item {    border: 1px solid var(--bs-border-color);    padding: 1rem;    display: flex;    flex-direction: column;    height: fit-content; gap: 1rem; height: 100%;}#sec2118  .grid\:nr__item {    background: var(--bs-primary);}#sec2118  .grid\:nr__item *, #sec2118  .grid\:nr__item ::before {    color: white !important;}@media (max-width: 580px) {  #sec2118 .grid\:nr__header.text-center {    text-align: start !important;  }}#sec2118 .step .d-grid .title::before {    counter-increment: step;    content: var(--step-text) counter(step) ': ';    color: var(--bs-primary);}#sec2118 .step .d-grid .title:first-letter {    text-transform: uppercase;}#sec2118 .step .d-grid {    counter-reset: step;}#sec2118 .btn-link {    font-size: var(--step-0); margin-top: auto;}#sec2118 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 980px) {  #sec2118  .grid\:nr__item {  padding: 2rem;  }}                             /* Type_TEST */                                    #sec2119 .grid\:ico {  margin-block: var(--top) var(--bottom);}#sec2119 .grid\:ico__content {    display: grid;    gap: 2rem;}#sec2119 .grid\:ico__header > * {    margin-bottom: 1rem;}#sec2119 .grid\:ico__item {    display: flex;   place-items: center;    gap: 2rem;}#sec2119 .icon {    background-color: var(--bs-primary);    display: grid;    place-content: center;    font-size: 2rem;    color: white;    padding: .5rem;}#sec2119 a:not(.btn) {    color: currentColor;    text-decoration: none;}#sec2119 .grid\:ico__item > * {    flex: 0 1 fit-content;}@media (min-width: 1560px) {  #sec2119 .grid\:ico__content {    flex-direction: column;  display: flex;  }   #sec2119 .grid\:ico__header {      flex: 0 0 40%;  }}@media (max-width: 890px) {  #sec2119 .grid\:ico__item {      place-items: start;      flex-direction: column;  }  #sec2119 .icon {      display: none;  }  #sec2119 .d-grid {      grid-gap: 9vh;  }}#sec2119 .grid\:ico__item  .p {	font-size: .85rem;}@media (width > 1200px) {  #sec2119 .img { aspect-ratio: 16/7;   max-width: 500px; object-fit: cover;}}#sec2119 .grid\:ico__item {    display: block;    border: 1px solid var(--bs-primary);    border-radius: var(--bs-border-radius);    padding: 2rem;}#sec2119 .grid\:ico__item .text-wrapper {  display: grid;  grid-auto-flow: column;  background-color: var(--bs-light);  width: calc(100% + 4rem);  margin-left: -2rem;  gap: 1rem;  grid-auto-columns: 65px 1fr;  align-items: center;  margin-bottom: 1rem;}#sec2119 .grid\:ico__item .title {  margin-bottom: 0;}                             /* Points forts (art du bain) */                                    #sec2120  .grid\:nr {  margin-block: var(--top) var(--bottom);}#sec2120 .grid\:nr__header.text-center {  max-width: 80ch;  margin-inline: auto;  margin-bottom: 2rem;}#sec2120  .grid\:nr__item {    border: 1px solid var(--bs-border-color);    padding: 1rem;    display: flex;    flex-direction: column;    height: fit-content; gap: 1rem; height: 100%;}#sec2120  .grid\:nr__item {    background: var(--bs-primary);}#sec2120  .grid\:nr__item *, #sec2120  .grid\:nr__item ::before {    color: white !important;}@media (max-width: 580px) {  #sec2120 .grid\:nr__header.text-center {    text-align: start !important;  }}#sec2120 .step .d-grid .title::before {    counter-increment: step;    content: var(--step-text) counter(step) ': ';    color: var(--bs-primary);}#sec2120 .step .d-grid .title:first-letter {    text-transform: uppercase;}#sec2120 .step .d-grid {    counter-reset: step;}#sec2120 .btn-link {    font-size: var(--step-0); margin-top: auto;}#sec2120 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 980px) {  #sec2120  .grid\:nr__item {  padding: 2rem;  }}                             /* FAQ (test) */                                    #sec2121 .faq { margin-block: var(--top) var(--bottom); } #sec2121 .accordion {  margin-top: 1rem;  display: grid;  gap: 1rem;}#sec2121 .row {  --bs-gutter-x: 5rem;  --bs-gutter-y: 0;}#sec2121 .accordion-button,#sec2121 .accordion-button.collapsed {  padding-bottom: 1rem;  border-bottom: 1px solid rgba(0, 0, 0, .1);  padding-left: 0;}#sec2121 .accordion-button::after {  position: absolute;  right: 0;}#sec2121 .accordion-button {  position: relative;  color: unset;  font-size: var(--bs-body-font-size);  background-color: unset;  font-weight: 500;  line-height: 1;}#sec2121 b {  font-weight: 500;}#sec2121 .accordion-item {  border: 0;  background-color: unset;}#sec2121 .accordion-button:not(.collapsed) {  background-color: unset;  box-shadow: unset;  color: inherit;}#sec2121 .accordion-button:focus {  box-shadow: unset;}#sec2121 .accordion-body {  padding-left: 0;  margin-top: 0; padding-block: .5rem 0;}@media (min-width: 580px) {  #sec2121 .accordion {    margin-top: 2rem;  }}#sec2121 .accordion-button::after {  margin-right: auto;}@media (min-width: 920px) {   #sec2121 .text-column .faq-content {    display: flex;    gap: 5rem;    place-content: start;  }   #sec2121 .text-column .faq-content>* {    flex: 2;  }   #sec2121 .text-column .accordion {    margin-top: 0rem;  }}#sec2121 .accordion-button {    font-family: var(--bs-body-font-family);    font-weight: 500 !important;    line-height: 1.5 !important;}#sec2121  .accordion-button::after {    background-image: unset;}@media (min-width: 580px) {  #sec2121  .faq-header {	max-width: 75ch;	width: 100%;	margin-inline: auto;  }}                             /* Services_Combi */                                    #sec2122 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2122 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2122 .grid\:nr__col.descr>* {  margin: 0;}#sec2122 .grid\:nr__body {  margin-top: 1rem;}#sec2122 #sec2122 .btn {  margin-top: auto;}#sec2122 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2122 .grid\:nr__header { display: flex; gap: 3rem; } #sec2122  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2122 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2122 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2122 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2122 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2122 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2122 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2122 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2122 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2122 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2122 .grid\:nr__item ul {  padding-left: 1rem;}#sec2122 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2122 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2122 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* share page */                                    #sec2123  .btn {	display: flex;	place-items: center;	gap: .5rem;}#sec2123 .share-link__content {	display: flex;	place-content: space-between;	padding-block: 1.5rem;	place-items: center;}#sec2123 .share-link {    background: var(--bs-light);}@media (max-width: 580px) {  .share-link__content {	flex-direction: column;	gap: 1rem;  }} #sec2123 *:not(:hover) {    color: var(--bs-body-color);    border-color: var(--bs-body-color);}#sec2123 [rel="js-scrollup"] {    cursor: pointer;}                             /* banner__TEST */                                    #sec2124 .banner\:block {  margin-block: var(--top) var(--bottom);}#sec2124 .banner\:block__item {    display: grid; grid-template-areas:"overlay";}#sec2124 figure {    grid-area: overlay;  aspect-ratio: 3/1;  z-index: -1;}#sec2124 .wrapper {    width: 100%;    padding-right: calc(var(--bs-gutter-x) * 0.5);    padding-left: calc(var(--bs-gutter-x) * 0.5);    margin-right: auto;    margin-left: auto;    display: grid;    height: fit-content;    place-items: start;    gap: 2rem;    grid-area: overlay;}#sec2124  .wrapper > * {    max-width: 75ch;}#sec2124  .wrapper {    max-width: 1760px;    margin-block: 8vh;}#sec2124  img {    filter: var(--brightness) var(--contrast);  height: 100%;  object-fit: cover; aspect-ratio: 3/1;}                             /* Vignette-metier-mots-cle */                                    #sec2125 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2125 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2125 .grid\:nr__col.descr>* {  margin: 0;}#sec2125 .grid\:nr__body {  margin-top: 1rem;}#sec2125 #sec2125 .btn {  margin-top: auto;}#sec2125 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2125 .grid\:nr__header { display: flex; gap: 3rem; } #sec2125  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2125 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2125 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2125 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2125 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2125 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2125 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2125 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2125 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2125 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2125 .grid\:nr__item ul {  padding-left: 1rem;}#sec2125 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2125 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2125 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* service rénovation (test) */                                    #sec2126  .grid\:nr {  margin-block: var(--top) var(--bottom);}#sec2126 .grid\:nr__header.text-center {  max-width: 80ch;  margin-inline: auto;  margin-bottom: 2rem;}#sec2126  .grid\:nr__item {    border: 1px solid var(--bs-border-color);    padding: 1rem;    display: flex;    flex-direction: column;    height: fit-content; gap: 1rem; height: 100%;}#sec2126  .grid\:nr__item {    background: var(--bs-primary);}#sec2126  .grid\:nr__item *, #sec2126  .grid\:nr__item ::before {    color: white !important;}@media (max-width: 580px) {  #sec2126 .grid\:nr__header.text-center {    text-align: start !important;  }}#sec2126 .step .d-grid .title::before {    counter-increment: step;    content: var(--step-text) counter(step) ': ';    color: var(--bs-primary);}#sec2126 .step .d-grid .title:first-letter {    text-transform: uppercase;}#sec2126 .step .d-grid {    counter-reset: step;}#sec2126 .btn-link {    font-size: var(--step-0); margin-top: auto;}#sec2126 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 980px) {  #sec2126  .grid\:nr__item {  padding: 2rem;  }}                             /* Banner_couvreur_2_(combi) */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2127 {    overflow-x: hidden;}#sec2127 .btn {    font-weight: normal;}#sec2127 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2127 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2127 .img-none picture {  display: none;}#sec2127 h2,#sec2127 .h2 {    font-weight: bold;}#sec2127 .p,#sec2127 ul,#sec2127 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2127 .banner\:block__content {    flex-direction: column;  }      #sec2127 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2127 h2,    #sec2127 .h2 {        font-weight: bold;    }}#sec2127 .btn-wrapper {    margin-top: 2rem;}#sec2127 .h1 span {    color: var(--bs-secondary);}#sec2127 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2127 .btn {    text-decoration: unset !important;}#sec2127 .text-center .p,#sec2127 .text-center ul,#sec2127 .text-center ol {    margin-inline: auto;}#sec2127 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2127 .section-index {    position: relative;    z-index: 1;}#sec2127 .btn-wrapper {    margin-top: 2rem;}#sec2127 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2127 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2127 img[src=""] {    display: none;}#sec2127 img {    margin-right: 2rem;    object-fit: contain;}#sec2127 picture {    margin-bottom: 0;}#sec2127 a {    position: relative;    z-index: 1;}#sec2127 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2127 img {      width: var(--img-width);    }      #sec2127 picture {        display: block;    }        #sec2127 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2127 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2127 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2127 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2127 .banner\:block__content {    align-items: center;}#sec2127 .img-transparent .banner\:block__content {    align-items: end;}#sec2127 picture {    position: relative;}#sec2127 .text-wrapper>* {    margin: 0 !important;}#sec2127 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2127 .subtitle {    -webkit-text-fill-color: unset;}#sec2127 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2127 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2127 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2127 .banner\:block__content {    gap: 0;  }  #sec2127 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2127 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2127 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2127 img {    max-width: var(--img-width);  }}#sec2127 .dark-bg *:not(.btn) { color: white;}#sec2127 .dark-bg .p,#sec2127 .dark-theme ul,#sec2127 .dark-theme ol {  --bs-body-color: white;}                             /* banner (home) */                                    @media (max-width: 580px) {  #sec2128 .banner\:home__item  {--bg-img: var(--bg-sm-img);  }}@media (max-width: 720px) {   #sec2128 .banner\:home__item  {  --bg-img: var(--bg-md-img);  }}@media (min-width: 719px) {   #sec2128 .banner\:home__item  {  --bg-img: var(--bg-lg-img);  }}#sec2128 .bg-img { position:relative; } #sec2128 .bg-img::after{content: ""; position: absolute; inset: 0; background-image: var(--bg-img); background-repeat: no-repeat;  background-size: cover; z-index: -1; filter: var(--brightness) var(--contrast);}.banner\:home.text-center {  justify-content: center;}.text-center .banner\:home__item {  max-width: 75ch;  margin-inline: auto;}.banner\:home.text-center .btn-wrapper {  width: fit-content;  margin-inline: auto;}.banner\:home__title {  font-weight: bold;}.banner\:home__item {  display: flex;}.banner\:home__item>* {  flex: 2;}.banner\:home__item {  gap: 8rem;  place-items: center;}.banner\:home__col.col-title {  display: grid;  gap: 2rem;}.text-center .banner\:home .btn-link {  place-content: center;}.banner\:home .btn:hover::before {  background: transparent;}.banner\:home .btn-link:hover {  border: 2px solid white;  text-decoration: none;}.banner\:home .swiper-pagination {    display: none;} @media (min-width: 920px) {  .banner\:home__title {    font-size: 3rem;  }  .banner\:home .swiper-pagination {    display: grid;    padding: 0 5% 5%;  }}.banner\:home__item {    place-items: end;    justify-content: space-between;    height: 100vh;    padding-block: 1.5rem 5%;}.banner\:home__item .p {  max-width: 75ch;}@media (min-width: 1200px) {  .banner\:home__item .btn {   line-height: 2;  }}.main-wrapper#home .header-wrapper {  position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1030;} /* .main-wrapper#home .header-wrapper * {  color: white;}.main-wrapper#home .header-wrapper .dropdown-item,.main-wrapper#home .header-wrapper .dropdown-item .btn-arrow {  color: var(--bs-body-color);}.main-wrapper#home .header-wrapper .logo-img {  filter: brightness(0) invert(1);}@media (max-width: 575.98px) {  .main-wrapper#home .header-wrapper .header .navbar-nav {    background-color: white;    padding: 1rem;  }  .main-wrapper#home  .header-wrapper .header nav * {    color: var(--bs-body-color);  }} #home .header-wrapper { background-color: transparent } html[data-scroll]:not([data-scroll="0"]) .main-wrapper#home .header-wrapper {  background-color: var(--bs-body-color);} */ #sec2128 .swiper-pagination {  position: absolute;}  #sec2128 .banner\:home__item  { color: white; } /* #sec2128 .btn-primary {    --bs-btn-bg: white;    --bs-btn-color: #3D3D3D;    --bs-btn-border-color: white;    --bs-btn-hover-border-color: white;} */  .banner\:home .h0 { border-left: 3px solid var(--bs-primary); padding-left: 1rem;}                             /* localisation (chaima test) */                                    #sec2129  .grid\:nr {  margin-block: var(--top) var(--bottom);}#sec2129 .grid\:nr__header.text-center {  max-width: 80ch;  margin-inline: auto;  margin-bottom: 2rem;}#sec2129  .grid\:nr__item {    border: 1px solid var(--bs-border-color);    padding: 1rem;    display: flex;    flex-direction: column;    height: fit-content; gap: 1rem; height: 100%;}#sec2129  .grid\:nr__item {    background: var(--bs-primary);}#sec2129  .grid\:nr__item *, #sec2129  .grid\:nr__item ::before {    color: white !important;}@media (max-width: 580px) {  #sec2129 .grid\:nr__header.text-center {    text-align: start !important;  }}#sec2129 .step .d-grid .title::before {    counter-increment: step;    content: var(--step-text) counter(step) ': ';    color: var(--bs-primary);}#sec2129 .step .d-grid .title:first-letter {    text-transform: uppercase;}#sec2129 .step .d-grid {    counter-reset: step;}#sec2129 .btn-link {    font-size: var(--step-0); margin-top: auto;}#sec2129 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 980px) {  #sec2129  .grid\:nr__item {  padding: 2rem;  }}                             /* group (cta) */                                                                 /* grid (figure) */                                    #sec2131 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2131 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2131 .grid\:nr__col.descr>* {  margin: 0;}#sec2131 .grid\:nr__body {  margin-top: 1rem;}#sec2131 #sec2131 .btn {  margin-top: auto;}#sec2131 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2131 .grid\:nr__header { display: flex; gap: 3rem; } #sec2131  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2131 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2131 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2131 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2131 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2131 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2131 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2131 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2131 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2131 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2131 .grid\:nr__item ul {  padding-left: 1rem;}#sec2131 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2131 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2131 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* Services-couvreur (à supprimer) */                                    #sec2132 .grid\:sw {margin-top: var(--top); margin-bottom: var(--bottom);} #sec2132 .swiper-slide { display: grid; height: unset;}#sec2132 .grid:sw__header {  margin-bottom: 2rem;}#sec2132 .p,#sec2132 ul,#sec2132 ol {  line-height: 1.3;  font-weight: 400;  padding-right: .5rem;}#sec2132  .grid\:sw__item {    display: grid;    grid-template-areas: "overlay";}#sec2132  .grid\:sw__item-img {    grid-area: overlay;    height: 100%; width:100%;   object-fit: cover;}#sec2132  figcaption.subtitle {    grid-area: overlay;    place-self: end center;    padding: 10%;    white-space: normal;    text-align: center;}#sec2132 .swiper-slide {  width: auto;}#sec2132  .grid\:sw__body {  margin-top: 2rem;	/* margin-right: calc(-50.6% + 45.8%);*/ }#sec2132 .grid\:sw__header {    display: flex;  flex-wrap: wrap;    place-content: space-between;    align-items: end;    width: 100%;  gap: 2rem;}#sec2132  .wrapper {    max-width: 80ch;    display: grid;    gap: 1rem;}#sec2132 figcaption.subtitle {    opacity: 0;}#sec2132 figure:hover figcaption {    opacity: 1;}#sec2132 figure:hover img {    filter: var(--brigtness) var(--contast);}@media (max-width: 580px) {  #sec2132 figcaption.subtitle {    font-size: .85rem;  }} #sec2132  .swiper-slide  .btn { place-self: end start; }                             /* Services-couvreur (acceuil_2) */                                    #sec2133 .grid\:nr { margin-top: var(--top); margin-bottom: var(--bottom); }  #sec2133 .grid\:nr__col.descr {  display: grid;  gap: 1rem;  margin-block: 1rem;}#sec2133 .grid\:nr__col.descr>* {  margin: 0;}#sec2133 .grid\:nr__body {  margin-top: 1rem;}#sec2133 #sec2133 .btn {  margin-top: auto;}#sec2133 .grid\:nr__item {     display: grid;    grid-template-areas: "overlay";    cursor: pointer;}#sec2133 .grid\:nr__header { display: flex; gap: 3rem; } #sec2133  .grid\:nr__header .text-wrapper {  display: grid;    gap: 1rem; }#sec2133 img {    grid-area: overlay;    height: 100%;    object-fit: cover;}#sec2133 .descr {    grid-area: overlay;    padding: 6%;    display: grid;   height: fit-content;    place-self: end;    gap: 1rem; ; z-index: -1;   background-image: linear-gradient(to bottom, transparent 1%, black 100%);  width: 100%;}#sec2133 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 600px) {#sec2133 .grid\:nr__header .btn-wrapper { flex: 0 0 auto; margin-left: auto; margin-top: auto;}}@media (width < 600px) {  #sec2133 .grid\:nr__header { flex-direction: column; gap: 1rem; }}#sec2133 .grid\:nr__footer {    display: grid;    place-content: center;    margin-block: 2rem;    position: relative;}#sec2133 .grid\:nr__footer::after {    content: '';    position: absolute;    inset: 0;    height: 1px;    background-color: var(--bs-border-color);    margin-block: auto;    z-index: -1;}#sec2133 .grid\:nr__footer .btn-primary:hover {    background-color: white;} #sec2133 .grid\:nr__item .p {    font-size: var(--bs-step--1);}#sec2133 .grid\:nr__item ul {  padding-left: 1rem;}#sec2133 .grid\:nr__item img {    filter: var(--brightness) var(--contrast); z-index: -1;}@media (width >= 600px) {      #sec2133 .grid\:nr__item .p {   max-height: 0; opacity: 0; transition: max-height 1s ease-in}  #sec2133 .grid\:nr__item:hover .p {   max-height: 100vh; opacity: 1;}}                             /* Pourquoi_couvreur */                                    #sec2134 .article\:fig {  margin-block: var(--top) var(--bottom);}#sec2134  .article\:fig__content {    display: flex;    flex-direction: row-reverse;    place-items: center;    gap: var(--bs-gutter-x);}#sec2134 .article\:fig__details > * {    margin-bottom: 1em;}#sec2134  figure {    display: grid;    grid-template-columns: 1fr 15fr 1fr;    grid-template-rows: 1fr 15fr 1fr;    margin-bottom: 0;    flex: 0 0 55%;}#sec2134  figure:hover  .article\:fig__img:nth-child(1)  {    z-index: 1;}#sec2134 .article\:fig__content > * {    flex: 1;}#sec2134 .article\:fig__img:nth-child(1) {    grid-column: 2/4;    grid-row: 1/3;}#sec2134 .article\:fig__img:nth-child(2) {    grid-column: 1 / 3;    grid-row: 2/4;}                             /* Banner_couvreur (accueil) */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2135 {    overflow-x: hidden;}#sec2135 .btn {    font-weight: normal;}#sec2135 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2135 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2135 .img-none picture {  display: none;}#sec2135 h2,#sec2135 .h2 {    font-weight: bold;}#sec2135 .p,#sec2135 ul,#sec2135 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2135 .banner\:block__content {    flex-direction: column;  }      #sec2135 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2135 h2,    #sec2135 .h2 {        font-weight: bold;    }}#sec2135 .btn-wrapper {    margin-top: 2rem;}#sec2135 .h1 span {    color: var(--bs-secondary);}#sec2135 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2135 .btn {    text-decoration: unset !important;}#sec2135 .text-center .p,#sec2135 .text-center ul,#sec2135 .text-center ol {    margin-inline: auto;}#sec2135 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2135 .section-index {    position: relative;    z-index: 1;}#sec2135 .btn-wrapper {    margin-top: 2rem;}#sec2135 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2135 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2135 img[src=""] {    display: none;}#sec2135 img {    margin-right: 2rem;    object-fit: contain;}#sec2135 picture {    margin-bottom: 0;}#sec2135 a {    position: relative;    z-index: 1;}#sec2135 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2135 img {      width: var(--img-width);    }      #sec2135 picture {        display: block;    }        #sec2135 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2135 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2135 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2135 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2135 .banner\:block__content {    align-items: center;}#sec2135 .img-transparent .banner\:block__content {    align-items: end;}#sec2135 picture {    position: relative;}#sec2135 .text-wrapper>* {    margin: 0 !important;}#sec2135 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2135 .subtitle {    -webkit-text-fill-color: unset;}#sec2135 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2135 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2135 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2135 .banner\:block__content {    gap: 0;  }  #sec2135 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2135 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2135 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2135 img {    max-width: var(--img-width);  }}#sec2135 .dark-bg *:not(.btn) { color: white;}#sec2135 .dark-bg .p,#sec2135 .dark-theme ul,#sec2135 .dark-theme ol {  --bs-body-color: white;}                             /* Les étapes_couvreurs (acceuil) */                                    #sec2136  .grid\:nr {  margin-block: var(--top) var(--bottom);}#sec2136 .grid\:nr__header.text-center {  max-width: 80ch;  margin-inline: auto;  margin-bottom: 2rem;}#sec2136  .grid\:nr__item {    border: 1px solid var(--bs-border-color);    padding: 1rem;    display: flex;    flex-direction: column;    height: fit-content; gap: 1rem; height: 100%;}#sec2136  .grid\:nr__item {    background: var(--bs-primary);}#sec2136  .grid\:nr__item *, #sec2136  .grid\:nr__item ::before {    color: white !important;}@media (max-width: 580px) {  #sec2136 .grid\:nr__header.text-center {    text-align: start !important;  }}#sec2136 .step .d-grid .title::before {    counter-increment: step;    content: var(--step-text) counter(step) ': ';    color: var(--bs-primary);}#sec2136 .step .d-grid .title:first-letter {    text-transform: uppercase;}#sec2136 .step .d-grid {    counter-reset: step;}#sec2136 .btn-link {    font-size: var(--step-0); margin-top: auto;}#sec2136 .grid\:nr__body {  margin-top: 2rem;}@media (width >= 980px) {  #sec2136  .grid\:nr__item {  padding: 2rem;  }}                             /* Les atouts */                                    #sec2137 .faq { margin-block: var(--top) var(--bottom); } #sec2137 .accordion {  margin-top: 1rem;  display: grid;  gap: 1rem;}#sec2137 .row {  --bs-gutter-x: 5rem;  --bs-gutter-y: 0;}#sec2137 .accordion-button,#sec2137 .accordion-button.collapsed {  padding-bottom: 1rem;  border-bottom: 1px solid rgba(0, 0, 0, .1);  padding-left: 0;}#sec2137 .accordion-button::after {  position: absolute;  right: 0;}#sec2137 .accordion-button {  position: relative;  color: unset;  font-size: var(--bs-body-font-size);  background-color: unset;  font-weight: 500;  line-height: 1;}#sec2137 b {  font-weight: 500;}#sec2137 .accordion-item {  border: 0;  background-color: unset;}#sec2137 .accordion-button:not(.collapsed) {  background-color: unset;  box-shadow: unset;  color: inherit;}#sec2137 .accordion-button:focus {  box-shadow: unset;}#sec2137 .accordion-body {  padding-left: 0;  margin-top: 0; padding-block: .5rem 0;}@media (min-width: 580px) {  #sec2137 .accordion {    margin-top: 2rem;  }}#sec2137 .accordion-button::after {  margin-right: auto;}@media (min-width: 920px) {   #sec2137 .text-column .faq-content {    display: flex;    gap: 5rem;    place-content: start;  }   #sec2137 .text-column .faq-content>* {    flex: 2;  }   #sec2137 .text-column .accordion {    margin-top: 0rem;  }}#sec2137 .accordion-button {    font-family: var(--bs-body-font-family);    font-weight: 500 !important;    line-height: 1.5 !important;}#sec2137  .accordion-button::after {    background-image: unset;}@media (min-width: 580px) {  #sec2137  .faq-header {	max-width: 75ch;	width: 100%;	margin-inline: auto;  }}                             /* banner_couvreur_accueil */                                    .page-content>.container-fluid {  padding-inline:0;}#sec2138 {    overflow-x: hidden;}#sec2138 .btn {    font-weight: normal;}#sec2138 .banner\:block.img-none .bg-section {    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-color: var(--bg-color);    background-blend-mode: var(--blend-mode);    z-index: -1;    background-image: var(--bg-img);}#sec2138 .banner\:block.img-normal .bg-section {    background-color: var(--bg-color);}#sec2138 .img-none picture {  display: none;}#sec2138 h2,#sec2138 .h2 {    font-weight: bold;}#sec2138 .p,#sec2138 ul,#sec2138 ol {    font-weight: 400;    margin-top: 0.5rem;} @media (width < 992px) {   #sec2138 .banner\:block__content {    flex-direction: column;  }      #sec2138 .img-transparent picture::after {      content: '';      inset: 0;      background-image: var(--bg-linear);      z-index: 1;      position: absolute;  }}@media (min-width: 992px) {    #sec2138 h2,    #sec2138 .h2 {        font-weight: bold;    }}#sec2138 .btn-wrapper {    margin-top: 2rem;}#sec2138 .h1 span {    color: var(--bs-secondary);}#sec2138 a {    -webkit-text-fill-color: unset !important;    font-weight: bold;    text-decoration: none !important;}#sec2138 .btn {    text-decoration: unset !important;}#sec2138 .text-center .p,#sec2138 .text-center ul,#sec2138 .text-center ol {    margin-inline: auto;}#sec2138 .box-wrapper {    --bx-bg: var(--bs-body-bg);    --bx-border-color: var(--bs-primary);}#sec2138 .section-index {    position: relative;    z-index: 1;}#sec2138 .btn-wrapper {    margin-top: 2rem;}#sec2138 .text-center .title {    width: fit-content;    margin-inline: auto;}#sec2138 .banner\:block__content {    display: flex;    gap: 5vw;    padding-block: 5rem;}#sec2138 img[src=""] {    display: none;}#sec2138 img {    margin-right: 2rem;    object-fit: contain;}#sec2138 picture {    margin-bottom: 0;}#sec2138 a {    position: relative;    z-index: 1;}#sec2138 .bg-img {    background-repeat: no-repeat;    background-size: cover;}@media (width >= 992px) {          #sec2138 img {      width: var(--img-width);    }      #sec2138 picture {        display: block;    }        #sec2138 .img-transparent .banner\:block__content {       padding-block: 0;    }    #sec2138 .img-transparent.banner-img-left picture{        margin-left: calc(-50vw + 50.6%);    }      #sec2138 .img-transparent.banner-img-right picture{        margin-right: calc(-50vw + 50.6%);    }     #sec2138 .banner-img-right  .banner\:block__content {     flex-direction: row-reverse;   }}#sec2138 .banner\:block__content {    align-items: center;}#sec2138 .img-transparent .banner\:block__content {    align-items: end;}#sec2138 picture {    position: relative;}#sec2138 .text-wrapper>* {    margin: 0 !important;}#sec2138 .text-wrapper>*+* {    margin-top: 1.5em !important;}#sec2138 .subtitle {    -webkit-text-fill-color: unset;}#sec2138 .img-transparent .text-wrapper {	position: relative;    padding-block: 3rem;}#sec2138 .img-transparent .text-wrapper::after {	content: '';	position: absolute;	inset: 0;	background: var(--bg-color);	z-index: -1;}#sec2138 .img-transparent .text-wrapper::after {	margin-left: -100vw;	margin-right: -100vw;}@media (width < 992px) {  #sec2138 .banner\:block__content {    gap: 0;  }  #sec2138 .img-transparent .text-wrapper {      padding-right: calc(var(--bs-gutter-x)*.5);      padding-left: calc(var(--bs-gutter-x)*.5);  }  #sec2138 .img-transparent .container, .img-transparent .container-fluid {      padding-inline: 0;  }    #sec2138 .img-wrapper {    width: 100%;    display: grid;    place-content: center;  }    #sec2138 img {    max-width: var(--img-width);  }}#sec2138 .dark-bg *:not(.btn) { color: white;}#sec2138 .dark-bg .p,#sec2138 .dark-theme ul,#sec2138 .dark-theme ol {  --bs-body-color: white;}                             /* Points forts couvreurs (acceuil) */                                    #sec2139 .grid\:ico {  margin-block: var(--top) var(--bottom);}#sec2139 .grid\:ico__content {    display: grid;    gap: 2rem;}#sec2139 .grid\:ico__header > * {    margin-bottom: 1rem;}#sec2139 .grid\:ico__item {    display: flex;   place-items: center;    gap: 2rem;}#sec2139 .icon {    background-color: var(--bs-primary);    display: grid;    place-content: center;    font-size: 2rem;    color: white;    padding: .5rem;}#sec2139 a:not(.btn) {    color: currentColor;    text-decoration: none;}#sec2139 .grid\:ico__item > * {    flex: 0 1 fit-content;}@media (min-width: 1560px) {  #sec2139 .grid\:ico__content {    flex-direction: column;  display: flex;  }   #sec2139 .grid\:ico__header {      flex: 0 0 40%;  }}@media (max-width: 890px) {  #sec2139 .grid\:ico__item {      place-items: start;      flex-direction: column;  }  #sec2139 .icon {      display: none;  }  #sec2139 .d-grid {      grid-gap: 9vh;  }}#sec2139 .grid\:ico__item  .p {	font-size: .85rem;}@media (width > 1200px) {  #sec2139 .img { aspect-ratio: 16/7;   max-width: 500px; object-fit: cover;}}#sec2139 .grid\:ico__item {    display: block;    border: 1px solid var(--bs-primary);    border-radius: var(--bs-border-radius);    padding: 2rem;}#sec2139 .grid\:ico__item .text-wrapper {  display: grid;  grid-auto-flow: column;  background-color: var(--bs-light);  width: calc(100% + 4rem);  margin-left: -2rem;  gap: 1rem;  grid-auto-columns: 65px 1fr;  align-items: center;  margin-bottom: 1rem;}#sec2139 .grid\:ico__item .title {  margin-bottom: 0;}                             /* large materiaux */                                    #sec2140 .grid\:sw {margin-top: var(--top); margin-bottom: var(--bottom);} #sec2140 .swiper-slide {  height: unset;}#sec2140 .grid:sw__header {  margin-bottom: 2rem;}#sec2140 .p,#sec2140 ul,#sec2140 ol { font-weight: 400;  padding-right: .5rem;}#sec2140  .grid\:sw__item {    display: grid;    grid-template-areas: "overlay";width: 100%;    aspect-ratio: 1/1;  /* cursor: pointer; */}@media (min-width: 780px) {  #sec2140  .grid\:sw__item {    width: 100%;  }}#sec2140  .grid\:sw__item-img {    grid-area: overlay;    height: 100%; width: 100%;    object-fit: cover;}#sec2140  figcaption.subtitle {    grid-area: overlay;    place-self: end center;    padding: .75rem;    white-space: normal;    text-align: center;}#sec2140 .swiper-slide {  width: auto;}#sec2140  .grid\:sw__body {  margin-top: 2rem;	/* margin-right: calc(-50.6% + 45.8%); */ }#sec2140 .grid\:sw__header {    display: flex;  flex-wrap: wrap;    place-content: space-between;    align-items: end;    width: 100%;  gap: 2rem;}#sec2140  .wrapper {  display: grid;    gap: 1rem;}#sec2140 figcaption.subtitle {    opacity: 0;}#sec2140 figure:hover figcaption {    opacity: 1;color: white;background: rgba(0,0,0,.5);width: 100%;}#sec2140 figure:hover img {    filter: var(--brightness) var(--contast);}@media (max-width: 580px) {  #sec2140 figcaption.subtitle {    font-size: .85rem;  }}@media (width >= 980px) {  #sec2140  .wrapper {    max-width: 55%; }} #sec2140 .subtitle { text-transform: none; letter-spacing: normal;}                             /* Banner_acceuil_ */                                    #sec2141 .banner\:block {  margin-block: var(--top) var(--bottom);}#sec2141 .banner\:block__item {    display: grid; grid-template-areas:"overlay";}#sec2141 figure {    grid-area: overlay;  aspect-ratio: 3/1;  z-index: -1;}#sec2141 .wrapper {    width: 100%;    padding-right: calc(var(--bs-gutter-x) * 0.5);    padding-left: calc(var(--bs-gutter-x) * 0.5);    margin-right: auto;    margin-left: auto;    display: grid;    height: fit-content;    place-items: start;    gap: 2rem;    grid-area: overlay;}#sec2141  .wrapper > * {    max-width: 75ch;}#sec2141  .wrapper {    max-width: 1760px;    margin-block: 8vh;}#sec2141  img {    filter: var(--brightness) var(--contrast);  height: 100%;  object-fit: cover; aspect-ratio: 3/1;}                             /* article (text) */                                    #sec2142 .title {  margin-bottom: 2rem;}#sec2142 .btn-wrapper {  margin-top: 2rem;}@media (min-width: 992px) {  #sec2142 .article\:txt__content {    display: flex;    gap: 8rem;  }}#sec2142 .article\:txt__content>* {  flex: 1;}#sec2142 .title::after {  height: 100%;}#sec2142 .title::before {  height: 100%;}#sec2142 .article\:txt {	margin-block: var(--top) var(--bottom);}                             /* banner (block)-combi */                                    #sec2143 .banner\:block {  margin-block: var(--top) var(--bottom);}#sec2143 .banner\:block__item {    display: grid; grid-template-areas:"overlay";}#sec2143 figure {    grid-area: overlay;  aspect-ratio: 3/1;  z-index: -1;}#sec2143 .wrapper {    width: 100%;    padding-right: calc(var(--bs-gutter-x) * 0.5);    padding-left: calc(var(--bs-gutter-x) * 0.5);    margin-right: auto;    margin-left: auto;    display: grid;    height: fit-content;    place-items: start;    gap: 2rem;    grid-area: overlay;}#sec2143  .wrapper > * {    max-width: 75ch;}#sec2143  .wrapper {    max-width: 1760px;    margin-block: 8vh;}#sec2143  img {    filter: var(--brightness) var(--contrast);  height: 100%;  object-fit: cover; aspect-ratio: 3/1;}                             /* article (figure) */                                    #sec2144 .article\:fig {  margin-block: var(--top) var(--bottom);}#sec2144  .article\:fig__content {    display: flex;    flex-direction: row-reverse;    place-items: center;    gap: var(--bs-gutter-x);}#sec2144 .article\:fig__details > * {    margin-bottom: 1em;}#sec2144  figure {    display: grid;    grid-template-columns: 1fr 15fr 1fr;    grid-template-rows: 1fr 15fr 1fr;    margin-bottom: 0;    flex: 0 0 55%;}#sec2144  figure:hover  .article\:fig__img:nth-child(1)  {    z-index: 1;}#sec2144 .article\:fig__content > * {    flex: 1;}#sec2144 .article\:fig__img:nth-child(1) {    grid-column: 2/4;    grid-row: 1/3;}#sec2144 .article\:fig__img:nth-child(2) {    grid-column: 1 / 3;    grid-row: 2/4;}                             /* gallery */                                    #sec2145 .gallery__img {  aspect-ratio: 16/20;  object-fit: cover;}#sec2145 .gallery__body { --bs-gutter-x: 1.5rem;  margin-top: 2rem;}  #sec2145 .gallery {  margin-block: var(--top) var(--bottom); }                             /* faq */                                    #sec2146 .faq { margin-block: var(--top) var(--bottom); } #sec2146 .accordion {  margin-top: 1rem;  display: grid;  gap: 1rem;}#sec2146 .row {  --bs-gutter-x: 5rem;  --bs-gutter-y: 0;}#sec2146 .accordion-button,#sec2146 .accordion-button.collapsed {  padding-bottom: 1rem;  border-bottom: 1px solid rgba(0, 0, 0, .1);  padding-left: 0;}#sec2146 .accordion-button::after {  position: absolute;  right: 0;}#sec2146 .accordion-button {  position: relative;  color: unset;  font-size: var(--bs-body-font-size);  background-color: unset;  font-weight: 500;  line-height: 1;}#sec2146 b {  font-weight: 500;}#sec2146 .accordion-item {  border: 0;  background-color: unset;}#sec2146 .accordion-button:not(.collapsed) {  background-color: unset;  box-shadow: unset;  color: inherit;}#sec2146 .accordion-button:focus {  box-shadow: unset;}#sec2146 .accordion-body {  padding-left: 0;  margin-top: 0; padding-block: .5rem 0;}@media (min-width: 580px) {  #sec2146 .accordion {    margin-top: 2rem;  }}#sec2146 .accordion-button::after {  margin-right: auto;}@media (min-width: 920px) {   #sec2146 .text-column .faq-content {    display: flex;    gap: 5rem;    place-content: start;  }   #sec2146 .text-column .faq-content>* {    flex: 2;  }   #sec2146 .text-column .accordion {    margin-top: 0rem;  }}#sec2146 .accordion-button {    font-family: var(--bs-body-font-family);    font-weight: 500 !important;    line-height: 1.5 !important;}#sec2146  .accordion-button::after {    background-image: unset;}@media (min-width: 580px) {  #sec2146  .faq-header {	max-width: 75ch;	width: 100%;	margin-inline: auto;  }}                             /* Métier_couvreur (combi+accueil) */                                    #sec2147 .grid\:sw {margin-top: var(--top); margin-bottom: var(--bottom);} #sec2147 .swiper-slide { display: grid; height: unset;}#sec2147 .grid:sw__header {  margin-bottom: 2rem;}#sec2147 .p,#sec2147 ul,#sec2147 ol {  line-height: 1.3;  font-weight: 400;  padding-right: .5rem;}#sec2147  .grid\:sw__item {    display: grid;    grid-template-areas: "overlay";}#sec2147  .grid\:sw__item-img {    grid-area: overlay;    height: 100%; width:100%;   object-fit: cover;}#sec2147  figcaption.subtitle {    grid-area: overlay;    place-self: end center;    padding: 10%;    white-space: normal;    text-align: center;}#sec2147 .swiper-slide {  width: auto;}#sec2147  .grid\:sw__body {  margin-top: 2rem;	/* margin-right: calc(-50.6% + 45.8%);*/ }#sec2147 .grid\:sw__header {    display: flex;  flex-wrap: wrap;    place-content: space-between;    align-items: end;    width: 100%;  gap: 2rem;}#sec2147  .wrapper {    max-width: 80ch;    display: grid;    gap: 1rem;}#sec2147 figcaption.subtitle {    opacity: 0;}#sec2147 figure:hover figcaption {    opacity: 1;}#sec2147 figure:hover img {    filter: var(--brigtness) var(--contast);}@media (max-width: 580px) {  #sec2147 figcaption.subtitle {    font-size: .85rem;  }} #sec2147  .swiper-slide  .btn { place-self: end start; }                             /* review (swiper) */                                    #sec2148 .review\:sw {  margin-block: var(--top) var(--bottom);  background: #f7f7f7;  padding-block: 10vh;}#sec2148 .review\:sw__header {  max-width: 75ch;}@media(min-width: 780px) {  #sec2148 .review\:sw__header.text-center {    margin-inline: auto;  }}#sec2148 .swiper-slide {  width: auto;  max-width: 550px;}#sec2148 .review\:sw__item-body > * {    overflow: hidden;}#sec2148  .review\:sw__body {	margin-top: 10vh;}#sw2148 {	display: flex;}#sec2148 .review\:sw__item-body > *:not(:last-child) {    margin-bottom: .75em;}#sec2148 .review\:sw__stars {    color: var(--tf-primary-400);}#sec2148 .swiper-slide img {  width: 200px;}#sec2148 .review\:sw__item-body {    place-self: center;  transition: opacity .5s ease-in;  margin-right: 2rem;}#sec2148 .review\:sw__item {    display: flex;    gap: 2rem;}@media (max-width: 560px) {  #sec2148 .review\:sw__item {    flex-wrap: wrap;  }}/* #sw2148 { margin-right: calc(-50vw + 51.2%);} */ #sw2148 .swiper-horizontal>.swiper-pagination-bullets,#sw2148 .swiper-pagination-bullets.swiper-pagination-horizontal,#sw2148 .swiper-pagination-custom,#sw2148 .swiper-pagination-fraction {  bottom: 0px;  padding: 1px;  padding-right: 1rem;  background: #f7f7f7;}                             /* map */                                    #sec2149 .map,#sec2149 iframe {   width: 100%;  margin-block: var(--top) var(--bottom);}                             /* FOOTER */                                    .footer {  background: var(--bs-body-color);  color: white; } .footer * {   color: white; } @media (min-width: 920px) {  .footer .row {    --bs-gutter-x: 5rem;  }}.footer .about-img {  height: 50px;  width: auto;  margin-bottom: 2rem;  margin-top: -1rem;}.footer-body p, .footer-body a   {  color: #bdbdbd; font-weight: initial; } .footer-body a:hover   {  color: white; } .footer-title {  margin-bottom: 2rem;} .footer-title { text-transform: capitalize;} .footer {  padding-block: clamp(3rem, 7%, 10vh) 3%;}.footer ul {  list-style-type: none;  list-style-image: none;  padding-left: 0;  line-height: 34px;}.footer a {  cursor: pointer; font-size: var(--step-0)}.footer-social-links {  display: flex;  gap: 1rem;  font-size: 1.25rem;  margin-top: 2rem;}.footer-copyright {  position: relative;  display: grid;  place-content: center;  margin-top: 2rem;  padding-top: 2rem;  text-align: center;  border-top: 1px solid var(--tf-secondary);}.links-item,.info-list a { text-decoration: none;}.links-item {  text-decoration: none}.footer-social-links a {  color: white;}.footer-body .about {  position: relative;}.footer .copyright-text {  order: 1;}.footer-social-links li {	  width: 40px;border-radius: var(--bs-border-radius);	aspect-ratio: 1/1;	border: 1px solid #93939342;	display: grid;	place-content: center;}@media (max-width: 580px) {  .footer-body .about {	flex: 0 0 100%;  }}@media (width < 600px) {  .footer-social-links li {    width: 35px;  }    .footer-copyright {	padding-block: 1rem;  }}                             /* diff (swiper) */                                    .event-swiper-2151 { margin-block: var(--top) var(--bottom);} .event-swiper-2151 .card-diff {  display: flex;  gap: 30px;  margin-top: 2rem;  flex-direction: column;}@media (min-width: 720px) {  .event-swiper-2151 .card-diff {    flex-direction: row;  }}.event-swiper-2151 .card-diff>* {  position: relative;  flex: 2;}.event-swiper-2151 figure::before,.event-swiper-2151 .event-swiper-2151 .event-swiper-2151 .event-swiper-2151__header {  text-align: center;}.event-swiper-2151 .title {  width: fit-content;  margin-inline: auto;} #sec2151 figcaption {    border-bottom: 1px solid var(--bs-primary);    padding: .5rem 2em;    font-weight: 500;    margin-inline: auto;    width: fit-content;    margin-top: 1rem;}.event-swiper-2151__header {	display: grid;	place-content: center;	place-items: center;	gap: 1rem;}@media (min-width: 580px) {  .event-swiper-2151__header {	text-align: center;  }    #sec2151 .event-swiper-2151__header .title {    max-width: 32ch;  }  #sec2151 .event-swiper-2151__header p {    max-width: 75ch;  }}