@charset "UTF-8";
@import url(main.css);
a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border: 1px solid #9c5925 !important; background: #9c5925 !important; }

a.navbar-brand { display: none; }

.spacer { display: none; }

#navigation-bar-hide { opacity: 1 !important; top: 0 !important; }

.navbar { transition: all 0.3s ease !important; background: transparent !important; box-shadow: 0 0 0.5rem rgba(15, 12, 9, 0); }

.navbar.scrolled { background: #FAFAFA !important; box-shadow: 0 0 0.5rem rgba(15, 12, 9, 0.1); }

a.navbar-brand { height: 11vh !important; width: 12vw !important; transition: all 0.3s ease !important; }

.navbar .logo_nav { height: 10vh !important; transition: all 0.3s ease !important; }

.navbar .container-fluid { padding: 0 2rem !important; }

nav#navigation-bar-hide { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.animated-border-button { background: transparent !important; }

.animated-border-button span { color: #FAFAFA !important; }

.animated-border-button.scrolled span { color: #0F0C09 !important; }

.animated-border-button.scrolled::after { background-color: #0F0C09 !important; }

.navbar.scrolled li.px-4.py-2:nth-child(1) .animated-border-button::after { background-color: #9C5925 !important; }

.navbar.scrolled li.px-4.py-2:nth-child(2) .animated-border-button::after { background-color: #e3c292 !important; }

.navbar:has(.navbar-collapse.show) { background-color: #FAFAFA !important; }

.navbar:has(.navbar-collapse.show) .animated-border-button span { color: #0F0C09 !important; }

.navbar:has(.navbar-collapse.show) .animated-border-button::after { background-color: #0F0C09 !important; }

.navbar:has(.navbar-collapse.show) a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(1) { background: #9C5925; border: 1px solid #9C5925; color: #FAFAFA !important; }

.navbar:has(.navbar-collapse.show) a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(1):hover { background: transparent; border: 1px solid #9C5925; color: #9C5925 !important; }

.navbar:has(.navbar-collapse.show) a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(2) { border: 1px solid #e3c292; background: #e3c292; color: #FAFAFA !important; }

.navbar:has(.navbar-collapse.show) a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(2):hover { background: transparent; border: 1px solid #e3c292; color: #e3c292 !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { padding: 0.75rem 1rem !important; border-radius: 8px !important; display: inline-flex; justify-content: center; align-items: center; gap: 0.5rem; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone::before { content: '\F5B4'; font-family: 'bootstrap-icons'; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(1) { background: transparent; color: #FAFAFA !important; border: 1px solid #FAFAFA; font-family: 'ITC Symbol'; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(1):hover { background: #FAFAFA; color: #9C5925 !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(2) { background: transparent; color: #FAFAFA !important; border: 1px solid #FAFAFA; font-family: 'PCap Terminal'; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(2):hover { background: #FAFAFA; color: #e3c292 !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone.scrolled:nth-child(1) { background: #9C5925; border: 1px solid #9C5925; color: #FAFAFA !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone.scrolled:nth-child(1):hover { background: transparent; border: 1px solid #9C5925; color: #9C5925 !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone.scrolled:nth-child(2) { border: 1px solid #e3c292; background: #e3c292; color: #FAFAFA !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone.scrolled:nth-child(2):hover { background: transparent; border: 1px solid #e3c292; color: #e3c292 !important; }

@media screen and (max-width: 992px) { .d-flex.justify-content-center.justify-content-lg-end.text-center.m-1.my-2.my-lg-0 { flex-direction: column; gap: 1rem; margin-bottom: 2rem !important; } .navbar { transition: none !important; } a.navbar-brand { width: 35vw !important; } }

ul.list-unstyled.d-flex.justify-content-center.justify-content-lg-start.gap-2.m-0 li:nth-child(1) i.bi.bi-facebook.fs-4 { color: #9C5925; }

ul.list-unstyled.d-flex.justify-content-center.justify-content-lg-start.gap-2.m-0 li:nth-child(2) i.bi.bi-facebook.fs-4 { color: #e3c292; }

.titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { letter-spacing: normal; }

.titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles p { font-size: 1.3rem !important; font-weight: 300 !important; }

#fullHeight h1 { display: flex; flex-direction: column; align-items: center; }

lottie-player.lottie-scroll { display: none; }

#fullHeight img.d-block.w-100 { filter: none; }

.presentation { max-width: 1400px; margin: auto; display: flex; align-items: center; justify-content: center; gap: 4rem; padding: 6rem 3rem; }

.pres-content-container { width: 55%; display: flex; flex-direction: column; align-items: start; justify-content: center; }

.pres-quote-container { height: 100%; width: 45%; border-radius: 8px; background-color: #EEEEEE; display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 2rem 3rem; position: relative; }

.presentation.pres-AJ .pres-quote-container { background-color: rgba(242, 233, 226, 0.3); }

.presentation.pres-JP .pres-quote-container { background-color: rgba(220, 234, 226, 0.3); }

.pres-quote-icon { width: 4rem; height: 6rem; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #9C5925; }

.presentation.pres-AJ .pres-quote-icon { color: #9C5925; }

.presentation.pres-JP .pres-quote-icon { color: #e3c292; }

.pres-quote-icon::before { content: '\F6B0'; font-family: 'bootstrap-icons'; font-size: 6rem; }

.pres-quote-signature { width: 100%; display: flex; justify-content: end; gap: 1rem; align-items: center; }

@media screen and (max-width: 992px) { .presentation { padding: 3rem 2rem; flex-direction: column; gap: 2rem; } .pres-content-container { width: 100%; } .pres-quote-container { width: 100%; } .sliderLogoContainer.mx-auto { width: 100% !important; margin-bottom: 3rem; } }

.divisions { width: 100%; max-width: 1400px; margin: auto; padding: 3rem 2rem 8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3rem; }

.division-head { width: 80%; margin: auto; }

.division-container { width: 100%; display: flex; justify-content: stretch; align-items: stretch; gap: 2rem; }

.division { width: 50%; height: 50vh; border-radius: 1rem; background-size: cover !important; background-position: center !important; position: relative; text-decoration: none; transition: all 0.5s ease; }

.division:hover { transform: translateY(-0.5rem); }

.division:hover .division-overlay { opacity: 0.95; }

.division:hover .division-logo { transform: scale(1.15); }

.division.div-AJ { background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FkzQPDQ0vmkXpix1QiiJ56jw2Ykk2%2Fimages%2F482210905_501765449658083_2581648654372064891_n_yrk8.webp); }

.division.div-JP { background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FkzQPDQ0vmkXpix1QiiJ56jw2Ykk2%2Fimages%2F474589317_460728363761448_9092676289993665156_n_gfmb.webp); }

.div-AJ .division-overlay { background-color: #9C5925; position: absolute; width: 100%; height: 100%; opacity: 0.8; border-radius: 1rem; transition: all 0.5s ease; }

.div-JP .division-overlay { background-color: #e3c292; position: absolute; width: 100%; height: 100%; opacity: 0.8; border-radius: 1rem; transition: all 0.5s ease; }

.division-content { width: 100%; height: 100%; z-index: 2; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 4rem; }

.division-logo { width: 40%; height: 8rem; object-fit: contain; transition: all 0.5s ease; }

.division-arrow { width: 3rem; height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: scale(0); transition: all 0.5s ease; }

.division-arrow::before { content: '\F138'; font-family: 'bootstrap-icons'; font-size: 2.5rem; color: #FAFAFA; }

.division:hover .division-arrow { height: 2.5rem; transform: scale(1); margin-top: 5%; }

.division-line { width: 30%; height: 2px; background: #FAFAFA; margin-bottom: 1rem; transition: all 0.5s ease; border-radius: 8px; }

.division:hover .division-line { width: 40%; }

@media screen and (max-width: 992px) { .divisions { padding: 3rem 2rem; } .division-container { flex-direction: column; } .division-content { padding: 2rem; } .division { width: 100%; } .division-logo { width: 60%; } .division-arrow { width: 3rem; height: 1.5rem; transform: scale(1); margin-top: 5%; } .division-arrow::before { font-size: 1.5rem; } }

section.position-relative.bg-sixthColor.text-color-sixth { padding: 3rem 2rem 2rem; margin: 1rem 2rem; border-radius: 1rem; }

.engagement-overlay.position-absolute.top-0.start-0.w-100.h-100 { display: none; }

div#engagement-card-id { background: transparent !important; }

.engagement-card img { width: 40%; margin: auto; }

#carte.photoText-div { max-width: 1400px !important; }

#carte .row.p-4.pb-0.pe-lg-0.pt-lg-5.pb-lg-5.rounded-3.shadow-lg.justify-content-center.position-relative.bg-primaryColor.text-color-primary { box-shadow: none !important; align-items: end; gap: 4rem; }

#carte .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { border-radius: 1rem; }

#carte .display-5.fw-bold.p-4.pt-lg-2.titles.position-relative.z-1 { display: none; }

#carte h2 { display: flex; flex-direction: column; gap: 1rem; }

#carte h2::after { content: ''; width: 50%; height: 2px; border-radius: 2px; background: #0F0C09; margin-bottom: 1rem; }

.fd-social { text-align: center; padding: 4rem 2rem 6rem; font-family: 'Poppins', serif; }

.fd-social-line { height: 2px; background-color: #0F0C09; width: 20%; margin: auto; margin-bottom: 2rem; margin-top: 1rem; border-radius: 4px; }

.fd-social-header { margin-bottom: 60px; }

.fd-social-subtitle { display: block; color: #0F0C09; font-size: 1.7rem; font-weight: 400; }

.fd-social-header h2 { font-size: 2.25rem; font-weight: 700 !important; color: #0F0C09; margin-bottom: 1.5rem; }

.fd-social-header h2 span.social-AJ { color: #9C5925; }

.fd-social-header h2 span.social-JP { color: #e3c292; }

.fd-social-header p { font-size: 1.1rem; color: #0F0C09; line-height: 1.5; margin: 0 auto; font-weight: 300; }

.fd-social-links { display: flex; justify-content: center; align-items: center; gap: 80px; flex-wrap: wrap; }

.fd-social-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.3s ease; }

.social-img-container { width: 100px; height: 100px; margin-bottom: 12px; transition: all 0.4s ease; display: flex; align-items: center; justify-content: center; }

.social-img-container.social-AJ::before { content: '\F344'; font-family: 'bootstrap-icons'; font-size: 80px; color: #9C5925; }

.social-img-container.social-JP::before { content: '\F344'; font-family: 'bootstrap-icons'; font-size: 80px; color: #e3c292; }

.fd-social-item.social-AJ span { font-family: 'ITC Symbol'; color: #9C5925; font-size: 1.5rem; font-weight: 500; }

.fd-social-item.social-JP span { font-family: 'PCap Terminal'; color: #e3c292; font-size: 1.5rem; font-weight: 500; }

.fd-social-item:hover { transform: translateY(-6px); }

@media (max-width: 768px) { .fd-social { padding: 80px 25px; } .fd-social-header h2 { font-size: 2rem; } .fd-social-links { gap: 50px; } .fd-social-item img { width: 60px; height: 60px; } .fd-social-line { width: 80%; } }

.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { margin: 2rem; border-radius: 1rem; overflow: hidden; padding: 6rem 4rem !important; }

.cta_banner .background-image-div-opacity { background-attachment: scroll !important; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 8px; transition: all 0.3s ease; border: 1px solid #fafafa; background: transparent; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 span { transition: all 0.3s ease; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { background: #9C5925; border: 1px solid #9C5925; }

.cta_banner p { max-width: 1000px; }

@media screen and (max-width: 992px) { .d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { padding: 3rem 2rem !important; } }

.first-activity-div, .second-activity-div, .third-activity-div { max-width: 1500px; }

.first-activity-div.shadow-lg, .second-activity-div.shadow-lg, .third-activity-div.shadow-lg { box-shadow: none !important; }

.first-activity-title.mb-5, .second-activity-title.mb-5, .third-activity-title.mb-5 { margin-bottom: 1rem !important; }

.mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin-top: 5rem !important; }

@media screen and (max-width: 992px) { .mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin-top: 3rem !important; } }

.mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin-bottom: 5rem !important; }

@media screen and (max-width: 992px) { .mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin-bottom: 3rem !important; } }

.card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { box-shadow: none !important; }

.first-activity-div .black-screen { background-color: #0F0C09; }

.second-activity-div .black-screen { background-color: #9C5925; }

.third-activity-div .black-screen { background-color: #e3c292; }

.black-screen { opacity: 0 !important; }

h3.fs-2.py-5.my-5.lh-1.fw-bold { color: #FAFAFA; }

h3.fs-2.py-5.my-5.lh-1.fw-bold:hover { color: #EEEEEE; }

img.carousel-logo { width: 50%; margin-bottom: 2rem; }

.carousel-overlay-AJ { position: absolute; height: 100%; width: 100%; background-color: #9C5925; opacity: 0.8; z-index: 1; }

.carousel-overlay-JP { position: absolute; height: 100%; width: 100%; background-color: #e3c292; opacity: 0.8; z-index: 1; }

#carouselWithFeatures .container { position: relative; z-index: 2; }

button.carousel-control-prev.slider-with-features-carousel-button { z-index: 2; }

button.carousel-control-next.slider-with-features-carousel-button { z-index: 2; }

.col-lg-5.col-12.mx-auto { width: 100%; }

.carousel-caption.fixed-caption.mb-5 { margin-bottom: 10% !important; }

@media screen and (max-width: 992px) { img.carousel-logo { width: 80%; } .carousel-caption.fixed-caption.mb-5 { margin-bottom: 20% !important; padding: 1.5rem 3rem !important; } }

@media screen and (max-width: 700px) { .carousel-caption.fixed-caption.mb-5 { margin-bottom: 30% !important; padding: 1.5rem 3rem !important; } }

.col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 30%; text-align: left !important; }

.row.justify-content-center.team-list { justify-content: space-between !important; }

img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto { width: 100% !important; max-width: 100% !important; border-radius: 0.5rem !important; max-height: 200px !important; height: 200px !important; }

img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto:hover { transform: scale(1) !important; }

.col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { padding: 2rem; border: 1px solid #9C5925; border-radius: 1rem; box-shadow: 0 0 0.5rem rgba(15, 12, 9, 0.1); transition: all 0.3s ease; }

#presta-JP .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { border: 1px solid #e3c292; }

.row.justify-content-center.px-3 { margin-bottom: 2rem; }

.titles.mt-3.team-member-name { margin-top: 1.5rem !important; }

section.team-members-section.position-relative.py-5.bg-primaryColor.text-color-primary { margin-bottom: 4rem; }

@media screen and (max-width: 992px) { .row.justify-content-center.team-list { flex-direction: column; align-items: center; } .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 80%; } }

#revetement { margin: 1rem; border-radius: 1rem; padding: 5rem; background-color: rgba(242, 233, 226, 0.3); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3rem; position: relative; }

#revetement.revetement-JP { background-color: rgba(220, 234, 226, 0.3); }

.revetement-top { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }

.revetement-container { display: flex; align-items: center; justify-content: space-between; gap: 3rem; width: 100%; }

.revetement-img { width: 30vw; height: 50vh; background-size: cover !important; border-radius: 0.75rem; box-shadow: 0 0 1rem rgba(156, 89, 37, 0.3); }

.revetement-JP .revetement-img { box-shadow: 0 0 1rem rgba(67, 115, 87, 0.3); }

.revetement-content { width: 30vw; display: flex; flex-direction: column; align-items: center; gap: 2rem; }

.content1 { width: 100%; display: flex; flex-direction: column-reverse; align-items: start; text-align: left; gap: 1rem; }

.content2 { width: 100%; display: flex; flex-direction: column; align-items: end; text-align: right; gap: 1rem; }

.revetement-arrow { width: 2.5rem; height: 2.5rem; }

.revetement-arrow::before { font-family: 'bootstrap-icons'; font-size: 2.5rem; color: #9C5925; }

.revetement-JP .revetement-arrow::before { color: #e3c292; }

.content1 .revetement-arrow::before { content: '\F131'; }

.content2 .revetement-arrow::before { content: '\F110'; }

@media screen and (max-width: 992px) { #revetement { padding: 3rem 2rem; } .revetement-container { display: flex; flex-direction: column; } .revetement-img { width: 100%; height: 50vw; } .revetement-content { width: 90%; } .content1 { flex-direction: row-reverse; justify-content: space-between; } .content2 { flex-direction: row; justify-content: space-between; } .content1 .revetement-arrow::before { content: '\F10F'; } .content1 .revetement-arrow { transform: rotate(90deg); } .content2 .revetement-arrow::before { content: '\F10E'; } }

#cta-aj a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { background: #FAFAFA; border-color: #FAFAFA; }

#cta-aj a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover span { color: #9C5925 !important; }

#cta-jp a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { background: #FAFAFA; border-color: #FAFAFA; }

#cta-jp a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover span { color: #e3c292 !important; }

.row.row-cols-1.row-cols-md-3.my-2.gap-4.gap-lg-0.justify-content-center { max-width: 1600px; margin: auto; padding: 3rem 2rem; }

.image-before-after-container { border-radius: 1rem; }

.col.before-after-images-column.my-0.my-lg-2 { width: 25%; height: 30vh; }

div.slider-before-after-images { background-color: #FAFAFA; color: #9C5925; border-color: #FAFAFA; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; }

div.slider-before-after-images::before, div.slider-before-after-images::after { background-color: #FAFAFA; transition: background-color 0.3s ease; }

div.slider-before-after-images:hover, div.slider-before-after-images:hover::before, div.slider-before-after-images:hover::after { background-color: #9C5925; color: #fafafa; border-color: #9C5925; }

@media screen and (max-width: 992px) { .col.before-after-images-column.my-0.my-lg-2 { width: 100%; } }

#hero-real { margin: 0; width: 100%; border-radius: 0; padding-top: 20vh !important; }

#hero-real p { max-width: 1400px; }

#hero-real a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { background: #fafafa; }

#hero-real a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover span { color: #9C5925 !important; }

.photoTitleText.text-color-sixth { margin-top: 3rem; padding: 0 2rem; }

div#contact { padding-top: 13vh !important; min-height: 100vh; }

form#formContact { border-radius: 1rem !important; }

#contact .col-lg-6.text-center.text-color-sixth { text-align: left !important; padding-left: 6rem; }

#contact p { line-height: 150% !important; }

#contact .col-lg-6.text-center.text-color-sixth a { text-decoration: none !important; }

#contact .col-lg-6.text-center.text-color-sixth a span { transition: all 0.3s ease; }

#contact .col-lg-6.text-center.text-color-sixth li:nth-child(1) a:hover span { color: #9C5925 !important; }

#contact .col-lg-6.text-center.text-color-sixth li:nth-child(2) a:hover span { color: #e3c292 !important; }

#contact ul { padding: 1rem 1rem 1rem 2.5rem; width: fit-content; background: #eeeeee; border-radius: 1rem; margin: 2rem 0 0 !important; }

#contact ul li:nth-child(2) p { margin-bottom: 0 !important; }

#contact li:nth-child(1)::marker { color: #9C5925; }

#contact li:nth-child(2)::marker { color: #e3c292; }

@media screen and (max-width: 992px) { #contact .col-lg-6.text-center.text-color-sixth { padding-left: 2rem; } }

.realisations-section { padding: 60px 20px; }

.overlay { max-width: 1400px; margin: 0 auto; padding: 40px 20px; }

.realisations-main-title { text-align: center; font-size: 2.8rem; color: #0F0C09; font-weight: 700 !important; margin-bottom: 32px; font-family: 'Poppins', Arial, sans-serif; }

.filter-tabs { display: flex; justify-content: center; gap: 12px; margin-bottom: 32px; flex-wrap: wrap; }

.filter-btn { background: transparent; border: 1px solid #0F0C09; color: #0F0C09; font-size: 1.1rem; padding: 0.75rem 1rem; border-radius: 0.5rem; cursor: pointer; box-shadow: none; display: flex; align-items: center; justify-content: center; min-height: 52px; transition: all 0.3s ease; text-align: center; }

.filter-btn span { transition: all 0.3s ease; }

.filter-btn p { margin-bottom: 0 !important; }

.filter-btn:hover { background: #EEEEEE; }

.filter-btn.active:nth-child(1) { border-color: #9C5925; background: #9C5925; }

.filter-btn.active:nth-child(1) span { color: #FAFAFA !important; }

.filter-btn.active:nth-child(2) { border-color: #e3c292; background: #e3c292; }

.filter-btn.active:nth-child(2) span { color: #FAFAFA !important; }

.filter-btn.active:nth-child(3) { border-color: #9C5925; background: #9C5925; }

.filter-btn.active:nth-child(3) span { color: #FAFAFA !important; }

.realisations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }

.realisation-card { border-radius: 1rem; overflow: hidden; transition: all 0.3s ease; }

.realisation-card:hover { transform: translateY(-4px); }

.realisation-card img { width: 100%; height: 320px; object-fit: cover; display: block; cursor: pointer; }

.realisation-card.hidden { display: none; }

/* Modal pour l’image agrandie */
.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(15, 12, 9, 0.75); align-items: center; justify-content: center; }

.modal-content { max-width: 1400px; max-height: 70vh; width: auto; height: auto; border-radius: 8px; background: #fafafa; }

.modal-close { position: absolute; top: 24px; right: 32px; color: #fafafa; font-size: 36px; font-weight: bold; cursor: pointer; z-index: 1100; transition: all 0.3s ease; }

.modal-close:hover { color: #9C5925; }

@media (max-width: 900px) { .filter-tabs { gap: 8px; font-size: 0.9rem; } .filter-btn { padding: 10px 20px; font-size: 1rem; min-height: 48px; } .realisations-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; } .realisation-card img { height: 240px; } .modal-content { max-width: 90%; max-height: 90%; } }

/*# sourceMappingURL=custom.css.map */