@charset "UTF-8";
@import url(main.css);
a:visited { color: white !important; }

/*===================== CUSTOM SEO ==========================*/
a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none, a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2, a.button_homepageDoubleScreen.first-banner-seo-page-button.text-color-fourth.p-3.fs-6.fw-bold.m-2, a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none, a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button { border-radius: 10px !important; padding: 12px 30px !important; font-weight: 700 !important; font-family: 'Manrope'; }

#contact > div > div.col-lg-6.text-center.text-color-sixth > span { display: none; }

/*===================== CUSTOM COOKIES ==========================*/
div#termsfeed-com---nb { margin: 10px; }

/*===================== CUSTOM FORMULAIRE DE CONTACT ==========================*/
button.w-100.btn.btn-outline-dark { min-height: 52px; border-radius: 10px !important; background: #d01419 !important; border: 1px solid #d01419 !important; color: #fefefe !important; font-family: 'Manrope', sans-serif !important; font-size: 0.92rem !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: 0 16px 35px rgba(208, 20, 25, 0.24); transition: all 0.3s ease; }

button.w-100.btn.btn-outline-dark:hover { background: #f0181e !important; border-color: #f0181e !important; color: #fefefe !important; transform: translateY(-2px); box-shadow: 0 20px 42px rgba(208, 20, 25, 0.3); }

button.w-100.btn.btn-outline-dark:focus, button.w-100.btn.btn-outline-dark:active { background: #d01419 !important; border-color: #d01419 !important; color: #fefefe !important; box-shadow: 0 0 0 4px rgba(208, 20, 25, 0.22) !important; }

.checkbox.mb-3 { color: #fefefe; }

form#formContact { position: relative; overflow: hidden; padding: 40px; border-radius: 30px !important; background-image: linear-gradient(rgba(27, 27, 27, 0.1), rgba(27, 27, 27, 0.1)), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F2K4zjIqDA1dsl2YH3tumjbaMssB2%2Fimages%2FFormulaire_de_contact_8xae.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 24px 60px rgba(27, 27, 27, 0.18); }

.lh-1.mb-3.titles { position: relative; overflow: hidden; background-color: #1b1b1b; margin-left: 100px; padding: 70px; border-radius: 30px; box-shadow: 0 18px 50px rgba(27, 27, 27, 0.14); transition: all 0.35s ease; }

/* Halo rouge comme sur les cards services */
.lh-1.mb-3.titles::before { content: ""; position: absolute; right: -70px; top: -70px; width: 180px; height: 180px; background: rgba(208, 20, 25, 0.16); border-radius: 50%; filter: blur(10px); transition: all 0.35s ease; pointer-events: none; }

/* Pour que le texte reste au-dessus du halo */
.lh-1.mb-3.titles > * { position: relative; z-index: 1; }

.lh-1.mb-3.titles:hover { transform: translateY(-8px); box-shadow: 0 26px 60px rgba(27, 27, 27, 0.2); }

.lh-1.mb-3.titles:hover::before { background: rgba(208, 20, 25, 0.26); transform: scale(1.15); }

/* Responsive */
@media (max-width: 991px) { .lh-1.mb-3.titles { margin-left: 0; padding: 42px; border-radius: 24px; } }

@media (max-width: 480px) { .lh-1.mb-3.titles { padding: 30px 24px; border-radius: 20px; } }

/*===================== CUSTOM BLOC SEO ==========================*/
.mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative, .mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative, .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 { padding: 50px 20px !important; margin-top: 70px !important; margin-bottom: 70px !important; box-shadow: none !important; }

.black-screen { display: none; }

.card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { padding: 40px; }

/*======================= CUSTOM NAVBAR =======================*/
.spacer { display: none; }

.fs-6.animated-border-button.obftrucs { font-family: 'Sora'; font-size: 1.1rem !important; }

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

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

.logo_nav { height: 7vh !important; }

#navigation-bar-show.custom-header, #navigation-bar-show { position: fixed !important; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; background: transparent !important; box-shadow: none !important; border: none !important; transition: top 0.35s ease, transform 0.35s ease; }

/* Container navbar */
#navigation-bar-show .container-fluid { margin: 0 !important; padding: 18px 32px !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transition: all 0.35s ease; }

/* Navbar au scroll */
#navigation-bar-show.scrolled { top: 16px !important; }

#navigation-bar-show.scrolled .container-fluid { margin-left: 24px !important; margin-right: 24px !important; padding: 12px 26px !important; background: rgba(27, 27, 27, 0.88) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border: 1px solid rgba(254, 254, 254, 0.12) !important; border-radius: 22px !important; box-shadow: 0 18px 45px rgba(27, 27, 27, 0.28), 0 0 0 1px rgba(208, 20, 25, 0.08) !important; }

/* Petit halo rouge discret au scroll */
#navigation-bar-show.scrolled .container-fluid::after { content: ""; position: absolute; right: 18%; top: 50%; width: 160px; height: 40px; background: rgba(208, 20, 25, 0.24); filter: blur(28px); transform: translateY(-50%); pointer-events: none; z-index: -1; }

/* Logo */
#navigation-bar-show .logo_nav { height: 72px; transition: height 0.35s ease, transform 0.35s ease; }

#navigation-bar-show.scrolled .logo_nav { height: 56px; }

/* Liens menu */
#navigation-bar-show .navbar-nav a, #navigation-bar-show .nav-link { position: relative; font-family: 'Manrope', sans-serif !important; font-size: 1rem !important; font-weight: 500 !important; color: #fefefe !important; letter-spacing: 0.02em; transition: color 0.3s ease; }

/* Soulignement animé */
#navigation-bar-show .navbar-nav a::after, #navigation-bar-show .nav-link::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0; height: 2px; background: #d01419; border-radius: 999px; transition: width 0.3s ease; }

#navigation-bar-show .navbar-nav a:hover::after, #navigation-bar-show .nav-link:hover::after { width: 100%; }

/* Bouton appel si présent dans la navbar */
#navigation-bar-show a[href^="tel"], #navigation-bar-show .btn, #navigation-bar-show .button_header { border-radius: 10px !important; background: #d01419 !important; color: #fefefe !important; border: 1px solid #d01419 !important; font-family: 'Manrope', sans-serif !important; font-weight: 800 !important; box-shadow: 0 12px 28px rgba(208, 20, 25, 0.24) !important; transition: all 0.3s ease !important; padding: 12px 20px !important; }

#navigation-bar-show a[href^="tel"]:hover, #navigation-bar-show .btn:hover, #navigation-bar-show .button_header:hover { background: #f0181e !important; border-color: #f0181e !important; transform: translateY(-2px); box-shadow: 0 16px 34px rgba(208, 20, 25, 0.34) !important; }

/* Bouton burger */
#navigation-bar-show .navbar-toggler { border: 1px solid rgba(254, 254, 254, 0.18) !important; border-radius: 12px !important; padding: 10px 12px !important; background: rgba(27, 27, 27, 0.45) !important; }

#navigation-bar-show .navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(208, 20, 25, 0.22) !important; }

/* Responsive tablette/mobile */
@media (max-width: 991px) { #navigation-bar-show { background: transparent !important; } #navigation-bar-show .container-fluid { padding: 12px 16px !important; } #navigation-bar-show.scrolled { top: 8px !important; } #navigation-bar-show.scrolled .container-fluid { margin-left: 10px !important; margin-right: 10px !important; padding: 10px 14px !important; border-radius: 18px !important; background: rgba(27, 27, 27, 0.94) !important; border: 1px solid rgba(254, 254, 254, 0.12) !important; } #navigation-bar-show .logo_nav, #navigation-bar-show.scrolled .logo_nav { height: 52px; } #navigation-bar-show .navbar-collapse { margin-top: 14px !important; padding: 18px !important; border-radius: 18px !important; background: rgba(27, 27, 27, 0.96) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border: 1px solid rgba(254, 254, 254, 0.12) !important; box-shadow: 0 18px 40px rgba(27, 27, 27, 0.28) !important; } #navigation-bar-show .navbar-nav a, #navigation-bar-show .nav-link { padding: 12px 0 !important; color: #fefefe !important; } #navigation-bar-show .navbar-nav a::after, #navigation-bar-show .nav-link::after { display: none; } }

/* Très petit mobile */
@media (max-width: 480px) { #navigation-bar-show .container-fluid { padding: 10px 12px !important; } #navigation-bar-show.scrolled .container-fluid { margin-left: 8px !important; margin-right: 8px !important; } #navigation-bar-show .logo_nav, #navigation-bar-show.scrolled .logo_nav { height: 46px; } }

/*======================================================================================================================== HERO D'ACCUEIL ============================================================================================================*/
.taxi-hero { position: relative; min-height: 100vh; padding: 70px 6%; display: flex; align-items: center; overflow: hidden; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F2K4zjIqDA1dsl2YH3tumjbaMssB2%2Fimages%2FBG_hero_daccueil_vjsf.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fefefe; }

.taxi-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(27, 27, 27, 0.25) 0%, rgba(27, 27, 27, 0.65) 55%, rgba(27, 27, 27, 0.92) 100%), linear-gradient(180deg, rgba(27, 27, 27, 0.1) 0%, rgba(27, 27, 27, 0.65) 100%); z-index: 1; }

.taxi-hero::after { content: ""; position: absolute; bottom: -120px; right: -80px; width: 420px; height: 420px; background: rgba(208, 20, 25, 0.28); filter: blur(120px); z-index: 1; }

.taxi-hero__content { position: relative; z-index: 2; width: 100%; max-width: 1320px; margin: 0 auto; display: flex; justify-content: flex-end; }

.taxi-hero__card { width: 100%; max-width: 650px; padding: 38px; border-radius: 22px; background: rgba(27, 27, 27, 0.62); border: 1px solid rgba(254, 254, 254, 0.14); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }

.taxi-hero__tag { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; font-family: 'Manrope', sans-serif; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #fefefe; }

.taxi-hero__tag span { width: 42px; height: 2px; background: #d01419; display: inline-block; }

.taxi-hero h1 { margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(2.1rem, 4vw, 4rem); line-height: 1.05; font-weight: 800; letter-spacing: -0.05em; color: #fefefe; }

.taxi-hero h1 span { display: block; color: #d01419; }

.taxi-hero p { max-width: 500px; margin: 24px 0 0; padding-top: 22px; border-top: 1px solid rgba(254, 254, 254, 0.16); font-family: 'Manrope', sans-serif; font-size: 0.96rem; line-height: 1.65; color: rgba(254, 254, 254, 0.82); }

.taxi-hero__buttons { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }

.taxi-hero__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 9px; font-family: 'Manrope', sans-serif; font-size: 0.88rem; font-weight: 700; text-decoration: none; transition: all 0.3s ease; }

.taxi-hero__btn--primary { background: #d01419; color: #fefefe; border: 1px solid #d01419; }

.taxi-hero__btn--primary:hover { background: #f0181e; border-color: #f0181e; transform: translateY(-2px); }

.taxi-hero__btn--secondary { background: rgba(254, 254, 254, 0.06); color: #fefefe; border: 1px solid rgba(254, 254, 254, 0.22); }

.taxi-hero__btn--secondary:hover { background: #fefefe; color: #1b1b1b; transform: translateY(-2px); }

.taxi-hero__infos { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; font-family: 'Manrope', sans-serif; font-size: 0.78rem; color: rgba(254, 254, 254, 0.72); }

.taxi-hero__infos div { position: relative; padding-left: 15px; }

.taxi-hero__infos div::before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background: #d01419; border-radius: 50%; transform: translateY(-50%); }

html { scroll-behavior: smooth; }

.taxi-hero__scroll { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 4; width: 46px; height: 58px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; text-decoration: none; }

.taxi-hero__scroll span { width: 24px; height: 24px; border-right: 5px solid #fefefe; border-bottom: 5px solid #fefefe; transform: rotate(45deg); animation: taxiScrollArrow 1.45s infinite; opacity: 0; }

.taxi-hero__scroll span:nth-child(2) { animation-delay: 0.22s; }

.taxi-hero__scroll:hover span { border-color: #d01419; }

@keyframes taxiScrollArrow { 0% { opacity: 0;
    transform: rotate(45deg) translate(-8px, -8px); }
  45% { opacity: 1; }
  100% { opacity: 0;
    transform: rotate(45deg) translate(8px, 8px); } }

/* Écrans ordinateurs portables */
@media (max-height: 760px) and (min-width: 900px) { .taxi-hero { padding: 45px 6%; } .taxi-hero__card { max-width: 520px; padding: 30px; } .taxi-hero h1 { font-size: clamp(2rem, 3.5vw, 3.3rem); } .taxi-hero p { margin-top: 18px; padding-top: 18px; font-size: 0.9rem; line-height: 1.55; } .taxi-hero__buttons { margin-top: 22px; } .taxi-hero__infos { margin-top: 20px; } }

/* Responsive */
@media (max-width: 1024px) { .taxi-hero { padding: 90px 5%; } .taxi-hero__content { justify-content: center; } }

@media (max-width: 768px) { .taxi-hero { min-height: auto; padding: 110px 5% 100px; background-position: center left; } .taxi-hero__scroll { bottom: 22px; width: 40px; height: 50px; } .taxi-hero__scroll span { width: 18px; height: 18px; border-right-width: 4px; border-bottom-width: 4px; } .taxi-hero__overlay { background: linear-gradient(180deg, rgba(27, 27, 27, 0.7) 0%, rgba(27, 27, 27, 0.96) 100%); } .taxi-hero__card { max-width: 100%; padding: 28px 22px; border-radius: 18px; } .taxi-hero__tag { font-size: 0.68rem; letter-spacing: 0.14em; } .taxi-hero h1 { font-size: clamp(2rem, 10vw, 3rem); } .taxi-hero p { font-size: 0.92rem; line-height: 1.6; } .taxi-hero__buttons { flex-direction: column; } .taxi-hero__btn { width: 100%; } }

/*=========================================================================================================== PRESENTATION DE L'ENTREPRISE ========================================================================================================*/
.taxi-presentation-light { position: relative; padding: 150px 1.5%; background: #fefefe; overflow: hidden; }

.taxi-presentation-light__halo { position: absolute; top: 10%; right: 4%; width: 520px; height: 520px; background: rgba(208, 20, 25, 0.12); border-radius: 50%; filter: blur(90px); pointer-events: none; }

.taxi-presentation-light__container { position: relative; z-index: 1; max-width: 1780px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 90px; align-items: center; }

.taxi-presentation-light__image { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 26px; overflow: hidden; background: #1b1b1b; box-shadow: 0 24px 60px rgba(27, 27, 27, 0.14); }

.taxi-presentation-light__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(27, 27, 27, 0.02) 0%, rgba(27, 27, 27, 0.22) 100%); pointer-events: none; }

.taxi-presentation-light__image img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Contenu texte */
.taxi-presentation-light__content { width: 100%; max-width: none; }

.taxi-presentation-light__suptitle { position: relative; display: inline-block; margin-bottom: 18px; padding-left: 58px; font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #d01419; }

.taxi-presentation-light__suptitle::before { content: ""; position: absolute; left: 0; top: 50%; width: 42px; height: 2px; background: #d01419; transform: translateY(-50%); }

.taxi-presentation-light h2 { margin: 0; max-width: 1180px; font-family: 'Sora', sans-serif; font-size: clamp(2rem, 3vw, 3.4rem); line-height: 1.08; font-weight: 800 !important; letter-spacing: -0.06em; color: #1b1b1b; }

.taxi-presentation-light h2 span { display: inline; color: #d01419; }

.taxi-presentation-light__content > p { max-width: 1180px; margin: 24px 0 0; font-family: 'Manrope', sans-serif; font-size: 1.02rem; line-height: 1.8; color: #555; }

.taxi-presentation-light__ads { position: relative; display: inline-flex; flex-direction: column; gap: 6px; margin-top: 32px; padding: 18px 24px 18px 28px; border-radius: 18px; background: #1b1b1b; overflow: hidden; box-shadow: 0 18px 45px rgba(27, 27, 27, 0.14); }

.taxi-presentation-light__ads::before { content: ""; position: absolute; right: -42px; top: -42px; width: 120px; height: 120px; background: rgba(208, 20, 25, 0.28); border-radius: 50%; filter: blur(8px); }

.taxi-presentation-light__ads::after { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 4px; border-radius: 999px; background: #d01419; }

.taxi-presentation-light__ads span, .taxi-presentation-light__ads strong { position: relative; z-index: 1; }

.taxi-presentation-light__ads span { font-family: 'Manrope', sans-serif; font-size: 0.72rem; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(254, 254, 254, 0.66); }

.taxi-presentation-light__ads strong { font-family: 'Sora', sans-serif; font-size: 1.25rem; line-height: 1.15; color: #fefefe; }

/* Responsive tablette */
@media (max-width: 1180px) { .taxi-presentation-light { padding: 70px 3%; } .taxi-presentation-light__container { grid-template-columns: 1fr; gap: 46px; } .taxi-presentation-light__image { aspect-ratio: 21 / 9; } .taxi-presentation-light__halo { top: 35%; right: -120px; } }

/* Responsive mobile */
@media (max-width: 768px) { .taxi-presentation-light { padding: 55px 4%; } .taxi-presentation-light__container { gap: 34px; } .taxi-presentation-light__image { aspect-ratio: 16 / 10; border-radius: 20px; } .taxi-presentation-light__suptitle { padding-left: 46px; font-size: 0.68rem; letter-spacing: 0.14em; } .taxi-presentation-light__suptitle::before { width: 32px; } .taxi-presentation-light h2 { font-size: clamp(1.8rem, 8vw, 2.6rem); } .taxi-presentation-light__content > p { font-size: 0.94rem; line-height: 1.7; } .taxi-presentation-light__btn { width: 100%; } .taxi-presentation-light__ads { width: 100%; margin-top: 26px; padding: 16px 20px 16px 24px; border-radius: 16px; } .taxi-presentation-light__ads strong { font-size: 1.1rem; } }

/* Très petit mobile */
@media (max-width: 480px) { .taxi-presentation-light { padding: 45px 4%; } .taxi-presentation-light__image { aspect-ratio: 4 / 3; } }

/*============================================================================================================= APERCU DES SERVICES (ACCUEIL) ====================================================================================================*/
.taxi-services-preview { position: relative; padding: 90px 1.5%; background: #1b1b1b; overflow: hidden; }

.taxi-services-preview__halo { position: absolute; top: -120px; left: 8%; width: 520px; height: 520px; background: rgba(208, 20, 25, 0.22); border-radius: 50%; filter: blur(110px); pointer-events: none; }

.taxi-services-preview__container { position: relative; z-index: 1; max-width: 1780px; width: 100%; margin: 0 auto; }

.taxi-services-preview__header { max-width: 980px; margin-bottom: 46px; }

.taxi-services-preview__suptitle { position: relative; display: inline-block; margin-bottom: 18px; padding-left: 58px; font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #d01419; }

.taxi-services-preview__suptitle::before { content: ""; position: absolute; left: 0; top: 50%; width: 42px; height: 2px; background: #d01419; transform: translateY(-50%); }

.taxi-services-preview h2 { margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(2rem, 3.2vw, 3.6rem); line-height: 1.08; font-weight: 800 !important; letter-spacing: -0.06em; color: #fefefe; }

.taxi-services-preview h2 span { color: #d01419; }

.taxi-services-preview__header p { max-width: 780px; margin: 24px 0 0; font-family: 'Manrope', sans-serif; font-size: 1.02rem; line-height: 1.8; color: rgba(254, 254, 254, 0.72); }

.taxi-services-preview__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }

.taxi-services-preview__card { position: relative; min-height: 300px; padding: 34px; border-radius: 24px; background: #fefefe; border: 1px solid rgba(254, 254, 254, 0.12); overflow: hidden; transition: all 0.35s ease; }

.taxi-services-preview__card::before { content: ""; position: absolute; right: -70px; top: -70px; width: 180px; height: 180px; background: rgba(208, 20, 25, 0.11); border-radius: 50%; filter: blur(10px); transition: all 0.35s ease; }

.taxi-services-preview__card:hover { transform: translateY(-8px); box-shadow: 0 26px 60px rgba(0, 0, 0, 0.28); }

.taxi-services-preview__card:hover::before { background: rgba(208, 20, 25, 0.22); transform: scale(1.15); }

.taxi-services-preview__number { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 48px; border-radius: 15px; background: #1b1b1b; color: #fefefe; font-family: 'Sora', sans-serif; font-size: 0.92rem; font-weight: 800; }

.taxi-services-preview__card h3 { position: relative; z-index: 1; margin: 0 0 14px; font-family: 'Sora', sans-serif; font-size: 1.35rem; line-height: 1.2; color: #1b1b1b; font-weight: 700 !important; }

.taxi-services-preview__card p { position: relative; z-index: 1; margin: 0; font-family: 'Manrope', sans-serif; font-size: 0.95rem; line-height: 1.7; color: #666; }

.taxi-services-preview__card--dark { background: #d01419; }

.taxi-services-preview__card--dark::before { background: rgba(254, 254, 254, 0.16); }

.taxi-services-preview__card--dark .taxi-services-preview__number { background: #fefefe; color: #d01419; }

.taxi-services-preview__card--dark h3, .taxi-services-preview__card--dark p { color: #fefefe; }

.taxi-services-preview__cta { display: flex; justify-content: center; margin-top: 42px; }

.taxi-services-preview__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 32px; border-radius: 12px; background: #d01419; color: #fefefe; font-family: 'Manrope', sans-serif; font-size: 0.94rem; font-weight: 800; text-decoration: none; box-shadow: 0 16px 35px rgba(208, 20, 25, 0.26); transition: all 0.3s ease; }

.taxi-services-preview__btn:hover { background: #f0181e; transform: translateY(-2px); box-shadow: 0 20px 44px rgba(208, 20, 25, 0.36); color: #fefefe; }

@media (max-width: 1180px) { .taxi-services-preview { padding: 75px 3%; } .taxi-services-preview__grid { grid-template-columns: repeat(2, 1fr); } .taxi-services-preview__card { min-height: 260px; } }

@media (max-width: 768px) { .taxi-services-preview { padding: 60px 4%; } .taxi-services-preview__header { margin-bottom: 34px; } .taxi-services-preview__suptitle { padding-left: 46px; font-size: 0.68rem; letter-spacing: 0.14em; } .taxi-services-preview__suptitle::before { width: 32px; } .taxi-services-preview h2 { font-size: clamp(1.8rem, 8vw, 2.6rem); } .taxi-services-preview__header p { font-size: 0.94rem; line-height: 1.7; } .taxi-services-preview__grid { grid-template-columns: 1fr; } .taxi-services-preview__card { min-height: auto; padding: 28px 24px; border-radius: 20px; } .taxi-services-preview__number { margin-bottom: 34px; } .taxi-services-preview__btn { width: 100%; } }

/*========================================================================================================= ZONES DESSERVIES ===================================================================================================================*/
.taxi-zones { position: relative; padding: 90px 1.5%; background: #fefefe; overflow: hidden; }

.taxi-zones__halo { position: absolute; top: 12%; left: 8%; width: 520px; height: 520px; background: rgba(208, 20, 25, 0.11); border-radius: 50%; filter: blur(90px); pointer-events: none; }

.taxi-zones__container { position: relative; z-index: 1; max-width: 1780px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 80px; align-items: center; }

.taxi-zones__suptitle { position: relative; display: inline-block; margin-bottom: 18px; padding-left: 58px; font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #d01419; }

.taxi-zones__suptitle::before { content: ""; position: absolute; left: 0; top: 50%; width: 42px; height: 2px; background: #d01419; transform: translateY(-50%); }

.taxi-zones h2 { margin: 0; max-width: 980px; font-family: 'Sora', sans-serif; font-size: clamp(2rem, 3vw, 3.5rem); line-height: 1.08; font-weight: 800 !important; letter-spacing: -0.06em; color: #1b1b1b; }

.taxi-zones h2 span { color: #d01419; }

.taxi-zones__content > p { max-width: 850px; margin: 24px 0 0; font-family: 'Manrope', sans-serif; font-size: 1.02rem; line-height: 1.8; color: #555; }

.taxi-zones__list { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }

.taxi-zones__city { appearance: none; border: 1px solid rgba(27, 27, 27, 0.12); background: #fefefe; color: #1b1b1b; padding: 12px 16px; border-radius: 999px; font-family: 'Manrope', sans-serif; font-size: 0.9rem; font-weight: 800; cursor: pointer; transition: all 0.3s ease; }

.taxi-zones__city:hover, .taxi-zones__city.active { background: #1b1b1b; color: #fefefe; border-color: #1b1b1b; transform: translateY(-2px); }

.taxi-zones__btn { display: inline-flex; align-items: center; justify-content: center; margin-top: 36px; min-height: 52px; padding: 0 28px; border-radius: 10px; background: #d01419; color: #fefefe; font-family: 'Manrope', sans-serif; font-size: 0.92rem; font-weight: 800; text-decoration: none; box-shadow: 0 16px 35px rgba(208, 20, 25, 0.24); transition: all 0.3s ease; }

.taxi-zones__btn:hover { background: #f0181e; color: #fefefe; transform: translateY(-2px); box-shadow: 0 20px 42px rgba(208, 20, 25, 0.3); }

/* MAP */
.taxi-zones__map-wrap { width: 100%; }

.taxi-zones__map { position: relative; width: 100%; min-height: 560px; border-radius: 30px; overflow: hidden; background: radial-gradient(circle at 30% 20%, rgba(208, 20, 25, 0.18), transparent 28%), linear-gradient(135deg, #232323 0%, #101010 100%); box-shadow: 0 28px 70px rgba(27, 27, 27, 0.18); }

.taxi-zones__map-bg { position: absolute; inset: 34px; border-radius: 26px; background: linear-gradient(rgba(254, 254, 254, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(254, 254, 254, 0.055) 1px, transparent 1px); background-size: 44px 44px; opacity: 0.75; }

.taxi-zones__road { position: absolute; height: 3px; background: linear-gradient(90deg, transparent, rgba(254, 254, 254, 0.22), transparent); border-radius: 999px; transform-origin: left center; }

.taxi-zones__road--one { width: 64%; left: 18%; top: 42%; transform: rotate(-8deg); }

.taxi-zones__road--two { width: 58%; left: 30%; top: 62%; transform: rotate(14deg); }

.taxi-zones__road--three { width: 45%; left: 26%; top: 52%; transform: rotate(-32deg); }

.taxi-zones__pin { position: absolute; z-index: 3; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(208, 20, 25, 0.22); transform: translate(-50%, -50%); cursor: pointer; transition: all 0.3s ease; }

.taxi-zones__pin span { position: absolute; inset: 8px; border-radius: 50%; background: #d01419; box-shadow: 0 0 0 6px rgba(208, 20, 25, 0.18); }

.taxi-zones__pin::after { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(208, 20, 25, 0.35); animation: taxiPulse 1.8s infinite; }

.taxi-zones__pin:hover, .taxi-zones__pin.active { transform: translate(-50%, -50%) scale(1.25); background: rgba(254, 254, 254, 0.16); }

.taxi-zones__pin.active span { background: #fefefe; box-shadow: 0 0 0 8px rgba(208, 20, 25, 0.42); }

@keyframes taxiPulse { 0% { transform: scale(0.85);
    opacity: 0.8; }
  100% { transform: scale(1.8);
    opacity: 0; } }

.taxi-zones__info { position: absolute; z-index: 4; left: 34px; bottom: 34px; max-width: 420px; padding: 28px; border-radius: 24px; background: rgba(254, 254, 254, 0.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28); }

.taxi-zones__info span { display: block; margin-bottom: 8px; font-family: 'Manrope', sans-serif; font-size: 0.72rem; font-weight: 900 !important; letter-spacing: 0.16em; text-transform: uppercase; color: #d01419; }

.taxi-zones__info strong { display: block; font-family: 'Sora', sans-serif; font-size: 1.8rem; line-height: 1.1; color: #1b1b1b; }

.taxi-zones__info p { margin: 14px 0 0; font-family: 'Manrope', sans-serif; font-size: 0.94rem; line-height: 1.65; color: #555; }

/* Responsive */
@media (max-width: 1180px) { .taxi-zones { padding: 75px 3%; } .taxi-zones__container { grid-template-columns: 1fr; gap: 46px; } .taxi-zones__map { min-height: 480px; } }

@media (max-width: 768px) { .taxi-zones { padding: 60px 4%; } .taxi-zones__suptitle { padding-left: 46px; font-size: 0.68rem; letter-spacing: 0.14em; } .taxi-zones__suptitle::before { width: 32px; } .taxi-zones h2 { font-size: clamp(1.8rem, 8vw, 2.6rem); } .taxi-zones__content > p { font-size: 0.94rem; line-height: 1.7; } .taxi-zones__city { font-size: 0.82rem; padding: 10px 13px; } .taxi-zones__btn { width: 100%; } .taxi-zones__map { min-height: 520px; border-radius: 24px; } .taxi-zones__info { left: 18px; bottom: 18px; width: auto; padding: 22px; border-radius: 20px; } .taxi-zones__info strong { font-size: 1.5rem; } }

@media (max-width: 480px) { .taxi-zones__map { min-height: 500px; } .taxi-zones__map-bg { inset: 18px; background-size: 34px 34px; } }

/*=========================================================================================================== EN TETE (PAGES SECONDAIRES) =======================================================================================================*/
.en-tete { position: relative; padding: 120px 1.5% 95px; background: #1b1b1b; overflow: hidden; color: #fefefe; }

.en-tete__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; }

.en-tete__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(27, 27, 27, 0.94) 0%, rgba(27, 27, 27, 0.78) 48%, rgba(27, 27, 27, 0.38) 100%), linear-gradient(180deg, rgba(27, 27, 27, 0.25) 0%, rgba(27, 27, 27, 0.75) 100%); }

.en-tete__halo { position: absolute; right: 8%; top: 4%; width: 620px; height: 620px; background: rgba(208, 20, 25, 0.26); border-radius: 50%; filter: blur(125px); pointer-events: none; z-index: 2; }

.en-tete__container { position: relative; z-index: 3; max-width: 1780px; width: 100%; margin: 0 auto; }

.en-tete__content { max-width: 1120px; }

.en-tete__suptitle { position: relative; display: inline-block; margin-bottom: 20px; padding-left: 58px; font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #d01419; }

.en-tete__suptitle::before { content: ""; position: absolute; left: 0; top: 50%; width: 42px; height: 2px; background: #d01419; transform: translateY(-50%); }

.en-tete h1 { max-width: 1120px; margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(2.4rem, 4.4vw, 5.2rem); line-height: 1.04; font-weight: 800; letter-spacing: -0.07em; color: #fefefe; }

.en-tete h1 span { color: #d01419; }

.en-tete p { max-width: 860px; margin: 28px 0 0; font-family: 'Manrope', sans-serif; font-size: 1.05rem; line-height: 1.8; color: rgba(254, 254, 254, 0.76); }

.en-tete__buttons { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }

.en-tete__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 10px; font-family: 'Manrope', sans-serif; font-size: 0.92rem; font-weight: 800; text-decoration: none; transition: all 0.3s ease; }

.en-tete__btn--primary { background: #d01419; color: #fefefe; border: 1px solid #d01419; box-shadow: 0 16px 35px rgba(208, 20, 25, 0.28); }

.en-tete__btn--primary:hover { background: #f0181e; border-color: #f0181e; color: #fefefe; transform: translateY(-2px); }

.en-tete__btn--secondary { background: rgba(254, 254, 254, 0.06); color: #fefefe; border: 1px solid rgba(254, 254, 254, 0.2); }

.en-tete__btn--secondary:hover { background: #fefefe; color: #1b1b1b; transform: translateY(-2px); }

@media (max-width: 1180px) { .en-tete { padding: 150px 3% 75px; } }

@media (max-width: 768px) { .en-tete { padding: 125px 4% 60px; } .en-tete__overlay { background: linear-gradient(180deg, rgba(27, 27, 27, 0.9) 0%, rgba(27, 27, 27, 0.78) 100%); } .en-tete__suptitle { padding-left: 46px; font-size: 0.68rem; letter-spacing: 0.14em; } .en-tete__suptitle::before { width: 32px; } .en-tete h1 { font-size: clamp(2rem, 10vw, 3.1rem); } .en-tete p { font-size: 0.94rem; line-height: 1.7; } .en-tete__buttons { flex-direction: column; } .en-tete__btn { width: 100%; } }

/*========================================================================================================= LES PRESTATIONS / LES SERVICES ========================================================================================================*/
.prestations-taxi { position: relative; padding: 90px 1.5%; background: #fefefe; overflow: hidden; }

.prestations-taxi__halo { position: absolute; top: -120px; left: 8%; width: 560px; height: 560px; background: rgba(208, 20, 25, 0.12); border-radius: 50%; filter: blur(115px); pointer-events: none; }

.prestations-taxi__container { position: relative; z-index: 1; max-width: 1780px; width: 100%; margin: 0 auto; }

.prestations-taxi__header { max-width: 1050px; margin-bottom: 48px; }

.prestations-taxi__suptitle { position: relative; display: inline-block; margin-bottom: 18px; padding-left: 58px; font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #d01419; }

.prestations-taxi__suptitle::before { content: ""; position: absolute; left: 0; top: 50%; width: 42px; height: 2px; background: #d01419; transform: translateY(-50%); }

.prestations-taxi h2 { margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(2rem, 3.2vw, 3.6rem); line-height: 1.08; font-weight: 800 !important; letter-spacing: -0.06em; color: #1b1b1b; }

.prestations-taxi h2 span { color: #d01419; }

.prestations-taxi__header p { max-width: 850px; margin: 24px 0 0; font-family: 'Manrope', sans-serif; font-size: 1.02rem; line-height: 1.8; color: #555; }

.prestations-taxi__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }

/* Cards principales en noir */
.prestations-taxi__card { position: relative; min-height: 300px; padding: 34px; border-radius: 24px; background: #1b1b1b; overflow: hidden; border: 1px solid rgba(27, 27, 27, 0.1); box-shadow: 0 18px 50px rgba(27, 27, 27, 0.12); transition: all 0.35s ease; }

.prestations-taxi__card::before { content: ""; position: absolute; right: -70px; top: -70px; width: 180px; height: 180px; background: rgba(208, 20, 25, 0.16); border-radius: 50%; filter: blur(10px); transition: all 0.35s ease; }

.prestations-taxi__card:hover { transform: translateY(-8px); border-color: rgba(208, 20, 25, 0.28); box-shadow: 0 26px 60px rgba(27, 27, 27, 0.18); }

.prestations-taxi__card:hover::before { background: rgba(208, 20, 25, 0.26); transform: scale(1.15); }

.prestations-taxi__card--large { grid-column: span 2; }

/* Card rouge */
.prestations-taxi__card--red { background: #d01419; border-color: #d01419; box-shadow: 0 22px 55px rgba(208, 20, 25, 0.22); }

.prestations-taxi__card--red::before { background: rgba(254, 254, 254, 0.14); }

/* Ancienne card noire passée en blanc */
.prestations-taxi__card--dark { background: #fefefe; border: 1px solid rgba(27, 27, 27, 0.1); box-shadow: 0 18px 50px rgba(27, 27, 27, 0.08); }

.prestations-taxi__card--dark::before { background: rgba(208, 20, 25, 0.1); }

.prestations-taxi__number { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 48px; border-radius: 15px; background: #fefefe; color: #d01419; font-family: 'Sora', sans-serif; font-size: 0.92rem; font-weight: 800; }

.prestations-taxi__card h3 { position: relative; z-index: 1; margin: 0 0 14px; font-family: 'Sora', sans-serif; font-size: 1.35rem; line-height: 1.2; color: #fefefe; font-weight: 700 !important; }

.prestations-taxi__card p { position: relative; z-index: 1; margin: 0; font-family: 'Manrope', sans-serif; font-size: 0.95rem; line-height: 1.7; color: rgba(254, 254, 254, 0.72); }

/* Textes de la card rouge */
.prestations-taxi__card--red .prestations-taxi__number { background: #fefefe; color: #d01419; }

.prestations-taxi__card--red h3, .prestations-taxi__card--red p { color: #fefefe; }

/* Textes de la card blanche */
.prestations-taxi__card--dark .prestations-taxi__number { background: #1b1b1b; color: #fefefe; }

.prestations-taxi__card--dark h3 { color: #1b1b1b; }

.prestations-taxi__card--dark p { color: #666; }

/* Responsive tablette */
@media (max-width: 1180px) { .prestations-taxi { padding: 75px 3%; } .prestations-taxi__grid { grid-template-columns: repeat(2, 1fr); } .prestations-taxi__card--large { grid-column: span 2; } .prestations-taxi__card { min-height: 260px; } }

/* Responsive mobile */
@media (max-width: 768px) { .prestations-taxi { padding: 60px 4%; } .prestations-taxi__header { margin-bottom: 34px; } .prestations-taxi__suptitle { padding-left: 46px; font-size: 0.68rem; letter-spacing: 0.14em; } .prestations-taxi__suptitle::before { width: 32px; } .prestations-taxi h2 { font-size: clamp(1.8rem, 8vw, 2.6rem); } .prestations-taxi__header p { font-size: 0.94rem; line-height: 1.7; } .prestations-taxi__grid { grid-template-columns: 1fr; } .prestations-taxi__card, .prestations-taxi__card--large { grid-column: span 1; min-height: auto; } .prestations-taxi__card { padding: 28px 24px; border-radius: 20px; } .prestations-taxi__number { margin-bottom: 34px; } }

/*============================================================================================================= TAXI CONVENTIONNÉ =============================================================================================================*/
.medical-info { position: relative; padding: 90px 1.5%; background: #fefefe; overflow: hidden; }

.medical-info__halo { position: absolute; top: 8%; right: 6%; width: 560px; height: 560px; background: rgba(208, 20, 25, 0.12); border-radius: 50%; filter: blur(110px); pointer-events: none; }

.medical-info__container { position: relative; z-index: 1; max-width: 1780px; width: 100%; margin: 0 auto; }

.medical-info__intro { max-width: 1150px; margin-bottom: 48px; }

.medical-info__suptitle { position: relative; display: inline-block; margin-bottom: 18px; padding-left: 58px; font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 800 !important; letter-spacing: 0.18em; text-transform: uppercase; color: #d01419; }

.medical-info__suptitle::before { content: ""; position: absolute; left: 0; top: 50%; width: 42px; height: 2px; background: #d01419; transform: translateY(-50%); }

.medical-info h2 { margin: 0; max-width: 1180px; font-family: 'Sora', sans-serif; font-size: clamp(2rem, 3.2vw, 3.7rem); line-height: 1.08; font-weight: 800 !important; letter-spacing: -0.06em; color: #1b1b1b; }

.medical-info h2 span { color: #d01419; }

.medical-info__intro p { max-width: 920px; margin: 24px 0 0; font-family: 'Manrope', sans-serif; font-size: 1.02rem; line-height: 1.8; color: #555; }

.medical-info__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }

.medical-info__card { position: relative; min-height: 290px; padding: 34px; border-radius: 24px; background: #1b1b1b; overflow: hidden; box-shadow: 0 18px 50px rgba(27, 27, 27, 0.12); transition: all 0.35s ease; }

.medical-info__card::before { content: ""; position: absolute; right: -70px; top: -70px; width: 180px; height: 180px; background: rgba(208, 20, 25, 0.16); border-radius: 50%; filter: blur(10px); transition: all 0.35s ease; }

.medical-info__card:hover { transform: translateY(-8px); box-shadow: 0 26px 60px rgba(27, 27, 27, 0.18); }

.medical-info__card:hover::before { background: rgba(208, 20, 25, 0.26); transform: scale(1.15); }

.medical-info__card--dark { grid-column: span 2; }

.medical-info__number { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 46px; border-radius: 15px; background: #fefefe; color: #d01419; font-family: 'Sora', sans-serif; font-size: 0.92rem; font-weight: 800 !important; }

.medical-info__card h3 { position: relative; z-index: 1; margin: 0 0 14px; font-family: 'Sora', sans-serif; font-size: 1.35rem; line-height: 1.2; color: #fefefe; font-weight: 700 !important; }

.medical-info__card p { position: relative; z-index: 1; margin: 0; font-family: 'Manrope', sans-serif; font-size: 0.95rem; line-height: 1.7; color: rgba(254, 254, 254, 0.74); }

.medical-info__card--red h3, .medical-info__card--red p { color: #fefefe; }

.medical-info__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 26px; }

.medical-info__step { display: grid; grid-template-columns: 54px 1fr; gap: 18px; align-items: center; padding: 24px; border-radius: 22px; background: #fefefe; border: 1px solid rgba(27, 27, 27, 0.1); box-shadow: 0 16px 40px rgba(27, 27, 27, 0.07); }

.medical-info__step strong { width: 54px; height: 54px; border-radius: 16px; background: #d01419; color: #fefefe; display: flex; align-items: center; justify-content: center; font-family: 'Sora', sans-serif; font-size: 1rem; font-weight: 800 !important; }

.medical-info__step p { margin: 0; font-family: 'Manrope', sans-serif; font-size: 0.94rem; line-height: 1.6; color: #555; }

.medical-info__cta { margin-top: 28px; padding: 34px; border-radius: 26px; background: #1b1b1b; display: flex; justify-content: space-between; gap: 24px; align-items: center; box-shadow: 0 24px 60px rgba(27, 27, 27, 0.14); }

.medical-info__cta span { display: block; margin-bottom: 8px; font-family: 'Manrope', sans-serif; font-size: 0.74rem; font-weight: 900 !important; letter-spacing: 0.16em; text-transform: uppercase; color: #d01419; }

.medical-info__cta h3 { margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(1.5rem, 2vw, 2.2rem); line-height: 1.15; color: #fefefe; font-weight: 700 !important; }

.medical-info__btn { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 10px; background: #d01419; color: #fefefe; font-family: 'Manrope', sans-serif; font-size: 0.92rem; font-weight: 800; text-decoration: none; box-shadow: 0 16px 35px rgba(208, 20, 25, 0.24); transition: all 0.3s ease; }

.medical-info__btn:hover { background: #f0181e; color: #fefefe; transform: translateY(-2px); }

@media (max-width: 1180px) { .medical-info { padding: 75px 3%; } .medical-info__grid { grid-template-columns: repeat(2, 1fr); } .medical-info__card--dark { grid-column: span 2; } .medical-info__steps { grid-template-columns: 1fr; } }

@media (max-width: 768px) { .medical-info { padding: 60px 4%; } .medical-info__intro { margin-bottom: 34px; } .medical-info__suptitle { padding-left: 46px; font-size: 0.68rem; letter-spacing: 0.14em; } .medical-info__suptitle::before { width: 32px; } .medical-info h2 { font-size: clamp(1.8rem, 8vw, 2.6rem); } .medical-info__intro p { font-size: 0.94rem; line-height: 1.7; } .medical-info__grid { grid-template-columns: 1fr; } .medical-info__card, .medical-info__card--dark { grid-column: span 1; min-height: auto; } .medical-info__card { padding: 28px 24px; border-radius: 20px; } .medical-info__number { margin-bottom: 34px; } .medical-info__step { grid-template-columns: 46px 1fr; padding: 20px; } .medical-info__step strong { width: 46px; height: 46px; border-radius: 14px; } .medical-info__cta { flex-direction: column; align-items: flex-start; padding: 26px 22px; border-radius: 22px; } .medical-info__btn { width: 100%; } }

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