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

footer > div.row.justify-content-center.justify-content-lg-around.text-center.text-lg-start > div:nth-child(3) > div:nth-child(2) > p { font-size: 0; }

footer > div.row.justify-content-center.justify-content-lg-around.text-center.text-lg-start > div:nth-child(3) > div:nth-child(2) > p::before { content: "Basé à Pont-l'Évêque (14130)"; font-size: 16px; }

.b-bloc-divider { height: 40px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

.mb-3 h5 { margin-bottom: 1rem !important; text-transform: uppercase; color: #7cb51e; font-size: 1.1rem; }

strong { font-weight: 600 !important; }

.lh-1.mb-3.titles p { color: #7cb51e; font-size: 1.1rem; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; }

.lh-1.mb-3.titles h3 { font-family: 'Syncopate', sans-serif; font-size: 2rem; color: #2d2e33; text-transform: uppercase; }

button.w-100.btn.btn-outline-dark { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); color: white; box-shadow: 0 4px 15px rgba(71, 131, 18, 0.4); border: none; padding: 15px 35px; font-weight: 700; text-transform: uppercase; padding: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease; }

button.w-100.btn.btn-outline-dark:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }

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

form#formContact { border: 1px solid #478312 !important; border-radius: 5px !important; }

@media (max-width: 992px) { .background-image-div-opacity { background-image: none !important; } }

.navbar { box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); color: white !important; font-weight: 700; border-radius: 5px !important; padding: 10px 18px !important; }

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

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

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

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

.card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { border-radius: 0px !important; }

.display-6.titles.fw-bold.text-body-emphasis.lh-1.mb-5 h3 { font-size: 1.6rem; color: #2d2e33; text-transform: uppercase; }

.first-activity-title, .second-activity-title, .third-activity-title { position: relative; }

.first-activity-title::after, .second-activity-title::after, .third-activity-title::after { content: ""; display: block; width: 150px; height: 5px; background: linear-gradient(135deg, #7db51e 0%, #478312 100%); margin-top: 15px; }

.display-6.fw-bold.text-body-emphasis.lh-1.mb-5.titles { margin-bottom: 1rem !important; }

.fs-6.lead.mt-4.mb-4 { font-size: 1rem; color: #555; line-height: 1.6; font-weight: 400; }

/* Badge Réduction d'impôts (Inspiration Flyer) */
.jgp-tax-badge { margin-top: 40px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #fff; background-color: rgba(245, 245, 220, 0.2); /* Rappel beige très léger */ padding: 10px; }

.jgp-tax-badge span { color: #7db51e; font-weight: bold; font-size: 1.2rem; }

/* =========================== PAGES SEO =========================== */
a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); color: white !important; font-weight: 600 !important; border-radius: 5px !important; padding: 10px 18px !important; }

.fs-6.lead { font-size: 1rem; color: #555; line-height: 1.6; font-weight: 400; }

h3.fs-2.py-5.my-5.lh-1.fw-bold { text-transform: uppercase; font-size: 1.6rem !important; }

a.dropdown-item.text-color-fourth { color: white !important; }

h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: white !important; text-transform: uppercase; font-size: 2.8rem; }

.bandeau.border-bottom-1.row { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); }

h2.pb-2.border-bottom { text-transform: uppercase; }

h3.fw-bold.mb-2.fs-4.text-body-emphasis { font-family: 'Montserrat'; }

div#custom-cards { margin-top: 40px; }

.maps-section.position-relative.bg-primaryColor { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); }

.col-sm-12.col-lg-6.col-xl-4.py-5.content.text-color-primary { color: white !important; }

.mb-4.text-center.display-6.titles { text-transform: uppercase; }

span.fs-4.titles { font-family: 'Montserrat'; font-weight: 600; }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); color: white !important; font-weight: 700; border-radius: 5px !important; padding: 13px 20px !important; }

span.display-5.fw-bold.text-body-emphasis.titles { text-transform: uppercase; font-size: 2rem; }

.px-4.py-5.my-5.text-center.cta_banner.bg-sixthColor { background: #f3f3f3; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); color: white !important; font-weight: 700; border-radius: 5px !important; padding: 15px 25px !important; }

a.button_homepageDoubleScreen.first-banner-seo-page-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); color: white !important; font-weight: 700; border-radius: 5px !important; padding: 15px 25px !important; }

