@charset "UTF-8";
@import url(main.css);
#navigation-bar-hide { opacity: 1 !important; top: 0 !important; }

div.shadow-lg { box-shadow: none !important; }

/*------------------------------------------------Ajustements SEO------------------------------------------*/
nav .dropdown .nav-link { color: #375C4C !important; font-size: 0.8rem !important; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > ul > li:nth-child(5) > a { font-weight: 300 !important; }

#bandeau-title-seo h2 { color: #018048 !important; font-size: 2rem !important; width: 70% !important; margin: auto !important; }

.first-banner-seo-page .background-image-div-opacity { background-image: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2F0Ig9VuFJlVUUPWnPlT5jlYfswPa2%2Fimages%2Fpexels-ivan-cuesta-388302484-14838568_juqt.webp?alt=media&token=8aa851f7-ee4f-437d-a776-94eea131c0e5") !important; }

.cta_banner + .maps-section { display: none !important; }

div.bandeau { padding-top: 16vh !important; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2F0Ig9VuFJlVUUPWnPlT5jlYfswPa2%2Fimages%2Fcherbourg_en_cotentin_3_2xyw.webp?alt=media&token=37451f4b-e42e-42bf-9e73-50330a089688); background-size: cover; background-position: bottom; }

/* ----------------------------------------------Bloc Espacement----------------------------------------------*/
.b-bloc-divider { height: 100px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

/*------------Bloc actu------------------------------*/
#news-posts-bloc { margin-top: 150px !important; margin-bottom: 150px !important; }

/*---------------------------------------------------------Formulaire de contact-----------------------------------------*/
#contact { margin-top: -50px; background-color: transparent !important; }

#contact .col-lg-6 { display: none; }

#contact .col-md-10 { width: 90% !important; margin: auto !important; }

.photoTitleText:has(+ #avant-apres) h2::after { content: ''; display: block; width: 100px; height: 4px; background-color: #b3061c; margin: 20px auto; }

/*---------------------------Barre de navigation--------------------*/
nav.navbar { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }

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

.animated-border-button { color: #375C4C; }

/*-------------------------------------------Carrousel---------------------------------*/
.owl-carousel .owl-item img { max-height: 500px; border-radius: 15px; }

.owl-carousel { margin-bottom: 150px; }

/*---------------------------------------Bannière d'accueil----------------------*/
#fullHeight .titles, .is-second .titles { letter-spacing: normal; }

#fullHeight .titles h1, .is-second .titles h1 { font-size: 1.9rem !important; }

#fullHeight .titles p, .is-second .titles p { font-size: 1.3rem !important; line-height: 1.6 !important; }

h1::after { content: ''; display: block; width: 100px; height: 4px; background-color: #b3061c; margin: 20px auto; }

#fullHeight h2::after, .is-second h2::after { content: ''; display: block; width: 100px; height: 4px; background-color: #b3061c; margin: 20px auto; }

#phone-analytics-tag-video-bloc { display: inline-block !important; }

.fondDegradeLogo { max-width: 200px !important; border-radius: 15px; }

@media (max-width: 900px) { img.fondDegradeLogo { display: none; } }

.bloc-slider-homepage { backdrop-filter: blur(10px); padding: 40px; border-radius: 20px !important; }

.bloc-slider-homepage { top: 65% !important; }

.is-second lottie-player { display: none; }

/*---------------------------------Boutons-------------------------------------------------*/
a.button_header, a.button_homepageScreen, a.button_homepageDoubleScreen { padding: 15px 25px !important; border: unset !important; border-radius: 15px !important; color: white !important; z-index: 1 !important; background: #018048 !important; position: relative !important; -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27) !important; box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27) !important; transition: all 250ms !important; overflow: hidden !important; font-weight: normal !important; }

a.button_header::before, a.button_homepageScreen::before, a.button_homepageDoubleScreen::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 0 !important; border-radius: 15px !important; background-color: #375c4c !important; z-index: -1 !important; -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27) !important; box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27) !important; transition: all 350ms !important; }

a.button_header:hover::before, a.button_homepageScreen:hover::before, a.button_homepageDoubleScreen:hover::before { width: 100% !important; }

/*----------------------------------------------Paragraphes---------------------------------------------*/
div.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 > img { border-radius: 16px; }

div.col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 p { font-size: 1.1rem !important; }

#nettoyage-sepulture, #entretien-espaces-verts, #nettoyage-exterieur, #ramassage-dechets { margin: 0 !important; width: 100%; padding: 5rem !important; }

#nettoyage-sepulture img, #entretien-espaces-verts img, #nettoyage-exterieur img, #ramassage-dechets img { max-width: 500px; aspect-ratio: 1 / 1; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5); }

#nettoyage-sepulture .col-lg-7, #entretien-espaces-verts .col-lg-7, #nettoyage-exterieur .col-lg-7, #ramassage-dechets .col-lg-7 { backdrop-filter: blur(6px) brightness(0.6); padding: 40px; border-radius: 15px !important; color: white !important; }

#nettoyage-sepulture { background: linear-gradient(to bottom, white 0%, transparent 25%, transparent 75%, white 100%), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F0Ig9VuFJlVUUPWnPlT5jlYfswPa2%2Fimages%2Fcherbourg_en_cotentin_5_clk3.webp") center/cover no-repeat; }

#entretien-espaces-verts { background: linear-gradient(to bottom, white 0%, transparent 25%, transparent 75%, white 100%), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F0Ig9VuFJlVUUPWnPlT5jlYfswPa2%2Fimages%2Fcherbourg_en_cotentin_6_oa2g.webp") center/cover no-repeat; }

#nettoyage-exterieur { background: linear-gradient(to bottom, white 0%, transparent 25%, transparent 75%, white 100%), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F0Ig9VuFJlVUUPWnPlT5jlYfswPa2%2Fimages%2Fcherbourg_en_cotentin_7_9amj.webp") center/cover no-repeat; }

#ramassage-dechets { background: linear-gradient(to bottom, white 0%, transparent 25%, transparent 75%, white 100%), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F0Ig9VuFJlVUUPWnPlT5jlYfswPa2%2Fimages%2Fcherbourg_en_cotentin_4_8vrx.webp") center/cover no-repeat; }

/*-----------------------------------------Nos services-------------------------------*/
.services-hero { padding: 10rem 2rem; color: #375C4C; background: linear-gradient(to bottom, white 0%, transparent 25%, transparent 75%, white 100%), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F0Ig9VuFJlVUUPWnPlT5jlYfswPa2%2Fimages%2Fcherbourg_en_cotentin_3_2xyw.webp") center/cover no-repeat; }

#intervention-urgente { background: none !important; padding: 5rem 0 6rem 0 !important; }

.services-overlay { max-width: 1500px; margin: auto; text-align: center; }

.services-main-title { color: #018048; margin-bottom: 0.5rem; }

.services-separator { width: 80px; height: 4px; background: #b3061c; margin: 1rem auto 1.5rem; border-radius: 2px; }

.services-subtitle, strong { max-width: 900px; margin: 0 auto 5rem; opacity: 0.9; line-height: 1.6; background-color: white; border-radius: 15px; padding: 10px; font-size: 1.1rem !important; color: #375c4c; }

.services-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2rem; }

.service-box { display: block; text-decoration: none; color: inherit; background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(6px) brightness(0.4); border-radius: 18px; padding: 2.5rem 2rem; text-align: center; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5); transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease; position: relative; overflow: hidden; }

.service-box::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent, rgba(1, 128, 72, 0.15), transparent); opacity: 0; transition: opacity 0.4s ease; }

.service-box:hover { transform: translateY(-12px); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7); background: rgba(255, 255, 255, 0.06); }

.service-box:hover::after { opacity: 1; }

.service-icon { display: inline-block; margin-bottom: 1.2rem; animation: floatIcon 3s ease-in-out infinite; font-size: 2rem; }

.service-box h3 { color: #fff; margin-bottom: 0.8rem; min-height: 150px; }

#nos-services h3::after { content: ''; display: block; width: 100px; height: 4px; background-color: #b3061c; margin: 20px auto; }

.service-desc { opacity: 0.85; line-height: 1.5; color: #fff; }

@keyframes floatIcon { 0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); } }

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