@charset "UTF-8";
@import url(main.css);
h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: black; }

.spacer { display: none; }

a.bulle-link.d-flex.align-items-center.justify-content-center.rounded-circle.overflow-hidden.text-decoration-none { border-radius: 0 !important; box-shadow: none; border: 1px solid #D5A95F; height: 80px; width: 80px; transition: all 0.3s ease; }

a.bulle-link.d-flex.align-items-center.justify-content-center.rounded-circle.overflow-hidden.text-decoration-none img { transition: all 0.3s ease; }

a.bulle-link.d-flex.align-items-center.justify-content-center.rounded-circle.overflow-hidden.text-decoration-none:hover { transform: none !important; background: #D5A95F; }

a.bulle-link.d-flex.align-items-center.justify-content-center.rounded-circle.overflow-hidden.text-decoration-none:hover img { filter: grayscale(1) brightness(1.85); }

/*************************************** NAVBAR ***************************************/
.bandeau-reservation { width: 100%; background: #2D3154; padding: .75rem 2rem; display: flex; justify-content: center; gap: 2rem; align-items: center; margin-bottom: .5rem; }

.bandeau-reservation p { margin: 0 !important; }

.redirection-reservation { padding: .5rem 1rem; border: 1px solid #FEFEFE; transition: all .3s ease; }

.redirection-reservation:hover { background: #D5A95F; border-color: #D5A95F; }

.redirection-logo { height: 1.2rem; }

.bandeau-reservation-titre { font-family: 'IBM Plex Sans'; color: #FEFEFE; font-size: .75rem; }

.bandeau-wrapper { width: 100%; display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .4s ease,opacity .4s ease; }

.bandeau-wrapper > * { overflow: hidden; }

.bandeau-wrapper.visible { grid-template-rows: 1fr; opacity: 1; }

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

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

.navbar .logo_nav { height: 100% !important; transition: all .3s ease; }

.navbar .logo_nav:hover { transform: scale(1.1); }

.navbar { transition: background .3s ease; display: flex; flex-direction: column; padding-top: 0 !important; }

.navbar.scrolled { background: #fefefe !important; box-shadow: 0 2px 1rem rgba(45, 49, 84, 0.05); }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { border-radius: 0 !important; padding: 0.5rem 1rem !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover { transform: translate(0) !important; }

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

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

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

a.grow.button_header.scrolled.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(2):hover { border: 1px solid #D5A95F; background-color: transparent !important; color: #D5A95F !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(1) { border: 1px solid #fefefe; color: #fefefe !important; background-color: transparent !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(1):hover { border: 1px solid #D5A95F; background-color: #D5A95F !important; color: #FEFEFE !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) { border: 1px solid #D5A95F; color: #FEFEFE !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):hover { border: 1px solid #fefefe; background-color: transparent !important; color: #fefefe !important; }

.animated-border-button::after { display: none; }

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

.animated-border-button:hover span, .navbar li:nth-child(1) .animated-border-button:hover span { font-weight: 500 !important; }

.navbar li:nth-last-child .animated-border-button:hover span { color: #D5A95F !important; }

.navbar .dropdown a.dropdown-toggle i { transition: all .3s ease; }

.navbar.scrolled .dropdown a.dropdown-toggle i.bi.bi-chevron-down.fs-6.mx-2 { color: #2D3154 !important; }

.navbar .dropdown:hover a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { font-weight: 500 !important; }

ul.dropdown-menu.text-color-fourth.show { border-radius: 0; border: 1px solid #2D3154; }

.navbar li .animated-border-button.premier span, .navbar .dropdown a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { color: #fefefe !important; font-weight: 300 !important; transition: all .3s ease; }

.navbar.scrolled li .animated-border-button.premier span, .navbar.scrolled .dropdown a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { color: #2D3154 !important; }

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

/*************************************** HERO ACCUEIL ***************************************/
lottie-player.lottie-scroll { display: none; }

.bloc-slider-homepage.text-center { text-align: left !important; }

.sliderLogoContainer.mx-auto { margin: 0 !important; width: 30vw !important; }

.carousel-item-homepage img, .first-carousel-img { transform: none !important; transition: none !important; }

.carousel-inner.carousel-inner-homepage::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(45deg, #2D3154, transparent); z-index: 2; }

#fullHeight .titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { text-align: left !important; letter-spacing: normal; width: 60%; margin-bottom: 3rem !important; }

#fullHeight p { font-size: 1.4rem !important; line-height: normal; }

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

a#phone-analytics-tag-video-bloc { border-radius: 0 !important; border: 1px solid #D5A95F; background: transparent; transition: all .3s ease; }

a#phone-analytics-tag-video-bloc span { transition: all .3s ease; }

a#phone-analytics-tag-video-bloc:hover { background: #D5A95F; }

a#phone-analytics-tag-video-bloc:hover span { color: #fefefe !important; }

@media screen and (max-width: 992px) { .sliderLogoContainer.mx-auto { width: 50vw !important; margin-bottom: 2rem !important; } #fullHeight .titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { width: 100%; } }

#fullHeight .sliderLogoContainer, #fullHeight .titleText h1 span:nth-child(1), #fullHeight .titleText h1 span:nth-child(2), #fullHeight .titleText h1 span:nth-child(3), #fullHeight .titleText p, #fullHeight .button_homepageScreen { opacity: 0; transform: translateY(20px); animation: fadeSlideUp .7s ease forwards; }

@keyframes fadeSlideUp { to { opacity: 1;
    transform: translateY(0); } }

#fullHeight .sliderLogoContainer { animation-delay: .1s; }

#fullHeight .titleText h1 span:nth-child(1) { animation-delay: .4s; }

#fullHeight .titleText h1 span:nth-child(2) { animation-delay: .6s; }

#fullHeight .titleText h1 span:nth-child(3) { animation-delay: .7s; }

#fullHeight .titleText p { animation-delay: .9s; }

#fullHeight .button_homepageScreen { animation-delay: 1.1s; }

/*************************************** À PROPOS ***************************************/
.propos-section { max-width: 1400px; margin: auto; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; gap: 3rem; align-items: center; padding: 4rem 2rem !important; position: relative; }

.propos-section.monde { background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FYMh69n7KNhTGP4fIU1n1dxwwFPC3%2Fimages%2Fmap-monde_o1p5.webp); background-size: contain; background-position: center; background-repeat: no-repeat; padding: 8rem 2rem; }

.propos-section.ouest .propos-image-wrapper { position: relative; width: 25vw; flex-shrink: 0; }

.propos-section p { margin-bottom: 0 !important; }

.propos-col-left { display: flex; flex-direction: column; gap: 1.25rem; animation: fadeSlideLeft .8s ease both; }

.propos-col-center { display: flex; justify-content: center; align-items: center; animation: fadeIn .8s ease .2s both; }

.propos-image-wrapper { position: relative; width: 280px; flex-shrink: 0; }

.propos-image-wrapper img { display: block; width: 100%; object-fit: contain; }

.propos-col-right { display: flex; flex-direction: column; gap: 1.5rem; animation: fadeSlideRight .8s ease .1s both; }

.propos-col-right .propos-quote { display: flex; align-items: center; gap: 1rem; position: relative; height: 3rem; }

.propos-col-right .propos-quote::before { content: ''; height: 100%; width: 2px; background: #D5A95F; position: relative; }

.propos-buttons { display: flex; gap: 1rem; }

.propos-button2 { padding: .5rem 1rem; text-decoration: none; cursor: pointer; border: 1px solid #D5A95F; background: transparent; color: #D5A95F; transition: all .3s ease; }

.propos-button2:hover { border: 1px solid #D5A95F; background: #D5A95F; color: #fefefe; }

@keyframes fadeSlideLeft { from { opacity: 0;
    transform: translateX(-24px); }
  to { opacity: 1;
    transform: translateX(0); } }

@keyframes fadeSlideRight { from { opacity: 0;
    transform: translateX(24px); }
  to { opacity: 1;
    transform: translateX(0); } }

@keyframes fadeIn { from { opacity: 0;
    transform: scale(0.97); }
  to { opacity: 1;
    transform: scale(1); } }

@media (max-width: 768px) { .propos-section { grid-template-columns: 1fr; gap: 2.5rem; padding: 2.5rem 0; } .propos-col-left p, .propos-col-right p { max-width: 100%; } .propos-image-wrapper { width: 100%; max-width: 360px; margin: 0 auto; } .propos-col-left { order: 1; } .propos-col-center { order: 2; } .propos-col-right { order: 3; } .propos-section.ouest .propos-image-wrapper { width: 100%; } }

/*************************************** PRESTATIONS ***************************************/
.prestations { padding: 72px 40px 96px; }

.prestations__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; max-width: 1400px; margin: auto; }

.prestations-card { position: relative; padding: 36px 24px 32px; cursor: pointer; transition: all .3s ease; overflow: hidden; border-bottom: 2px solid #2D3154; text-decoration: none; opacity: 0; animation: fadeUp .5s ease forwards; }

.prestations-card:hover { background: rgba(204, 204, 204, 0.1); border-bottom: 2px solid #D5A95F; }

.prestations-card .bi { font-size: 3rem; color: #2D3154; transition: all .3s ease; }

.prestations-card:hover .bi { color: #D5A95F; }

.prestations-card__icon-line { width: 3rem; height: 1.5px; background: #D5A95F; margin: 18px 0; opacity: .5; transition: opacity .3s; }

.prestations-card:hover .prestations-card__icon-line { opacity: 1; }

.prestations-card__title span { transition: all .3s ease; }

.prestations-card:hover .prestations-card__title span { color: #D5A95F !important; }

@media (max-width: 1200px) { .prestations__grid { grid-template-columns: repeat(4, 1fr); } }

@media (max-width: 992px) { .prestations__grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 668px) { .prestations__grid { grid-template-columns: repeat(1, 1fr); } }

@keyframes fadeUp { from { opacity: 0;
    transform: translateY(18px); }
  to { opacity: 1;
    transform: translateY(0); } }

.prestations-card:nth-child(1) { animation-delay: .05s; }

.prestations-card:nth-child(2) { animation-delay: .12s; }

.prestations-card:nth-child(3) { animation-delay: .19s; }

.prestations-card:nth-child(4) { animation-delay: .26s; }

.prestations-card:nth-child(5) { animation-delay: .33s; }

.prestations-card:nth-child(6) { animation-delay: .40s; }

.prestations-card:nth-child(7) { animation-delay: .47s; }

/*************************************** AVIS ***************************************/
.avis-vtc { position: relative; padding: 100px 20px 120px; background: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FYMh69n7KNhTGP4fIU1n1dxwwFPC3%2Fimages%2FAdobeStock_280315531_npuv.webp"); background-size: cover; background-position: center; background-attachment: fixed; }

.avis-vtc::before { content: ""; position: absolute; inset: 0; background: rgba(45, 49, 84, 0.9); z-index: 0; }

.avis-vtc-container { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; }

.avis-vtc-header { text-align: center; margin-bottom: 80px; }

.avis-vtc-subtitle { font-size: 1rem; color: #D5A95F; text-transform: uppercase; font-weight: 600; margin-bottom: 0.75rem !important; }

.avis-vtc-golden-line { width: 10%; height: 2px; background: #D5A95F; margin: 0 auto 30px; }

.avis-vtc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; }

.avis-vtc-card { background: transparent; border: 1px solid #fefefe; padding: 40px 35px; position: relative; transition: all .3s ease; overflow: hidden; }

.avis-vtc-card:hover { backdrop-filter: blur(0.5rem); border-color: #D5A95F; }

.avis-vtc-card-number { font-size: 1.2rem; color: #D5A95F; margin-bottom: 20px; letter-spacing: 2px; }

.avis-vtc-card-author { display: flex; align-items: center; gap: .8rem; font-size: .9rem; color: #D5A95F; margin-bottom: 15px; }

.avis-vtc-card-line { width: 0; height: 1px; background: #B8945D; transition: width .5s ease; }

.avis-vtc-card:hover .avis-vtc-card-line { width: 60px; }

@media (max-width: 768px) { .avis-vtc { padding: 80px 20px; } .avis-vtc-title { font-size: 1.8rem; } .avis-vtc-grid { grid-template-columns: 1fr; } .avis-vtc-card:hover { transform: translateX(5px); } }

/*************************************** FLOTTE ***************************************/
.fleet { font-family: 'IBM Plex Sans',sans-serif; }

.fleet-title-wrap { text-align: center; padding: 60px 20px 40px; }

.fleet-title-wrap .eyebrow { font-size: 1rem; text-transform: uppercase; color: #D5A95F; margin-bottom: 14px; }

.fleet-title-wrap h2 { font-weight: 500 !important; color: #2D3154; }

.fleet-title-wrap h2 span { font-weight: 700 !important; font-style: italic; }

.fleet-cards { display: flex; width: 100%; gap: 2px; }

.fleet-card { flex: 1; cursor: pointer; display: flex; flex-direction: column; align-items: center; padding: 40px 28px 36px; background: rgba(204, 204, 204, 0.2); border: 1px solid transparent; border-bottom: none; position: relative; transition: all .25s ease; user-select: none; }

.fleet-card:hover { background: rgba(213, 169, 95, 0.2); }

.fleet-card.active { background: rgba(213, 169, 95, 0.1); border-color: #D5A95F; z-index: 2; }

.card-img-wrap { width: 100%; height: 160px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }

.card-img-wrap img { max-width: 88%; max-height: 145px; object-fit: contain; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.15)); transition: transform .35s ease; }

.fleet-card:hover .card-img-wrap img, .fleet-card.active .card-img-wrap img { transform: scale(1.05) translateY(-4px); }

.card-category { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; color: #2D3154; text-align: center; margin-bottom: 8px; }

.card-model { font-size: 1rem; font-weight: 400; color: #2D3154; text-align: center; margin-bottom: 22px; }

.card-infos { text-align: center; margin-bottom: 28px; line-height: 2; }

.card-infos p { font-size: 1rem; color: #2D3154; }

.card-infos strong { color: #2D3154; font-weight: 600; }

.card-btn { text-decoration: none; background: #D5A95F; border: 1px solid #D5A95F; color: #fefefe; font-size: 1rem; text-transform: uppercase; padding: 13px 30px; cursor: pointer; transition: all .2s ease; }

.card-btn:hover { background: transparent; border: 1px solid #2D3154; color: #2D3154; }

.card-arrow { position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #D5A95F; opacity: 0; transition: opacity .25s ease; z-index: 10; }

.card-arrow::after { content: ''; position: absolute; top: -17px; left: -13px; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #fefefe; }

.fleet-card.active .card-arrow { opacity: 1; }

.fleet-detail-outer { width: 100%; overflow: hidden; max-height: 0; transition: max-height 0.55s cubic-bezier(0.4, 0, 0.2, 1); border-top: 2px solid #D5A95F; }

.fleet-detail-outer.open { max-height: 700px; }

.fleet-detail { background: #fefefe; width: 100%; }

.detail-inner { max-width: 1200px; margin: 0 auto; padding: 40px 48px 56px; display: grid; grid-template-columns: 1fr 1.8fr; gap: 56px; align-items: start; opacity: 1; transform: translateY(0); }

.detail-left { display: flex; flex-direction: column; gap: 20px; }

.detail-vehicle-img { width: 100%; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.13)); margin: 1rem 0; }

.detail-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; }

.spec-cell { background: rgba(204, 204, 204, 0.2); padding: 14px 16px; text-align: center; }

.spec-label { font-size: 14px; letter-spacing: .18em; text-transform: uppercase; color: #2D3154; margin-bottom: 5px; }

.spec-val { font-size: 1.25rem; font-weight: 700; color: #2D3154; }

.spec-val em { font-size: 1rem; font-weight: 400; font-style: normal; color: #2D3154; margin-left: 3px; }

.detail-right { padding-top: 4px; }

.detail-eyebrow { font-size: 1rem; text-transform: uppercase; color: #D5A95F; margin-bottom: 10px; }

.detail-title { font-size: 1.5rem; font-weight: 600 !important; color: #2D3154; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; }

.detail-subtitle { font-size: 1rem; color: #2D3154; margin-bottom: 24px; }

.detail-divider { width: 36px; height: 2px; background: #D5A95F; margin-bottom: 24px; }

.detail-description { font-size: 1rem; line-height: 1.9; color: #2D3154; margin-bottom: 28px; }

.detail-features { display: flex; flex-wrap: wrap; gap: 1.25rem 1.5rem; margin: 1.25rem 0; }

.feat-item { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; text-align: center; min-width: 60px; }

.feat-item img { width: 32px; height: 32px; object-fit: contain; }

.feat-item span { font-size: 0.72rem; text-transform: uppercase; color: #5a5a72; line-height: 1.3; max-width: 100px; }

.detail-cta { display: inline-block; background: #D5A95F; color: #fefefe; font-size: 1rem; text-transform: uppercase; padding: 14px 32px; border: 1px solid #D5A95F; cursor: pointer; text-decoration: none; transition: all .3s ease; }

.detail-cta:hover { background: transparent; color: #D5A95F; border: 1px solid #D5A95F; }

@media (max-width: 768px) { .fleet-cards { flex-direction: column; gap: 2px; } .fleet-card { flex-direction: row; align-items: center; padding: 20px 24px; gap: 20px; border-bottom: 1px solid transparent; } .fleet-card.active { border-bottom: 1px solid #D5A95F; } .card-img-wrap { width: 130px; min-width: 130px; height: 90px; margin-bottom: 0; } .card-img-wrap img { max-height: 80px; } .card-category { text-align: left; font-size: 13px; margin-bottom: 4px; } .card-model { text-align: left; margin-bottom: 8px; } .card-infos { text-align: left; margin-bottom: 0; line-height: 1.7; } .card-infos p { font-size: 13px; } .card-btn { margin-left: auto; padding: 10px 18px; font-size: 10px; letter-spacing: .12em; white-space: nowrap; flex-shrink: 0; } .card-arrow { bottom: 50%; left: auto; right: -16px; transform: translateY(50%); border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid #D5A95F; border-right: none; } .card-arrow::after { top: -11px; left: -18px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 14px solid #fefefe; border-right: none; } .detail-inner { grid-template-columns: 1fr; padding: 32px 24px 44px; gap: 28px; } .detail-vehicle-img { max-width: 55%; margin: 0 auto; display: block; } .detail-specs { grid-template-columns: repeat(4, 1fr); } .fleet-detail-outer.open { max-height: 1600px; } }

@media (max-width: 480px) { .fleet-title-wrap { padding: 36px 16px 24px; } .fleet-card { padding: 16px; gap: 14px; } .card-img-wrap { width: 90px; min-width: 90px; height: 68px; } .card-img-wrap img { max-height: 60px; } .card-category { font-size: 12px; } .card-model { font-size: 12px; margin-bottom: 6px; } .card-infos p { font-size: 12px; } .card-btn { padding: 9px 12px; font-size: 9px; } .detail-specs { grid-template-columns: 1fr 1fr; } .detail-vehicle-img { max-width: 75%; } .detail-inner { padding: 24px 16px 36px; } .detail-description { font-size: 14px; } .fleet-detail-outer.open { max-height: 2000px; } }

/*************************************** MAPS ***************************************/
.maps-section.position-relative.bg-sixthColor { margin: 4rem 0 8rem; }

.maps-section p { font-size: 1rem; line-height: 150%; margin-top: 1rem; }

.maps-section .row.informations-list { flex-direction: column; align-items: center; max-width: 1400px; margin: auto; }

.col-sm-12.col-lg-6.col-xl-4.py-5.content.text-color-sixth { width: 80%; }

.col-sm-12.col-lg-6.col-xl-8.map-content { width: 100%; height: 40vh; }

.maps-section .item-content.mx-5 { display: flex; align-items: center; justify-content: center; gap: 2rem; }

.maps-section .d-flex.py-3 { color: #D5A95F; align-items: center; gap: 1rem; max-width: 30%; }

@media (max-width: 992px) { .maps-section.position-relative.bg-sixthColor { margin: 2rem 0 4rem; } .maps-section .item-content.mx-5 { flex-direction: column; } .maps-section .d-flex.py-3 { max-width: 100%; width: 100%; } .col-sm-12.col-lg-6.col-xl-8.map-content { height: auto; } }

/*************************************** CTA ***************************************/
.cta-overlay { position: absolute; width: 100%; height: 100%; background: rgba(213, 169, 95, 0.9); }

.cta_banner .content { max-width: 1400px; }

.cta_banner a p { margin-bottom: 0 !important; }

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

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

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:nth-child(1):hover { border: 1px solid #fefefe; background: transparent; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:nth-child(1):hover span { color: #fefefe !important; }

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

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

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

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

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

/*************************************** HERO SECONDAIRE ***************************************/
#heroSec { padding-top: 25vh !important; padding-bottom: 10vh !important; }

#heroSec a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 0 !important; border: 1px solid #fefefe; background: transparent; transition: all .3s ease; margin: 0 !important; }

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

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

#heroSec .background-image-div-opacity { background-attachment: scroll !important; background-position: bottom center !important; }

#heroSec .content { max-width: 1400px; text-align: left; }

#heroSec .lead.p-4.text-color-sixth { padding: 1.5rem 0 !important; }

#heroSec .d-grid.gap-2.d-sm-flex.justify-content-sm-center { justify-content: left !important; }

/*************************************** CARD-ABOUT ***************************************/
.cards-about-section { width: 100%; padding: 6rem 0; }

.cards-about-inner { max-width: 1400px; margin: 0 auto; padding: 0 1rem; display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }

#app .cards-about-inner, #tel .cards-about-inner { grid-template-columns: 1fr 1.2fr; }

#app .cards-about-cards, #tel .cards-about-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }

#app .card-about, #tel .card-about { align-items: center; }

#app .card-about-icon, #tel .card-about-icon { font-size: 5rem; }

.cards-about-text { margin: 0 1.5rem; }

.cards-about-text h2 { margin-bottom: 1.5rem !important; }

.cards-about-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }

#service .cards-about-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }

.card-about { border-bottom: 2px solid #2D3154; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1rem; }

.card-about-icon { color: #2D3154; font-size: 3rem; }

.card-about-img { width: 100%; height: 12rem; }

.card-about-img img { width: 100%; height: 100%; object-fit: cover; }

.card-about-img + .card-divider { width: 50%; }

.card-divider { width: 32px; height: 2px; background-color: #D5A95F; border-radius: 2px; }

@media (max-width: 1352px) { .cards-about-inner { padding: 0 2rem; } }

@media (max-width: 1024px) { .cards-about-inner { grid-template-columns: 1fr; gap: 3.5rem; } .cards-about-text p { max-width: 60ch; } }

@media (max-width: 640px) { .cards-about-cards { grid-template-columns: 1fr; gap: 1rem; } .cards-about-section { padding: 4rem 0; } }

/*************************************** METROPOLE ***************************************/
div#metropole { max-width: 1400px; width: 100%; }

#metropole .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; padding: 0 !important; align-items: center; gap: 3rem; }

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

#metropole .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { width: 35%; }

#metropole .lead.mb-4 { margin-bottom: 0 !important; display: flex; flex-direction: column; gap: 2rem; }

#metropole p { font-size: 1.1rem !important; }

#metropole .lead.mb-4::after { content: ''; height: 2px; width: 40%; background: #D5A95F; }

#bretagne .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { width: 55%; }

#bretagne .col-lg-6.p-3.p-lg-4.pt-lg-2.position-relative.z-1 { width: 40%; }

div#bretagne { max-width: 1400px; width: 100%; padding: 3rem 0 !important; }

#bretagne .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; padding: 0 !important; align-items: center; gap: 3rem; }

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

#bretagne .lead.mb-4 { margin-bottom: 0 !important; display: flex; flex-direction: column; gap: 2rem; }

#bretagne p { font-size: 1.1rem !important; }

#bretagne .lead.mb-4::after { content: ''; height: 2px; width: 40%; background: #D5A95F; }

/*************************************** FLOTTE SECONDAIRE ***************************************/
.flotte-section { width: 100%; padding: 6rem 0; background-color: rgba(204, 204, 204, 0.2); }

.flotte-inner { max-width: 1400px; margin: 0 auto; padding: 0 1rem; }

@media (max-width: 1352px) { .flotte-inner { padding: 0 2rem; } }

.flotte-header { text-align: center; margin-bottom: 4rem; }

.flotte-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

.vehicule-card { padding: 2.5rem 2rem 2rem; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; box-shadow: inset 0 -1px 0 #2D3154; transition: box-shadow 0.3s ease; }

.vehicule-card:hover { box-shadow: inset 0 -2px 0 #2D3154; }

.vehicule-card__cta:hover { background-color: transparent; color: #c0953f; border-color: #c0953f; }

.vehicule-card:hover .vehicule-card__cta { background-color: #D5A95F; color: #ffffff; border-color: #D5A95F; }

.vehicule-card:hover .vehicule-card__cta:hover { background-color: #FAD16C; border-color: #FAD16C; }

.vehicule-card__image { width: 100%; max-width: 280px; height: 160px; object-fit: contain; margin-bottom: 1.75rem; transition: all 0.3s ease; }

.vehicule-card:hover .vehicule-card__image { transform: scale(1.1); }

.vehicule-card__name { font-size: 1rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #2D3154; margin-bottom: 0.5rem; }

.vehicule-card__model { font-size: 0.9rem; font-weight: 400; color: #8a8aa8; margin-bottom: 1.25rem; }

.vehicule-card__specs { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 2rem; }

.vehicule-card__specs span { font-size: 0.9rem; color: #5a5a72; }

.vehicule-card__specs strong { font-weight: 700; color: #2D3154; }

.vehicule-card__cta { display: inline-block; background-color: transparent; color: #D5A95F; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; padding: 0.75rem 1.5rem; border-radius: 0; border: 1px solid #D5A95F; cursor: pointer; transition: background-color 0.3s ease,color 0.3s ease; }

@media (max-width: 1024px) { .flotte-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; } }

@media (max-width: 640px) { .flotte-section { padding: 4rem 0; } }

/*************************************** CIRCUITS ***************************************/
.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { box-shadow: none !important; }

.display-6.fw-bold.text-body-emphasis.lh-1.mb-5.titles { gap: 1rem; display: flex; flex-direction: column; }

.display-6.fw-bold.text-body-emphasis.lh-1.mb-5.titles::after { content: ''; height: 2px; width: 30%; background: #D5A95F; }

/*************************************** CONTACT ***************************************/
#contact .text-center { text-align: left !important; }

#contact { padding: 15vh 2rem 4rem !important; }

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

@media screen and (max-width: 992px) { padding-left: 0 !important; }

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

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

#contact h2 { margin-top: 2rem; }

.first-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg, .second-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg, .third-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { border-radius: 0 !important; box-shadow: 0 0 1rem rgba(45, 49, 84, 0.2) !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 { box-shadow: none !important; }

.black-screen { background-color: #2D3154; }

/*************************************** GOOGLE REVIEWS ***************************************/
.googleReviews-div::before { content: ""; position: absolute; inset: 0; background: rgba(45, 49, 84, 0.9); z-index: 0; }

.mb-5.googleReviews-div { position: relative; padding: 100px 20px 120px; background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FYMh69n7KNhTGP4fIU1n1dxwwFPC3%2Fimages%2FAdobeStock_280315531_npuv.webp); background-size: cover; background-position: center; background-attachment: fixed; }

.card.p-2.rounded-3.shadow-lg.px-4.border-0.d-flex.justify-content-lg-between { z-index: 1; border-radius: 0 !important; border: 1px solid #FEFEFE !important; background: transparent; backdrop-filter: blur(1rem); color: #fefefe; }

img.card-img-top.avatar-google-place.rounded-circle.d-lg-flex.align-items-lg-center.justify-content-center.m-2 { border-radius: 0 !important; }

.googleReviews-div i.bi.bi-star-fill.star { color: #D5A95F; }

a#maps-url { border-radius: 0; border: 1px solid #D5A95F; color: #FEFEFE !important; }

a#maps-url:hover { background: transparent; color: #D5A95F !important; }

.googleReviews-div .card.rounded-3.shadow-lg.mx-4.mb-4 { border-radius: 0 !important; border: 1px solid #fefefe; background: transparent; backdrop-filter: blur(1rem); color: #fefefe; }

.googleReviews-div small.text-muted { color: #D5A95F !important; }

img.card-img-top.avatar-google-reviews { filter: contrast(0) brightness(0.01) invert(1); }

.googleReviews-div .d-flex.flex-wrap.justify-content-center.align-items-center.my-2 { justify-content: start !important; padding: 0 var(--bs-card-spacer-x); }

.first-activity-div a, .second-activity-div a, .third-activity-div a { text-decoration: none; }

.first-activity-div .fs-2 a, .second-activity-div .fs-2 a, .third-activity-div .fs-2 a { color: #FEFEFE; transition: all 0.3s ease; }

.first-activity-div .fs-2 a:hover, .second-activity-div .fs-2 a:hover, .third-activity-div .fs-2 a:hover { color: #D5A95F; }

.first-activity-div p a:hover, .second-activity-div p a:hover, .third-activity-div p a:hover { color: #D5A95F; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button.scrolled { padding: 0.75rem 1rem !important; border-radius: 0 !important; border: 1px solid #D5A95F; color: #FEFEFE !important; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button.scrolled:hover { background: transparent !important; border: 1px solid #D5A95F; color: #D5A95F !important; }

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