@charset "UTF-8";
@import url(main.css);
strong { font-size: 1.1em; }

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

/*----------------------------Ajustements SEO----------------------------*/
.dropdown-toggle { color: #5c4428 !important; }

img.logo-seo-page { background-color: #ffffff; border-radius: 10px; }

/*-------------------------------Boutons------------------------------*/
a.button_header { border-radius: 7px !important; }

a.button_homepageDoubleScreen { transition: background-color 0.5s ease; border-radius: 7px !important; font-weight: normal !important; }

/*-----------------------------------Carrousel------------------------------------*/
.owl-carousel.owl-drag .owl-item { height: 400px; }

.owl-carousel .owl-item img { border-radius: 30px !important; height: 400px; }

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

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

#presentation p span { position: relative; padding-left: 60px; display: inline-block; }

#presentation p span::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fxffb26C6KBYvxYDb1FmZGCUgj1n1%2Fimages%2FIcones_rfdv.webp) no-repeat center; background-size: contain; }

div:has(> #presentation) { background-color: #5c4428; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fxffb26C6KBYvxYDb1FmZGCUgj1n1%2Fimages%2Fbanniere_haut_droite_xafa.webp); background-size: 100%; background-repeat: no-repeat; background-attachment: local; background-position: top right; padding: 60px 0; }

#presentation img { border-radius: 1rem; background-color: white; box-shadow: -0.5rem 0.5rem 0 0  #728e27; }

/*----------------------------------------------------Bannières CTA-----------------------------------*/
.cta_banner .lead { width: 80%; margin-left: auto; margin-right: auto; }

#intro h2::before { content: ''; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fxffb26C6KBYvxYDb1FmZGCUgj1n1%2Fimages%2FBannieres_6dvf.webp?alt=media&token=42d410c9-6096-4c2c-8ef4-b2d96532c4d4); width: 16%; height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; }

@media (max-width: 980px) { #intro h2::before { width: 56% !important; } }

.cta_banner { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fxffb26C6KBYvxYDb1FmZGCUgj1n1%2Fimages%2FBannieres_1_iico.webp); background-size: 100%; background-repeat: no-repeat; background-attachment: local; background-position: top left; }

.cta_banner h2 span { background-color: white; padding: 2px 10px; border-radius: 7px; }

#robots-tondeuses { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fxffb26C6KBYvxYDb1FmZGCUgj1n1%2Fimages%2FBannieres_1_c0nm.webp); }

#secondaires { background-image: none; min-height: 500px; background-position: center; }

/*-------------------------------------------------------------------------------Bannière vidéo----------------------------------*/
.video-background-overlay { background-color: #728e27 !important; opacity: 0.4 !important; }

.image-video-logo { width: 20% !important; }

.videoTitle { width: 100% !important; }

@media (min-width: 320px) and (max-width: 991px) { .image-video-logo { width: 30% !important; } }

.video-background-holder .h1, .video-background-holder h1 { font-size: 1rem !important; }

div.video-background-holder.secondaires { height: 60vh; }

div.video-background-holder.secondaires .h1, div.video-background-holder.secondaires h1 { font-size: 2rem !important; }

/*-----------------------------------------------------------TAGS------------------------------------------------------------*/
.app { display: flex; align-items: center; justify-content: center; flex-direction: column; }

@media (min-width: 950px) { .tag-list { width: 50% !important; } }

.tag-list { width: 80%; max-width: 90vw; display: flex; flex-shrink: 0; flex-direction: column; gap: 1rem 0; position: relative; padding: 1.5rem 0; overflow: hidden; }

.loop-slider .inner { display: flex; width: fit-content; animation-name: loop; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: var(--direction); animation-duration: var(--duration); }

.tag { display: flex; align-items: center; gap: 0 0.2rem; color: #e2e8f0; font-size: 0.9rem; background-color: #5c4428; border-radius: 0.4rem; padding: 0.7rem 1rem; margin-right: 1rem; /* important pour le loop */ box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2), 0 0.1rem 0.5rem rgba(0, 0, 0, 0.3), 0 0.2rem 1.5rem rgba(0, 0, 0, 0.4); width: fit-content; height: 52px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tag span { font-size: 1.2rem; color: #728e27; }

.fade { pointer-events: none; background: linear-gradient(90deg, #1e293b, transparent 30%, transparent 70%, #1e293b); position: absolute; inset: 0; }

@keyframes loop { 0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } }

/*--------------------------------------------------------------------------Timeline icones--------------------------------*/
.timeline-icones-chape { padding: 60px 20px; }

.timeline-container { display: flex; align-items: stretch; justify-content: space-between; max-width: 1300px; margin: 0 auto; position: relative; }

.timeline-item { display: flex; flex-direction: column; justify-content: flex-start; text-align: center; flex: 1; opacity: 0; transform: translateY(30px); transition: all 1s ease; }

.timeline-item.visible { opacity: 1; transform: translateY(0); }

.icon-wrapper { width: 120px; height: 120px; margin: 0 auto 15px auto; }

.icon-wrapper img { width: 100%; height: auto; display: block; }

.timeline-item p { font-size: 1.1rem; color: #5c4428; max-width: 200px; margin: 0 auto; }

.timeline-line { align-self: center; flex: 0 0 80px; height: 4px; background: #728e27; margin: 0 10px; border-radius: 2px; }

/* Responsive */
@media (max-width: 768px) { .timeline-container { flex-direction: column; } .timeline-line { width: 4px; height: 60px; margin: 20px auto; } }

/*--------------------------------Bloc réseaux-----------------------*/
div.socialsMiroir-div { padding: 60px 0 !important; }

div.socialsMiroir-div p { font-size: 1.25rem; }

div.socialsMiroir-div .text-center { width: 80%; }

div.socialsMiroir-div h2::before { content: ''; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fxffb26C6KBYvxYDb1FmZGCUgj1n1%2Fimages%2Flogo_blanc_ldpp.webp?alt=media&token=60ae3430-90d0-4381-abdd-5fe8370e2909); width: 50%; height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; }

/*----------------------------Contact----------------------------------------------------------*/
#contact p { font-size: 1.25rem; }

#contact .titles::before { content: ''; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fxffb26C6KBYvxYDb1FmZGCUgj1n1%2Fimages%2F526827664_122138021582802443_7600775738172503311_n_6lv6.webp?alt=media&token=a74ed52f-a65d-4657-828a-2482316af851); width: 90%; height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; border-radius: 1rem; background-color: white; box-shadow: -0.5rem 0.5rem 0 0  #728e27; }

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