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

.spacer { display: none; }

body > main > div:nth-child(3) > div > footer > div.row.justify-content-center.justify-content-lg-around.text-center.text-lg-start > div:nth-child(3) > div:nth-child(2) { display: none !important; }

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

/**********************************Bannière vidéo*************************************/
div.video-background-holder { z-index: 100 !important; }

div.video-background-holder .videoTitle { margin-left: 0 !important; margin-right: auto !important; width: 60% !important; }

div.video-background-holder .titleText { text-align: left !important; letter-spacing: normal !important; }

div.video-background-holder h1 { font-size: 3rem !important; margin-bottom: 50px; }

div.video-background-holder p { font-family: 'Poppins' !important; font-size: 1.1rem !important; line-height: normal !important; max-width: 800px; padding-left: 10px; border-left: 4px solid #f7c6d6; }

.video-background-overlay { background-color: #071d25; opacity: 0.7; }

#fullHeight > div.video-background-content.container.h-100 > div > div.mt-lg-2.mt-0 { margin-left: 0 !important; margin-right: auto !important; margin-top: 27px !important; }

.lottie-scroll { width: 80px; height: 80px; position: absolute; bottom: 20px; left: 47%; z-index: 1000; }

a.button_header, a.button_homepageScreen, a.button_homepageDoubleScreen, a.phone-number-button { background-color: #cf3368 !important; border-radius: 10px !important; transition: all 0.5s ease !important; }

a.button_header svg, a.button_header i, a.button_homepageScreen svg, a.button_homepageScreen i, a.button_homepageDoubleScreen svg, a.button_homepageDoubleScreen i, a.phone-number-button svg, a.phone-number-button i { margin-right: 5px; margin-bottom: 2px; transition: all 0.3s ease !important; }

a.button_header:hover, a.button_homepageScreen:hover, a.button_homepageDoubleScreen:hover, a.phone-number-button:hover { background-color: #2e6f7e !important; border-radius: 10px !important; }

a.button_header:hover svg, a.button_header:hover i, a.button_homepageScreen:hover svg, a.button_homepageScreen:hover i, a.button_homepageDoubleScreen:hover svg, a.button_homepageDoubleScreen:hover i, a.phone-number-button:hover svg, a.phone-number-button:hover i { transform: rotate(10deg) scale(1.1); }

@media screen and (max-width: 1550px) { div.video-background-holder h1 { font-size: 2.5rem !important; } .elephant-page-hero h1 { font-size: 2rem !important; } }

@media screen and (max-width: 1400px) { div.video-background-holder h1 { font-size: 2rem !important; } }

@media screen and (max-width: 1000px) { div.video-background-holder h1 { font-size: 1.3rem !important; margin-bottom: 20px; } div.video-background-holder p { font-size: 0.9rem !important; } #fullHeight > div.video-background-content.container.h-100 > div > div.mt-lg-2.mt-0 { margin-top: 0 !important; } .nav-logo { height: 5rem !important; } div.video-background-holder div.videoTitle { width: 90% !important; } #fullHeight > div.video-background-content.container.h-100 > div > div.mt-lg-2.mt-0 { margin-left: auto !important; } }

@media screen and (max-width: 1000px) { a.button_header, a.button_homepageScreen, a.button_homepageDoubleScreen, a.phone-number-button { font-size: 0.8rem !important; } }

/**************************************BANNIERE SECONDAIRE*************************************/
.elephant-page-hero { position: relative; min-height: 65vh; display: flex; align-items: flex-end; padding-bottom: 100px !important; background-size: cover; background-position: center; overflow: hidden; }

.elephant-page-hero { -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%) !important; mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%) !important; z-index: 10 !important; }

.elephant-page-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13, 59, 74, 0.92) 0%, rgba(13, 59, 74, 0.78) 42%, rgba(13, 59, 74, 0.42) 100%), linear-gradient(180deg, rgba(13, 59, 74, 0.35) 0%, rgba(13, 59, 74, 0.88) 100%); z-index: 1; }

