@charset "UTF-8";
@import url(main.css);
.spacer { display: none; }

/***************************************** NAVBAR *****************************************/
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; font-weight: 500 !important; border-radius: 1rem !important; border: 1px solid #D71722; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover { color: #FCFCFC !important; border-color: #FCFCFC; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone.scrolled:hover { color: #D71722 !important; border-color: #D71722; }

a.navbar-brand { height: 9vh !important; width: 9vw !important; }

.navbar-brand { transition: all 0.3s ease !important; }

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

.animated-border-button span { transition: all 0.3s ease; }

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

.animated-border-button::after { background: #FCFCFC; }

.navbar { transition: all 0.3s ease; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; border: 1px solid transparent; }

.navbar.scrolled { background: #F2F2F2 !important; border: 1px solid #FCFCFC; }

.animated-border-button.scrolled::after { background: #363042; }

button.navbar-toggler { background: #FCFCFC !important; border: 1px solid #FCFCFC; border-radius: 1rem !important; }

button.navbar-toggler.scrolled { background: transparent !important; border: 1px solid #363042; border-radius: 1rem !important; }

@media screen and (max-width: 992px) { a.navbar-brand { width: 30vw !important; } div#navbarSupportedContent { background-color: #363042; transition: all 0.3s ease; } .navbar.scrolled div#navbarSupportedContent { background-color: #F2F2F2; } }

/***************************************** HERO *****************************************/
.hero-accueil { height: 100vh; background: #363042; max-width: 100vw; display: flex; justify-content: center; align-items: center; padding: 8rem; position: relative; gap: 3rem; }

.hero-logo { width: 60%; margin-bottom: 2rem; }

.hero-content { animation: slideInLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1); width: 50%; display: flex; flex-direction: column; align-items: start; }

.cta-button { background: #D71722; color: #FCFCFC; padding: 16px 32px; border-radius: 1rem; border: 1px solid #D71722; text-decoration: none; font-weight: 500; font-size: 1rem; transition: all 0.3s ease; margin-top: 1.5rem; }

.cta-button:hover { background: transparent; color: #FCFCFC; border-color: #FCFCFC; }

.cards-grid { display: flex; width: 50%; justify-content: center; gap: 1rem; animation: slideInRight 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s backwards; position: relative; }

.orb { position: absolute; border-radius: 50%; filter: blur(80px); z-index: 1; opacity: 0; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }

.orb-1 { width: 30vh; height: 30vh; background: radial-gradient(circle, rgba(252, 252, 252, 0.5) 0%, transparent 70%); top: -80px; left: -120px; animation: floatOrb1 8s infinite, fadeInOrb 1s forwards 0.5s !important; }

.sec .orb-1 { top: 100px; left: 0px; }

.orb-2 { width: 30vh; height: 30vh; background: radial-gradient(circle, rgba(215, 23, 34, 0.5) 0%, transparent 70%); bottom: -120px; right: -140px; animation: floatOrb2 10s infinite, fadeInOrb 1s forwards 0.7s !important; }

@-webkit-keyframes fadeInOrb { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes floatOrb1 { 0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(30px, -30px); }
  50% { transform: translate(-20px, -50px); }
  75% { transform: translate(40px, -20px); } }

@-webkit-keyframes floatOrb2 { 0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(-40px, 30px); }
  50% { transform: translate(30px, 40px); }
  75% { transform: translate(-30px, 20px); } }

.cards-column { display: flex; flex-direction: column; width: 100%; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); animation: slideInRight 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s backwards; gap: 1rem; z-index: 2; }

.hero-card { height: 300px; width: 100%; position: relative; overflow: hidden; }

.cards-column:nth-child(4) { margin-top: 4rem; }

.sec .cards-column:nth-child(4) { margin-top: 0rem; }

.sec .cards-column:nth-child(3) { margin-top: 8rem; }

.hero-card { animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) backwards; }

.cards-column:nth-child(1) .hero-card:nth-child(1) { animation-delay: 0.3s; }

.cards-column:nth-child(1) .hero-card:nth-child(2) { animation-delay: 0.4s; }

.cards-column:nth-child(2) .hero-card:nth-child(1) { animation-delay: 0.5s; }

.cards-column:nth-child(2) .hero-card:nth-child(2) { animation-delay: 0.6s; }

.hero-card-image { width: 100%; height: 100%; border-radius: 1rem; object-fit: cover; }

@-webkit-keyframes slideInLeft { from { opacity: 0;
    transform: translateX(-40px); }
  to { opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes slideInRight { from { opacity: 0;
    transform: translateX(40px); }
  to { opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    transform: translateY(20px); }
  to { opacity: 1;
    transform: translateY(0); } }

@media (max-width: 968px) { .hero-accueil { flex-direction: column; gap: 60px; padding: 2rem; padding-top: 12vh !important; height: auto; } .hero-content { width: 100%; } .cards-grid { width: 100%; } }

#elec h1, #plomb h1, #placo h1, #salle h1 { display: flex; flex-direction: column; align-items: start; margin-bottom: 1.5rem !important; }

#elec h1::before { content: 'Electricien'; font-family: 'Silent Landfield'; color: #D71722; font-size: 3.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

#plomb h1::before { content: 'Plombier'; font-family: 'Silent Landfield'; color: #D71722; font-size: 3.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

#placo h1::before { content: 'Plaquiste'; font-family: 'Silent Landfield'; color: #D71722; font-size: 3.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

#salle h1::before { content: 'Salle de bain'; font-family: 'Silent Landfield'; color: #D71722; font-size: 3.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

/***************************************** PRESTATIONS *****************************************/
.prestations { display: flex; flex-direction: column; justify-content: center; gap: 4rem; align-items: center; padding: 5rem; }

.prestation-cards { display: flex; justify-content: center; gap: 4rem; align-items: center; width: 100%; max-width: 1400px; }

.prestation-card { width: 40%; height: 25vw; border-radius: 1rem; position: relative; overflow: hidden; text-decoration: none; transition: all 0.5s ease; background-size: cover !important; }

.presta-card-content { display: flex; flex-direction: column; justify-content: end; align-items: center; text-align: center; gap: 1rem; padding: 2rem; z-index: 2; position: relative; height: 100%; width: 100%; }

.prestation-card::after { content: ''; position: absolute; width: 100%; height: 50%; bottom: 0; background: linear-gradient(rgba(54, 48, 66, 0), #d71722); opacity: 0.8; transition: all 0.5s ease; }

.presta-card-content h3, .presta-card-content p { margin-bottom: 0 !important; }

.prestation-card:hover { transform: translateY(-1rem); }

.prestation-card:hover::after { height: 100%; opacity: 1; background: linear-gradient(rgba(54, 48, 66, 0), #d71722); }

.prestations h2 { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.5rem !important; }

.prestations h2::before { content: 'Maitrise globale'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

.prestation-intro p { max-width: 1200px; margin: auto; }

@media screen and (max-width: 992px) { .prestations { flex-direction: column; padding: 3rem 2rem; } .prestation-card { width: 100%; height: 40vh; } .prestation-cards { flex-direction: column; width: 100%; gap: 2rem; } .prestations h2::before { font-size: 2rem; } }

/***************************************** SALLE DE BAIN *****************************************/
#sdb, #radiateur, #depannage, #joints { box-shadow: none !important; max-width: 1400px; padding: 0 !important; margin: 6rem auto !important; }

#sdb p, #radiateur p, #depannage p, #joints p { font-size: 1rem !important; }

#sdb .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1, #radiateur .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1, #depannage .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1, #joints .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1 { justify-content: space-between; align-items: center; }

#sdb .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1, #radiateur .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1, #depannage .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1, #joints .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { width: 45%; }

#sdb .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2, #radiateur .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2, #depannage .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2, #joints .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { width: 50%; position: relative !important; }

#sdb .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before, #radiateur .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before, #depannage .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before, #joints .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before { content: ''; position: absolute; border-radius: 50%; filter: blur(80px); z-index: 1; opacity: 0; animation-timing-function: ease-in-out; animation-iteration-count: infinite; width: 20vh; height: 20vh; background: radial-gradient(circle, rgba(54, 48, 66, 0.7) 0%, transparent 70%); top: -60px; left: -100px; animation: floatOrb1 8s infinite, fadeInOrb 1s forwards 0.5s !important; }

#sdb .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::after, #radiateur .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::after, #depannage .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::after, #joints .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::after { content: ''; position: absolute; border-radius: 50%; filter: blur(80px); z-index: 1; opacity: 0; animation-timing-function: ease-in-out; animation-iteration-count: infinite; width: 20vh; height: 20vh; background: radial-gradient(circle, rgba(215, 23, 34, 0.4) 0%, transparent 70%); bottom: -100px; right: -80px; animation: floatOrb2 10s infinite, fadeInOrb 1s forwards 0.7s !important; }

#sdb img.d-block.mx-lg-auto.img-fluid, #radiateur img.d-block.mx-lg-auto.img-fluid, #depannage img.d-block.mx-lg-auto.img-fluid, #joints img.d-block.mx-lg-auto.img-fluid { position: relative; z-index: 2 !important; }

#sdb a, #radiateur a, #depannage a, #joints a { text-decoration: none; padding: 0.75rem 1rem !important; font-weight: 500 !important; border-radius: 1rem !important; border: 1px solid #D71722; background: #D71722; transition: all 0.3s ease; color: #FCFCFC; }

#sdb a:hover, #radiateur a:hover, #depannage a:hover, #joints a:hover { background: transparent; color: #D71722 !important; }

#sdb .fs-5.lead.mt-4.mb-4, #radiateur .fs-5.lead.mt-4.mb-4, #depannage .fs-5.lead.mt-4.mb-4, #joints .fs-5.lead.mt-4.mb-4 { margin-bottom: 3rem !important; }

@media screen and (max-width: 992px) { #sdb, #radiateur, #depannage, #joints { margin: 3rem auto; width: 100%; } #sdb .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1, #radiateur .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1, #depannage .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1, #joints .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1 { flex-direction: column; justify-content: center; gap: 4rem; } #sdb .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1, #radiateur .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1, #depannage .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1, #joints .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { width: 100%; } #sdb .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2, #radiateur .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2, #depannage .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2, #joints .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { width: 100%; } }

#sdb h2, #radiateur h2, #depannage h2, #joints h2 { display: flex; flex-direction: column; align-items: start; margin-bottom: 1.5rem !important; }

#sdb h2::before { content: 'Tout en un'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

#radiateur ::marker, #depannage ::marker { color: #D71722; }

#radiateur h2::before { content: 'Plus de confort'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

#depannage h2::before { content: 'Intervention rapide'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

#joints h2::before { content: 'Jointoyage'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

/***************************************** POURQUOI *****************************************/
img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto { object-fit: contain !important; border-radius: 1rem !important; padding: 1.5rem 0; }

section.team-members-section.position-relative.py-5.bg-primaryColor.text-color-primary { padding: 8rem 2rem !important; }

/***************************************** MAPS *****************************************/
.maps-section p { font-size: 1rem; }

.maps-section.position-relative.bg-sixthColor { margin: 6rem auto; max-width: 1400px; padding: 0 2rem; z-index: 2; }

.maps-section iframe { border-radius: 1rem; }

.maps-section .mb-4.text-center.display-6.titles { text-align: left !important; }

span.fs-4.titles { font-family: 'Viga'; color: #D71722; }

.maps-section i { color: #D71727; }

.maps-section h2 { display: flex; flex-direction: column; align-items: start; margin-bottom: 1.5rem !important; }

.maps-section h2::before { content: 'Proche de chez vous'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.2rem; transform: rotate(-3deg); margin-bottom: 1.25rem !important; }

/***************************************** CTA *****************************************/
.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { max-width: 90vw; margin: auto; padding: 6rem !important; }

.cta_banner .background-image-div-opacity { border-radius: 1rem; background-attachment: scroll !important; }

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

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: transparent; }

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

#cta-accueil h2 { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.5rem !important; }

#cta-accueil h2::before { content: 'Un seul artisan pour tout'; font-family: 'Silent Landfield'; color: #F2F2F2; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

#cta-elec h2 { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.5rem !important; }

#cta-elec h2::before { content: 'Contactez-moi'; font-family: 'Silent Landfield'; color: #F2F2F2; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

@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; } }

/***************************************** NORMES ELEC *****************************************/
#normes section.team-members-section.position-relative.py-5.bg-primaryColor.text-color-primary { padding: 2rem 2rem 8rem !important; }

#normes img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto { object-fit: cover !important; border-radius: 1rem !important; padding: 0 !important; width: 80% !important; height: 200px !important; max-width: 100% !important; max-height: 250px !important; box-shadow: 0 0 2rem rgba(215, 23, 34, 0.1); margin-bottom: 1rem; }

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

#normes .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 50% !important; padding: 1rem 3rem; margin-bottom: 1rem !important; }

#normes .row.justify-content-center.team-list { flex-wrap: wrap; margin-top: 2rem; }

#normes h2 { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.5rem !important; }

#normes h2::before { content: 'Norme NF C 15-100'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

@media screen and (max-width: 992px) { #normes .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 100% !important; padding: 1rem 1rem; } }

#plomberie section.team-members-section.position-relative.py-5.bg-primaryColor.text-color-primary { padding: 2rem 2rem 8rem !important; }

#plomberie img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto { object-fit: cover !important; border-radius: 1rem !important; padding: 0 !important; width: 80% !important; height: 200px !important; max-width: 100% !important; max-height: 250px !important; box-shadow: 0 0 2rem rgba(215, 23, 34, 0.1); margin-bottom: 1rem; }

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

#plomberie .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 50% !important; padding: 1rem 3rem; margin-bottom: 1rem !important; }

#plomberie .row.justify-content-center.team-list { flex-wrap: wrap; margin-top: 2rem; }

#plomberie h2 { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.5rem !important; }

#plomberie h2::before { content: 'Dans toute la maison'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

@media screen and (max-width: 992px) { #plomberie .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 100% !important; padding: 1rem 1rem; } }

#plaquisterie section.team-members-section.position-relative.py-5.bg-primaryColor.text-color-primary { padding: 2rem 2rem 8rem !important; }

#plaquisterie img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto { object-fit: cover !important; border-radius: 1rem !important; padding: 0 !important; width: 80% !important; height: 250px !important; max-width: 100% !important; max-height: 250px !important; box-shadow: 0 0 2rem rgba(215, 23, 34, 0.1); margin-bottom: 1rem; }

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

#plaquisterie .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 33% !important; padding: 1rem; margin-bottom: 1rem !important; }

#plaquisterie .row.justify-content-center.team-list { margin-top: 2rem; }

#plaquisterie h2 { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.5rem !important; }

#plaquisterie h2::before { content: 'Mon savoir-faire'; font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

@media screen and (max-width: 992px) { #plaquisterie .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 100% !important; padding: 1rem 1rem; } }

.card.border-0.h-100.timeline-card.timeline-card-container.text-color-secondary { align-items: center; text-align: center; }

img.timeline-image.timeline-card-image.card-img-top { width: 80%; border-radius: 1rem; }

/* D'abord la règle générique */
.timeline-card::before { content: ''; font-family: 'Silent Landfield'; color: #D71722; font-size: 3rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

.timeline-item:nth-child(2) .timeline-card::before { content: 'Etape 1'; }

.timeline-item:nth-child(3) .timeline-card::before { content: 'Etape 2'; }

.timeline-item:nth-child(4) .timeline-card::before { content: 'Etape 3'; }

.timeline-item:nth-child(5) .timeline-card::before { content: 'Etape 4'; }

section.timeline-block.position-relative.py-5.bg-primaryColor.text-color-primary { padding: 8rem !important; }

@media screen and (max-width: 992px) { section.timeline-block.position-relative.py-5.bg-primaryColor.text-color-primary { padding: 2rem !important; } }

.timeline-content.timeline-content-wrapper.timeline-content-left, .timeline-content.timeline-content-wrapper.timeline-content-right { position: relative; }

.timeline-content.timeline-content-wrapper.timeline-content-right::before { content: ''; border-radius: 50%; filter: blur(80px); z-index: 3; opacity: 0; animation-timing-function: ease-in-out; animation-iteration-count: infinite; width: 30vh; height: 30vh; background: radial-gradient(circle, rgba(215, 23, 34, 0.5) 0%, transparent 70%); animation: floatOrb1 8s infinite, fadeInOrb 1s forwards 0.5s !important; position: absolute; top: 20%; left: -45vw; }

.timeline-content.timeline-content-wrapper.timeline-content-left::before { content: ''; border-radius: 50%; filter: blur(80px); z-index: 3; opacity: 0; animation-timing-function: ease-in-out; animation-iteration-count: infinite; width: 30vh; height: 30vh; background: radial-gradient(circle, rgba(54, 48, 66, 0.5) 0%, transparent 70%); animation: floatOrb2 10s infinite, fadeInOrb 1s forwards 0.7s !important; position: absolute; top: 0%; right: -50vw; }

@media screen and (max-width: 992px) { .timeline-line.timeline-vertical-line.position-absolute { opacity: 0.1; } .timeline-point.timeline-dot.position-absolute.rounded-circle.border.border-4.border-white { opacity: 0; } }

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

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

#contact h1 { display: flex; flex-direction: column; align-items: start; margin-bottom: 1.5rem !important; }

#contact h1::before { content: 'Contactez-moi'; font-family: 'Silent Landfield'; color: #D71722; font-size: 3rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

#contact p { line-height: 150% !important; font-size: 1.2rem !important; }

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

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

.first-activity-div .col-lg-7 h3, .second-activity-div .col-lg-7 h3, .third-activity-div .col-lg-7 h3 { display: flex; flex-direction: column; align-items: start; }

.first-activity-div .col-lg-7 h3::before, .second-activity-div .col-lg-7 h3::before, .third-activity-div .col-lg-7 h3::before { font-family: 'Silent Landfield'; color: #D71722; font-size: 2.5rem; transform: rotate(-3deg); margin-bottom: 1.5rem !important; }

.first-activity-div .col-lg-7 h3::before { content: 'Salle de bain'; }

.second-activity-div .col-lg-7 h3::before { content: 'Electricien'; }

.third-activity-div .col-lg-7 h3::before { content: 'Plaquiste'; }

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