.display-5.titles.mt-lg-5.mx-5.mb-2.fw-bold.text-body-emphasis.first-banner-seo-page-title { text-transform: uppercase; }

h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { text-transform: uppercase; font-size: 2rem; }

h2.display-6.fw-bold.p-3.pt-lg-3.titles { font-size: 2rem; font-family: 'Montserrat'; }

.px-5.pt-5.display-6.text-color-primary.titles { text-transform: uppercase; font-size: 2rem; }

.col-lg-12.mx-auto { margin-bottom: 40px; }

span.display-4.fw-bold.lh-1.text-body-emphasis.mb-3.titles { text-transform: uppercase; font-size: 2.5rem; }

img.img-fluid.object-fit-contain.my-2.logo-seo-page { filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.8)); }

/* =========================== BLOC DETAILS SERVICES =========================== */
/* Section globale */
.jgp-details-section { padding: 100px 20px; background-color: #f9f9f9; /* Fond gris très clair pour faire ressortir les cartes blanches */ font-family: 'Montserrat', sans-serif; }

.jgp-details-container { max-width: 1100px; margin: 0 auto; }

/* Container de l'en-tête en mode split */
.jgp-details-header-split { display: flex; justify-content: space-between; align-items: flex-end; /* Aligne le bas du texte avec le bas du titre */ gap: 60px; margin-bottom: 60px; text-align: left; /* On repasse en alignement à gauche */ }

.jgp-header-left { flex: 1; }

.jgp-header-right { flex: 1; border-left: 2px solid #7db51e; /* Optionnel : petit rappel vert pour séparer */ padding-left: 30px; }

/* Header */
.jgp-details-title { font-family: 'Syncopate', sans-serif; font-size: 2.2rem; color: #2d2e33; text-transform: uppercase; margin: 15px 0; }

.jgp-details-intro { max-width: 700px; margin: 0 auto; color: #555; line-height: 1.6; font-size: 1.05rem; }

/* Grille */
.jgp-details-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }

/* Carte */
.jgp-detail-card { background: #ffffff; padding: 30px; border-radius: 15px; display: flex; align-items: center; gap: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; border: 1px solid transparent; flex-direction: column; text-align: center; }

.jgp-detail-card:hover { transform: translateY(-5px); border-color: #7db51e; box-shadow: 0 15px 35px rgba(125, 181, 30, 0.15); }

/* Icone */
.jgp-detail-icon-box { width: 40px; height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: linear-gradient(135deg, #7db51e 0%, #478312 100%); /* Dégradé vert de ta charte */ }

.jgp-detail-icon { width: 25px; height: 25px; }

.jgp-detail-name { font-family: 'Montserrat', sans-serif; font-size: 1.2rem; font-weight: 700 !important; color: #2d2e33; margin: 0; line-height: 1.3; }

.jgp-detail-desc { font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #555; line-height: 1.5; margin: 0; }

.jgp-details-footer { margin-top: 60px; display: flex; justify-content: center; width: 100%; }

/* Petite icône flèche dans le bouton */
.jgp-btn-icon { width: 20px; height: 20px; transition: transform 0.3s ease; }

.jgp-btn-primary:hover .jgp-btn-icon { transform: translateX(5px); /* La flèche bouge un peu au survol */ }

/* Mobile */
@media (max-width: 600px) { .jgp-btn-primary { justify-content: center; padding: 18px 20px; font-size: 0.8rem; } }

/* Responsive */
@media (max-width: 992px) { .jgp-details-grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 600px) { .jgp-details-grid { grid-template-columns: 1fr; } .jgp-details-title { font-size: 1.6rem; } }

@media (max-width: 768px) { /* On passe le container en colonne */ .jgp-details-header-split { flex-direction: column; align-items: flex-start; /* Aligne tout à gauche */ gap: 20px; /* Réduit l'espace entre le titre et le texte */ margin-bottom: 60px; text-align: center; } .jgp-header-left, .jgp-header-right { flex: none; width: 100%; } /* On retire la bordure latérale et on ajuste le padding */ .jgp-header-right { border-left: none; padding-left: 0; /* Optionnel : une petite bordure en haut pour séparer visuellement */ border-top: 2px solid #7db51e; padding-top: 20px; } }

/* =========================== BLOC HEADER SERVICES =========================== */
/* Section Principale du Header Centré */
.jgp-page-header { position: relative; padding: 120px 20px; /* Plus haut pour un effet "centered" */ background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 350px; /* Assure une hauteur minimale */ }

/* Overlay Translucide Vert (Style JGP) */
.jgp-header-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(45, 46, 51, 0.6); /* Utilisation de ton gris #2d2e33 */ z-index: 1; }

/* Container de contenu centré */
.jgp-header-content { position: relative; z-index: 2; max-width: 1100px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 15px; /* Espace entre sur-titre et titre */ }

/* --- Style du Sur-titre (Subtitle) --- */
.jgp-header-subtitle { font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #95cd3a; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; }

/* --- Style du Titre Principal H1 (Forme Vague) --- */
.jgp-header-main-title { font-family: 'Syncopate', sans-serif; font-weight: 700; font-size: clamp(2rem, 6vw, 3.2rem); /* Taille adaptative */ text-transform: uppercase; line-height: 1.2; margin: 0; position: relative; color: white; }

/* --- Version Mobile (Media Query) --- */
@media (max-width: 768px) { .jgp-page-header { padding: 80px 20px; min-height: 250px; } .jgp-header-main-title { font-size: 1.8rem; /* Réduit la taille du titre */ } }

/* =========================== BLOC FACEBOOK =========================== */
/* Section Principale */
.jgp-social-section { position: relative; padding: 100px 20px; background: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FtKymRI8HqkUXe00mpgay61bvqCo2%2Fimages%2FImages_Jeremy_Gagnier_Paysages_3_jceh.webp") no-repeat center center/cover; text-align: center; color: #ffffff; display: flex; align-items: center; justify-content: center; }

/* Overlay sombre pour la lisibilité */
.jgp-social-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(45, 46, 51, 0.6); /* Utilisation de ton gris #2d2e33 */ z-index: 1; }

.jgp-social-content { position: relative; z-index: 2; max-width: 1100px; }

/* Titre en Syncopate */
.jgp-social-title { font-family: 'Syncopate', sans-serif; font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 700; margin-bottom: 20px; text-transform: uppercase; }

/* Description en Montserrat */
.jgp-social-desc { font-family: 'Montserrat', sans-serif; font-size: 1.1rem; margin-bottom: 50px; }

/* Taille de l'icône Facebook */
.jgp-fb-icon { width: 24px; height: 24px; margin-right: 5px; }

/* Mobile */
@media (max-width: 768px) { .jgp-social-section { padding: 60px 20px; } }

/* =========================== BLOC GALLERIE =========================== */
#custom-gallery { padding: 40px 30px 60px 30px; background: #2d2f33; }

#custom-gallery .image { height: 400px !important; margin: 20px 0; }

.img-wrapper { position: relative; height: 100%; margin-top: 15px; }

.img-wrapper img { width: 100%; }

.img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; }

.img-overlay i { color: #fff; font-size: 3em; }

#overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#overlay img { margin: 0; width: 80%; height: auto; object-fit: contain; padding: 5%; }

@media screen and (min-width: 768px) { #overlay img { width: 60%; } }

@media screen and (min-width: 1200px) { #overlay img { width: 50%; } }

#nextButton { color: #fff; font-size: 2em; transition: opacity 0.8s; }

#nextButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #nextButton { font-size: 3em; } }

#prevButton { color: #fff; font-size: 2em; transition: opacity 0.8s; }

#prevButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #prevButton { font-size: 3em; } }

#exitButton { color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; top: 15px; right: 15px; }

#exitButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #exitButton { font-size: 3em; } }

.img-responsive { height: 100% !important; object-fit: cover !important; }

/* =========================== BLOC SERVICES =========================== */
/* Section globale */
.jgp-services-section { padding: 60px 20px 100px; background-color: #ffffff; font-family: 'Montserrat', sans-serif; }

.jgp-services-header { text-align: center; margin-bottom: 60px; }

.jgp-services-main-title { font-family: 'Syncopate', sans-serif; font-size: 2rem; color: #2d2e33; text-transform: uppercase; }

/* Grille des services */
.jgp-services-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }

/* Carte Individuelle */
.jgp-service-card { text-align: center; transition: transform 0.3s ease; }

.jgp-service-card:hover { transform: translateY(-10px); }

/* Wrapper Image + Icone */
.jgp-service-image-wrapper { position: relative; margin-bottom: 45px; /* Espace pour laisser l'icône dépasser */ }

.jgp-service-img { width: 100%; height: 250px; object-fit: cover; }

/* L'icône ronde qui chevauche */
.jgp-service-icon { position: absolute; bottom: -35px; /* Ajustement pour le chevauchement */ left: 50%; transform: translateX(-50%); width: 80px; height: 80px; background: linear-gradient(135deg, #7db51e 0%, #478312 100%); /* Dégradé vert de ta charte */ border: 2px solid #ffffff; /* Cercle blanc autour comme sur l'exemple */ border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }

.jgp-service-icon img { width: 50px; height: 50px; }

/* Contenu texte */
.jgp-service-content { padding: 0 10px; }

.jgp-service-title { font-family: 'Syncopate', sans-serif; font-size: 1.1rem; color: #2d2e33; margin-bottom: 15px; text-transform: uppercase; padding-top: 15px; }

.jgp-service-desc { font-size: 1rem; color: #555; line-height: 1.6; margin-bottom: 40px !important; }

.jgp-service-link { font-weight: 700; color: #478312 !important; text-decoration: none; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; transition: color 0.3s; padding: 15px 18px; border-radius: 5px; border: 2px solid; margin-top: 40px !important; }

.jgp-service-link:hover { color: #7db51e !important; }

/* Mobile */
@media (max-width: 992px) { .jgp-services-grid { grid-template-columns: 1fr; /* Une seule colonne sur tablette/mobile */ max-width: 400px; gap: 50px; } }

/* =========================== BLOC A PROPOS =========================== */
/* Container global de la section (Mettre sur fond blanc) */
.jgp-about-section { padding: 80px 20px; background-color: #ffffff; color: #2d2e33; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FtKymRI8HqkUXe00mpgay61bvqCo2%2Fimages%2FImages_Jeremy_Gagnier_Paysages_2_azd9.webp"); background-size: cover; }

.jgp-about-container { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; /* Aligne le texte au milieu de la hauteur de l'image */ gap: 70px; /* Grand espace entre les deux colonnes */ }

/* --- Colonne de GAUCHE (Une Image) --- */
.jgp-about-left { flex: 1; /* Prend la moitié de la largeur */ display: flex; justify-content: center; }

.jgp-about-img { width: 100%; max-width: 500px; /* Taille maximale */ height: auto; object-fit: cover; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* Ombre portée douce */ }

/* --- Colonne de DROITE (Texte Structuré) --- */
.jgp-about-right { flex: 1.2; /* Un peu plus large que l'image */ display: flex; flex-direction: column; align-items: flex-start; /* Aligne tout à gauche */ font-family: 'Montserrat', sans-serif; }

/* Style du Badge "Qui suis-je ?" */
.jgp-about-badge { color: #7cb51e; font-size: 1.1rem; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; }

/* Style du Titre H2 */
.jgp-about-title { font-family: 'Syncopate', sans-serif; font-weight: 700; font-size: 2.3rem; color: #2d2e33; /* Noir anthracite de la charte */ margin-bottom: 30px; line-height: 1.1; text-transform: uppercase; }

/* Style du Paragraphe d'intro */
.jgp-about-intro { line-height: 1.6; font-size: 1.05rem; color: #555555; /* Un gris un peu plus doux pour le paragraphe */ margin-bottom: 15px; width: 100%; }

/* Style du Bandeau Vert CTA (Barre) */
.jgp-about-cta-bar { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); /* Dégradé vert de ta charte */ border-radius: 8px; padding: 15px 20px; display: flex; align-items: center; gap: 15px; width: 80%; box-shadow: 0 5px 15px rgba(71, 131, 18, 0.3); margin-top: 25px; }

/* Container de l'icône Coche */
.jgp-cta-check-icon { width: 45px; height: 45px; background-color: #ffffff; /* Fond blanc */ border-radius: 50%; /* Cercle */ display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.jgp-cta-check-icon svg { width: 25px; height: 25px; }

/* Groupe de textes dans le bandeau */
.jgp-cta-text-group { display: flex; flex-direction: column; color: #ffffff; /* Texte blanc sur fond vert */ }

.jgp-cta-main-text { font-weight: 700; font-size: 1.05rem; }

.jgp-cta-sub-text { font-size: 0.9rem; font-weight: 400; }

/* --- Version Mobile (Media Query) --- */
@media (max-width: 768px) { .jgp-about-container { flex-direction: column; /* Empile les colonnes */ gap: 30px; text-align: center; } .jgp-about-right { align-items: center; /* Centre tout le texte */ } .jgp-about-title { font-size: 1.6rem; /* Réduit la taille du titre */ } .jgp-about-cta-bar { flex-direction: column; /* Empile l'icône et le texte */ text-align: center; padding: 20px; width: 100%; } .jgp-about-section { background-image: none; } }

/* =========================== BLOC ACCUEIL =========================== */
/* Container Principal */
.jgp-hero { position: relative; min-height: 100vh; /* Hauteur de la section */ display: flex; align-items: center; justify-content: center; text-align: center; background: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FtKymRI8HqkUXe00mpgay61bvqCo2%2Fimages%2FImages_Jeremy_Gagnier_Paysages_7d1f.webp") no-repeat center center/cover; padding: 40px 20px; color: #ffffff; }

/* Overlay sombre pour la lisibilité du texte */
.jgp-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(45, 46, 51, 0.35); /* Couleur #2d2e33 avec transparence */ z-index: 1; }

/* Contenu */
.jgp-hero-content { position: relative; z-index: 2; max-width: 1150px; }

/* Logo dans le Hero */
.jgp-hero-logo { max-width: 280px; height: auto; margin-bottom: 40px; filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.8)); }

/* Titre en Syncopate */
.jgp-hero-title { font-family: 'Syncopate', sans-serif; font-size: clamp(2rem, 5vw, 3.2rem); /* Taille adaptative */ text-transform: uppercase; margin-bottom: 15px; }

/* Sous-titre en Montserrat */
.jgp-hero-subtitle { font-family: 'Montserrat', sans-serif; font-size: 1.2rem; font-weight: 400; margin-bottom: 30px; background-color: rgba(245, 245, 220, 0.1); /* Rappel beige très léger */ padding: 10px; display: inline-block; }

/* Conteneur boutons */
.jgp-hero-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }

/* Bouton Principal avec dégradé du logo */
.jgp-btn { font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; padding: 15px 35px; border-radius: 5px; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.jgp-btn-primary { background: linear-gradient(135deg, #7db51e 0%, #478312 100%); color: white !important; box-shadow: 0 4px 15px rgba(71, 131, 18, 0.4); }

.jgp-btn-secondary { background: transparent; border: 2px solid #fff; color: #fff; }

.jgp-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); color: white !important; }

/* --- Version Mobile --- */
@media (max-width: 768px) { .jgp-btn { text-align: center; padding: 18px 20px; /* On augmente légèrement la hauteur pour le confort tactile */ font-size: 0.9rem; /* On réduit un peu la taille de police si le texte est long */ box-sizing: border-box; /* Évite que le padding ne fasse dépasser le bouton de l'écran */ } }

/* =========================== BLOC BANDEAU INFOS =========================== */
/* Barre d'infos */
.jgp-hero-info-bar { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; /* Pour le mobile */ font-family: 'Montserrat', sans-serif; font-size: 1.2rem; color: #fff; border-top: 1px solid rgba(245, 245, 220, 0.55); padding-top: 40px; padding-bottom: 40px; background-color: #2d2f33; }

/* Style pour chaque item (Localisation et Impôts) */
.jgp-info-item { display: flex; align-items: center; gap: 10px; }

/* Style de tes images d'icônes */
.jgp-info-img { width: 50px; /* Ajuste la taille selon tes images */ height: 50px; object-fit: contain; }

/* Mise en avant du texte */
.jgp-highlight { color: #7db51e; font-weight: 800; font-size: 1.1rem; }

.jgp-info-item strong { color: #ffffff; font-weight: 600; }

/* Ajustement mobile */
@media (max-width: 768px) { .jgp-hero-info-bar { gap: 30px; /* Plus d'espace entre les deux blocs */ flex-direction: column; align-items: center; } .jgp-info-item { flex-direction: column; /* L'icône passe au-dessus du texte */ text-align: center; gap: 8px; /* Espace entre l'image et la phrase */ max-width: 280px; /* Évite que le texte s'étale trop sur les bords */ } }

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