.elephant-page-hero__content { position: relative; z-index: 3; max-width: 1180px; width: 100%; margin: 0 auto; color: #ffffff; }

.elephant-page-hero__eyebrow { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; color: #f29ab1; font-weight: 700; }

@media screen and (max-width: 992px) { .elephant-page-hero__eyebrow { display: none; } }

.elephant-page-hero__eyebrow i { display: block; width: 90px; height: 2px; background: #f29ab1; border-radius: 20px; }

.elephant-page-hero h1 { max-width: 820px; margin: 0 0 20px 0; color: #ffffff; text-transform: uppercase; font-weight: 600 !important; line-height: 1.08; }

.elephant-page-hero h1::first-line { color: #ffffff; }

.elephant-page-hero p { max-width: 720px; margin: 0; color: rgba(255, 255, 255, 0.9); line-height: 1.8; }

@media screen and (max-width: 768px) { .elephant-page-hero { min-height: 470px; padding: 100px 18px 120px; background-position: center right; } .elephant-page-hero__eyebrow i { width: 55px; } }

/**************************************BLOC VALEURS***********************************************/
.elephant-values-section { position: relative; overflow: hidden; padding: 80px 24px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FnbZncaI93qhJ7m2SMJLi8z6Vi5p2%2Fimages%2FCharte_graphique_1_twez.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }

.elephant-values-container { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; }

.elephant-values-heading { text-align: center; margin-bottom: 48px; }

.elephant-values-kicker { display: flex; align-items: center; justify-content: center; gap: 18px; color: #cf3368; margin-bottom: 14px; }

.elephant-values-kicker span { display: block; width: 58px; height: 8px; border-radius: 50%; background: transparent; position: relative; }

.elephant-values-kicker span::before { content: ""; position: absolute; left: 0; top: 3px; width: 100%; height: 3px; background: #cf3368; border-radius: 50%; transform: rotate(-2deg); }

.elephant-values-kicker span::after { content: ""; position: absolute; left: 6px; top: 5px; width: 75%; height: 2px; background: #f29ab1; border-radius: 50%; transform: rotate(2deg); opacity: 0.7; }

.elephant-values-kicker svg { width: 34px; height: 34px; }

.elephant-values-heading h2 { margin: 0; color: #0d3b4a; line-height: 1.05; text-transform: uppercase; font-weight: 600 !important; }

.elephant-value-line { width: 54px; height: 4px; border-radius: 20px; background: #cf3368; margin: 18px auto 0; }

.elephant-values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }

.elephant-value-card { position: relative; min-height: 360px; padding: 38px 28px; border: 1px solid rgba(242, 154, 177, 0.65); border-radius: 18px; background: rgba(255, 255, 255, 0.74); box-shadow: 0 16px 45px rgba(13, 59, 74, 0.08); text-align: center; overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }

.elephant-value-icon { width: 112px; height: 112px; border-radius: 50%; margin: 0 auto 28px; display: flex; align-items: center; justify-content: center; color: #cf3368; background: linear-gradient(135deg, #f7c6d6 0%, rgba(242, 154, 177, 0.38) 100%); }

.elephant-value-icon svg { width: 54px; height: 54px; }

.elephant-value-card h3 { margin: 0; color: #0d3b4a; line-height: 1.15; }

.elephant-value-card p { margin: 26px 0 0; color: #0d3b4a; line-height: 1.7; }

.elephant-values-bg { position: absolute; z-index: 1; pointer-events: none; opacity: 0.45; }

.elephant-values-bg::before, .elephant-values-bg::after { content: ""; position: absolute; border-radius: 45% 55% 50% 50%; background: linear-gradient(135deg, #f29ab1, #f7c6d6); }

@media screen and (max-width: 1100px) { .elephant-values-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 18px !important; padding-bottom: 18px !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } .elephant-value-card { min-width: 320px !important; flex: 0 0 320px !important; min-height: 320px !important; scroll-snap-align: start !important; } }

@media screen and (max-width: 700px) { .elephant-values-section { padding: 56px 18px !important; } .elephant-values-heading { margin-bottom: 34px !important; } .elephant-values-grid { gap: 16px !important; padding-left: 2px !important; padding-right: 2px !important; } .elephant-value-card { min-width: 280px !important; flex: 0 0 280px !important; min-height: auto !important; padding: 32px 22px !important; } .elephant-value-icon { width: 92px !important; height: 92px !important; margin-bottom: 22px !important; } .elephant-value-icon svg { width: 46px !important; height: 46px !important; } .elephant-values-kicker span { width: 40px !important; } }

/*********************************************************BLOC INTRO*****************************************/
.elephant-detail-section { position: relative; overflow: hidden; padding: 110px 24px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FnbZncaI93qhJ7m2SMJLi8z6Vi5p2%2Fimages%2FChatGPT_Image_1_juil_2026_11_31_43_2f15.webp"); background-size: cover; background-position: center; background-attachment: fixed; }

@media screen and (max-width: 1000px) { .elephant-detail-section { background-image: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FnbZncaI93qhJ7m2SMJLi8z6Vi5p2%2Fimages%2FIMG_1077_1vrq.webp?alt=media&token=74abacf6-776e-447a-b654-cbbe7c295090") !important; } }

.elephant-detail-overlay { position: absolute; inset: 0; background: rgba(13, 59, 74, 0.82); z-index: 1; }

.elephant-detail-container { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.15fr 0.85fr; align-items: center; gap: 60px; }

.elephant-detail-content { position: relative; padding: 46px; border-radius: 26px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(247, 198, 214, 0.35); backdrop-filter: blur(8px); }

.elephant-detail-tag { display: inline-block; margin-bottom: 18px; padding: 9px 18px; border-radius: 999px; color: #f7c6d6; background: rgba(207, 51, 104, 0.22); border: 1px solid rgba(247, 198, 214, 0.45); font-weight: 700; }

.elephant-detail-content h2 { margin: 0 0 24px; color: #ffffff; text-transform: uppercase; font-weight: 600 !important; }

.elephant-detail-content p { margin: 0 0 34px; color: rgba(255, 255, 255, 0.88); line-height: 1.8; }

.elephant-detail-logo { display: flex; justify-content: center; opacity: 0; transform: translateX(90px) rotate(4deg) scale(0.88); filter: blur(8px); transition: opacity 0.8s ease, transform 0.8s ease, filter 0.8s ease; }

.elephant-detail-logo img { max-width: 360px; width: 100%; height: auto; filter: drop-shadow(1px 0 #ffffff) drop-shadow(-1px 0 #ffffff) drop-shadow(0 1px #ffffff) drop-shadow(0 -1px #ffffff) drop-shadow(1px 1px #ffffff) drop-shadow(-1px -1px #ffffff) drop-shadow(-1px 1px #ffffff) drop-shadow(1px -1px #ffffff); }

.elephant-detail-section.is-visible .elephant-detail-logo { opacity: 1; transform: translateX(0) rotate(0deg) scale(1); filter: blur(0); }

@media screen and (max-width: 900px) { .elephant-detail-section { padding: 70px 18px; background-attachment: scroll; } .elephant-detail-container { grid-template-columns: 1fr; gap: 34px; } .elephant-detail-content { padding: 32px 24px; } .elephant-detail-logo { transform: translateY(50px) scale(0.9); } .elephant-detail-logo img { max-width: 280px; padding: 24px; } }

/****************************************************CARDS*************************************************************/
.elephant-services-section { position: relative; overflow: hidden; padding: 90px 24px; background: radial-gradient(circle at 8% 12%, rgba(255, 255, 255, 0.85) 0 8%, transparent 9%), radial-gradient(circle at 92% 18%, rgba(255, 255, 255, 0.55) 0 13%, transparent 14%), linear-gradient(135deg, #fff5f8 0%, #f7c6d6 72%, #f29ab1 100%); }

.elephant-services-section::before { content: ""; position: absolute; right: -80px; bottom: -110px; width: 360px; height: 360px; border-radius: 48% 52% 42% 58%; background: rgba(255, 255, 255, 0.45); transform: rotate(-18deg); }

.elephant-services-container { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; }

.elephant-services-heading { max-width: 760px; margin: 0 auto 52px; text-align: center; }

.elephant-services-tag { display: inline-block; margin-bottom: 18px; padding: 9px 18px; border-radius: 999px; color: #cf3368; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(207, 51, 104, 0.28); font-weight: 700; }

.elephant-services-heading h2 { margin: 0 0 22px; color: #0d3b4a; text-transform: uppercase; font-weight: 600 !important; line-height: 1.08; }

.elephant-services-heading p { margin: 0; color: #0d3b4a; line-height: 1.8; }

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

.elephant-service-card { position: relative; overflow: hidden; min-height: 430px; padding: 34px 24px; border-radius: 24px; background: rgba(255, 255, 255, 0.76); border: 1px solid rgba(207, 51, 104, 0.22); box-shadow: 0 18px 50px rgba(13, 59, 74, 0.1); display: flex; flex-direction: column; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }

.elephant-service-card::before { content: ""; position: absolute; top: -70px; right: -80px; width: 170px; height: 170px; border-radius: 50%; background: linear-gradient(135deg, #0d3b4a, #2e6f7e); opacity: 0.08; transition: transform 0.35s ease, opacity 0.35s ease; }

.elephant-service-card:hover { transform: translateY(-8px); border-color: #cf3368; box-shadow: 0 24px 65px rgba(13, 59, 74, 0.16); }

.elephant-service-card:hover::before { transform: scale(1.18); opacity: 0.14; }

.elephant-service-card-featured { background: linear-gradient(160deg, #0d3b4a 0%, #2e6f7e 100%); border-color: rgba(247, 198, 214, 0.7); }

.elephant-service-number { position: absolute; top: 20px; right: 22px; color: #2e6f7e; font-weight: 800; line-height: 1; font-size: 0.8rem; }

.elephant-service-card-featured .elephant-service-number { color: #f7c6d6; }

.elephant-service-icon { width: 82px; height: 82px; border-radius: 50%; margin-bottom: 28px; display: flex; align-items: center; justify-content: center; color: #cf3368; background: linear-gradient(135deg, #f7c6d6, rgba(242, 154, 177, 0.45)); box-shadow: 0 12px 30px rgba(207, 51, 104, 0.14); }

.elephant-service-icon svg { color: #cf3368; width: 54px; height: 54px; }

.elephant-service-card h3 { margin: 0 0 18px; color: #0d3b4a; line-height: 1.15; }

.elephant-service-card p { margin: 0 0 28px; color: #0d3b4a; line-height: 1.65; }

.elephant-service-card-featured h3, .elephant-service-card-featured p { color: #ffffff; }

.elephant-service-button { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; padding: 12px 22px; border-radius: 10px; background: #cf3368; color: #ffffff; text-decoration: none; border: 2px solid #cf3368; transition: all 0.3s ease; }

.elephant-service-button:hover { background: #2e6f7e; border-color: #2e6f7e; color: #ffffff; transform: translateY(-2px); }

.elephant-service-card-featured .elephant-service-button { background: #f7c6d6; border-color: #f7c6d6; color: #0d3b4a; }

.elephant-service-card-featured .elephant-service-button:hover { background: transparent; color: #f7c6d6; }

@media screen and (max-width: 1100px) { .elephant-services-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 18px !important; padding-bottom: 18px !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } .elephant-service-card { min-width: 320px !important; flex: 0 0 320px !important; min-height: 360px !important; scroll-snap-align: start !important; } }

@media screen and (max-width: 700px) { .elephant-services-section { padding: 60px 18px !important; } .elephant-services-heading { margin-bottom: 34px !important; } .elephant-services-grid { gap: 16px !important; padding-left: 2px !important; padding-right: 2px !important; } .elephant-service-card { min-width: 280px !important; flex: 0 0 280px !important; min-height: auto !important; padding: 30px 22px !important; } .elephant-service-icon { width: 72px !important; height: 72px !important; margin-bottom: 22px !important; } }

/**********************************************************BLOC TIKTOK**********************************/
div.tiktokMiroir-div { background: radial-gradient(circle at 8% 12%, rgba(255, 255, 255, 0.85) 0 8%, transparent 9%), radial-gradient(circle at 88% 18%, rgba(207, 51, 104, 0.22) 0 10%, transparent 11%), radial-gradient(circle at 18% 86%, rgba(242, 154, 177, 0.32) 0 13%, transparent 14%), radial-gradient(circle at 74% 78%, rgba(207, 51, 104, 0.26) 0 11%, transparent 12%), radial-gradient(circle at 45% 24%, rgba(46, 111, 126, 0.14) 0 9%, transparent 10%), linear-gradient(135deg, #fff5f8 0%, #f7c6d6 72%, #f29ab1 100%); padding: 80px 40px !important; overflow: hidden !important; position: relative !important; }

@media (min-width: 992px) { .tiktokMiroir-div div.col.d-flex.justify-content-center.align-items-center { width: 40% !important; } }

.tiktokMiroir-div .row { align-items: center !important; position: relative !important; z-index: 2 !important; }

.tiktokMiroir-div .tac_socialsembeds { display: flex !important; align-items: center !important; justify-content: center !important; gap: 24px !important; }

.tiktokMiroir-div blockquote { margin: 0 !important; border-radius: 24px !important; overflow: hidden !important; border: 2px solid rgba(247, 198, 214, 0.45) !important; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.25) !important; padding-left: 0 !important; }

.tiktokMiroir-div iframe { border-radius: 24px !important; }

.elephant-tiktok-video-wrap { width: 230px !important; flex: 0 0 230px !important; transform: rotate(3deg) !important; }

.elephant-tiktok-video { width: 100% !important; aspect-ratio: 9 / 16 !important; object-fit: cover !important; border-radius: 28px !important; border: 3px solid #f7c6d6 !important; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.28) !important; display: block !important; }

.tiktokMiroir-div .titles { max-width: 520px !important; text-align: left !important; color: #ffffff !important; position: relative !important; z-index: 2 !important; }

.elephant-tiktok-tag { display: inline-block !important; margin-bottom: 18px !important; padding: 9px 18px; border-radius: 999px; color: #cf3368; background: rgba(255, 255, 255, 0.7); border: 1px solid #cf3368; font-family: 'Poppins' !important; font-weight: 700 !important; }

.tiktokMiroir-div .titles h2 { margin: 0 0 24px !important; color: #0d3b4a !important; text-transform: uppercase !important; font-weight: 600 !important; line-height: 1.08 !important; }

.tiktokMiroir-div .titles p { margin: 0 !important; font-family: 'Poppins'; color: #0d3b4a !important; line-height: 1.8 !important; }

@media screen and (max-width: 992px) { .tiktokMiroir-div { padding: 56px 18px !important; } .tiktokMiroir-div .tac_socialsembeds { flex-direction: column !important; } .tiktokMiroir-div .titles { text-align: center !important; margin-bottom: 34px !important; } .elephant-tiktok-video-wrap { width: 210px !important; flex-basis: 210px !important; transform: rotate(0deg) !important; } }

/*********************************************************INSTAGRAM***************************************/
.instagramMiroir-div { background: radial-gradient(circle at 10% 20%, rgba(247, 198, 214, 0.18) 0 8%, transparent 9%), radial-gradient(circle at 88% 82%, rgba(255, 255, 255, 0.08) 0 14%, transparent 15%), linear-gradient(135deg, #0d3b4a 0%, #2e6f7e 100%) !important; padding: 80px 40px !important; overflow: hidden !important; position: relative !important; }

.instagramMiroir-div .background-image-div-opacity { opacity: 0 !important; }

.instagramMiroir-div .content-container { position: relative !important; z-index: 2 !important; }

.instagramMiroir-div .row { align-items: center !important; position: relative !important; z-index: 2 !important; }

@media (min-width: 992px) { .instagramMiroir-div div.col.d-flex.justify-content-center.align-items-center { width: 40% !important; } }

.instagramMiroir-div .tac_socialsembeds { display: flex !important; align-items: center !important; justify-content: center !important; gap: 24px !important; }

.instagramMiroir-div iframe { border-radius: 24px !important; overflow: hidden !important; border: 2px solid rgba(247, 198, 214, 0.45) !important; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28) !important; background: #ffffff !important; min-height: 494px !important; }

.elephant-instagram-video-wrap { width: 230px !important; flex: 0 0 230px !important; transform: rotate(-3deg) !important; }

.elephant-instagram-video { width: 100% !important; aspect-ratio: 9 / 16 !important; object-fit: cover !important; border-radius: 28px !important; border: 3px solid #f7c6d6 !important; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important; display: block !important; }

.instagramMiroir-div .titles { max-width: 520px !important; text-align: left !important; color: #ffffff !important; position: relative !important; z-index: 2 !important; }

.elephant-instagram-tag { display: inline-block !important; margin-bottom: 18px !important; padding: 9px 18px !important; border-radius: 999px !important; color: #f7c6d6 !important; background: rgba(247, 198, 214, 0.12) !important; border: 1px solid rgba(247, 198, 214, 0.6) !important; font-family: 'Poppins' !important; font-weight: 700 !important; }

.instagramMiroir-div .titles h2 { margin: 0 0 24px !important; color: #ffffff !important; text-transform: uppercase !important; font-weight: 600 !important; line-height: 1.08 !important; }

.instagramMiroir-div .titles p { margin: 0 !important; font-family: 'Poppins' !important; color: rgba(255, 255, 255, 0.86) !important; line-height: 1.8 !important; }

@media screen and (max-width: 992px) { .instagramMiroir-div { padding: 56px 18px !important; } .instagramMiroir-div .tac_socialsembeds { flex-direction: column !important; } .instagramMiroir-div .titles { text-align: center !important; margin-bottom: 34px !important; } .elephant-instagram-video-wrap { width: 210px !important; flex-basis: 210px !important; transform: rotate(0deg) !important; } }

/*********************************************************AJUSTEMENTS SEO************************************/
div:has(> .first-activity-div) { padding: 100px 0; }

.first-activity-div, .second-activity-div, .third-activity-div { background: radial-gradient(circle at 10% 15%, rgba(255, 255, 255, 0.9) 0 8%, transparent 9%), radial-gradient(circle at 90% 85%, rgba(255, 255, 255, 0.65) 0 13%, transparent 14%), linear-gradient(135deg, #fff5f8 0%, #f7c6d6 78%, #f29ab1 100%) !important; border-radius: 30px !important; border: 1px solid rgba(207, 51, 104, 0.18) !important; box-shadow: 0 22px 60px rgba(13, 59, 74, 0.12) !important; overflow: hidden !important; padding: 15px !important; }

.first-activity-div::before, .second-activity-div::before, .third-activity-div::before { content: "" !important; position: absolute !important; inset: 18px !important; border: 1px solid rgba(255, 255, 255, 0.55) !important; border-radius: 24px !important; pointer-events: none !important; z-index: 1 !important; }

.first-activity-div .row, .second-activity-div .row, .third-activity-div .row { align-items: center !important; position: relative !important; z-index: 2 !important; }

.first-activity-div .card-cover, .second-activity-div .card-cover, .third-activity-div .card-cover { border-radius: 28px !important; border: 4px solid #ffffff !important; box-shadow: 0 24px 55px rgba(13, 59, 74, 0.18) !important; transform: rotate(-2deg) !important; transition: transform 0.4s ease, box-shadow 0.4s ease !important; }

.second-activity-div .card-cover { transform: rotate(2deg) !important; }

.first-activity-div .black-screen, .second-activity-div .black-screen, .third-activity-div .black-screen { background: linear-gradient(180deg, rgba(13, 59, 74, 0.05), rgba(13, 59, 74, 0.2)) !important; opacity: 1 !important; }

.first-activity-title, .second-activity-title, .third-activity-title { margin-bottom: 28px !important; }

.first-activity-title h2, .second-activity-title h2, .third-activity-title h2 { color: #0d3b4a !important; text-transform: uppercase !important; font-weight: 600 !important; margin-bottom: 16px !important; line-height: 1.08 !important; }

.first-activity-title h3, .second-activity-title h3, .third-activity-title h3 { color: #cf3368 !important; font-weight: 700 !important; margin: 0 !important; line-height: 1.25 !important; }

.first-activity-div .lead, .second-activity-div .lead, .third-activity-div .lead { max-width: 680px !important; padding: 24px 0 0 24px !important; border-left: 3px solid #cf3368 !important; margin-top: 0 !important; }

.first-activity-div .lead p, .second-activity-div .lead p, .third-activity-div .lead p { color: #0d3b4a !important; line-height: 1.8 !important; margin: 0 !important; }

.first-activity-div .background-image-div-opacity, .second-activity-div .background-image-div-opacity, .third-activity-div .background-image-div-opacity { opacity: 0 !important; }

@media screen and (max-width: 992px) { .first-activity-div, .second-activity-div, .third-activity-div { padding: 40px 22px !important; border-radius: 24px !important; } .first-activity-div::before, .second-activity-div::before, .third-activity-div::before { inset: 12px !important; border-radius: 20px !important; } .first-activity-div .row, .second-activity-div .row, .third-activity-div .row { gap: 24px !important; padding-left: 0 !important; padding-right: 0 !important; } .first-activity-div .card-cover, .second-activity-div .card-cover, .third-activity-div .card-cover { min-height: 320px !important; transform: none !important; } .first-activity-div .lead, .second-activity-div .lead, .third-activity-div .lead { padding: 18px 0 0 18px !important; } }

@media screen and (max-width: 576px) { .first-activity-div, .second-activity-div, .third-activity-div { padding: 32px 16px !important; margin-top: 28px !important; margin-bottom: 28px !important; } .first-activity-div .card-cover, .second-activity-div .card-cover, .third-activity-div .card-cover { min-height: 260px !important; border-radius: 22px !important; } .first-activity-div .lead, .second-activity-div .lead, .third-activity-div .lead { border-left-width: 3px !important; } }

/********************************************************* NAVBAR *****************************************/
.navbar { position: fixed !important; top: .25rem; left: 0; right: 0; z-index: 1000; max-width: 1400px; margin: auto; padding: 1rem 2rem !important; height: auto; border-radius: 2rem; transition: all 0.8s ease; background-color: transparent !important; }

nav.navbar.scrolled { background: #f7c6d6 !important; backdrop-filter: blur(8px); background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FnbZncaI93qhJ7m2SMJLi8z6Vi5p2%2Fimages%2FLogo_header_wkgo.webp) !important; background-repeat: no-repeat !important; background-position: right bottom !important; background-size: 25% !important; }

.nav-inner { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; height: 100%; width: 100%; }

.nav-left { display: flex; align-items: center; gap: 1.5rem; justify-content: flex-start; }

.nav-center { display: flex; align-items: center; justify-content: center; width: 12rem; justify-self: center; }

.nav-right { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }

.nav-logo { position: absolute; top: 0; height: 8rem; display: flex; flex-direction: column; align-items: center; padding: 1rem 1rem 0; width: 12rem; transition: all .8s ease; }

.nav-logo img { transition: all .8s ease; }

.nav-logo img { height: 100%; object-fit: contain; }

.navbar.scrolled .nav-logo img:nth-child(1) { height: 0; opacity: 0; }

.navbar.scrolled .nav-logo { height: 100%; width: 14rem; gap: 0; }

.navbar.scrolled .nav-logo:hover { transform: scale(1.025); }

.navbar.scrolled .nav-logo img:nth-child(2) { filter: invert(0); }

.navbar:has(.burger.open) .nav-logo img:nth-child(1) { height: 0; opacity: 0; }

.navbar:has(.burger.open) .nav-logo { height: 100%; width: 14rem; gap: 0; }

.nav-link { font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.06em; color: #ffffff !important; text-decoration: none !important; padding: 6px 14px !important; position: relative; white-space: nowrap; transition: color 0.5s ease, transform 0.5s ease !important; }

.nav-link:hover { transform: scale(1.05); }

nav.navbar.scrolled .nav-link { color: #cf3368 !important; }

.btn-nav-outline { border: 1.5px solid #fcfcfc !important; color: #fcfcfc; background: transparent !important; }

.btn-nav-phone { display: inline-flex !important; align-items: center !important; gap: 0 !important; border: 1px solid #fcfcfc !important; color: #fcfcfc !important; background: transparent !important; text-decoration: none; white-space: nowrap !important; overflow: hidden !important; max-width: 48px !important; transition: max-width 0.8s ease-out, gap 0.6s ease-out, padding 0.8s ease-out !important; }

.btn-nav-phone .phone-number { max-width: 0; overflow: hidden; opacity: 0; transition: max-width 0.8s ease, opacity 0.3s ease !important; }

.btn-nav-phone:hover { max-width: 200px !important; gap: 8px !important; }

.btn-nav-phone:hover .phone-number { max-width: 160px !important; opacity: 1; }

/* Version mobile : numéro toujours visible */
.btn-nav-phone--mobile { max-width: 320px !important; gap: 8px !important; justify-content: center; }

.btn-nav-phone--mobile .phone-number { max-width: none; opacity: 1; }

.burger { display: none; background-color: transparent !important; border: 1.5px solid #fcfcfc; border-radius: 6px; width: 36px; height: 36px; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 0; }

.burger span { display: block; width: 18px; height: 1.5px; background: #fcfcfc; transition: transform 0.25s, opacity 0.2s; }

.burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }

.burger.open span:nth-child(2) { opacity: 0; }

.burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

.mobile-menu { display: none; flex-direction: column; align-items: center; gap: 0; background: rgba(51, 53, 43, 0.5) !important; backdrop-filter: blur(8px); padding: 16px 0 20px; position: fixed; top: 64px; left: 0; right: 0; z-index: 150; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); }

.mobile-menu.open { display: flex; }

.mobile-menu .nav-link { font-size: 14px; padding: 12px 24px; width: 100%; text-align: center; }

.mobile-menu .nav-link::after { display: none; }

.mobile-divider { width: 48px; height: 0.5px; background: #e0ddd6; margin: 8px 0; }

.mobile-buttons { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 4px 24px 0; width: 100%; }

.mobile-buttons .btn-nav { width: 100%; max-width: 320px; text-align: center; display: block; }

@media (max-width: 992px) { .nav-left, .nav-right { display: none; } .nav-inner { grid-template-columns: 1fr 1fr; } .nav-center { justify-content: start; } .burger { display: flex; } .nav-right-mobile { display: flex; justify-content: flex-end; align-items: center; } }

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