@import url(main.css);
.dropdown-toggle { font-weight: bolder !important; }

h2 { color: #65c5c4; }

.content img, img.img-fluid, img.d-block { border-radius: 24px !important; overflow: hidden !important; clip-path: inset(0 round 24px) !important; }

/*---------------------------------------------------------BLOC SERVICES----------------------------------------*/
.bloc-k9m2-services { padding: 40px 20px; background: #0a0a15; }

.bloc-k9m2-container { max-width: calc(100% - 180px); margin: 0 auto; }

.bloc-k9m2-header { text-align: center; max-width: 900px; margin: 0 auto 40px; }

.bloc-k9m2-header h2 { margin: 0; line-height: 1.2; }

.bloc-k9m2-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }

.bloc-k9m2-card { position: relative; min-height: 430px; display: flex; align-items: flex-end; border-radius: 18px; overflow: hidden; text-decoration: none; isolation: isolate; box-shadow: 0 10px 30px rgba(255, 255, 255, 0.05); transition: transform 0.35s ease, box-shadow 0.35s ease; }

.bloc-k9m2-card:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(101, 197, 196, 0.18); }

.bloc-k9m2-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }

.bloc-k9m2-card:hover img { transform: scale(1.05); }

.bloc-k9m2-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.1) 100%); transition: background 0.35s ease; z-index: 1; }

.bloc-k9m2-card:hover .bloc-k9m2-overlay { background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.18) 100%); }

.bloc-k9m2-content { position: relative; z-index: 2; padding: 30px; width: 100%; }

.bloc-k9m2-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; }

.bloc-k9m2-content h3 { margin: 0; line-height: 1.3; color: #f8f8f8; transition: transform 0.35s ease; }

.bloc-k9m2-arrow { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid rgba(101, 197, 196, 0.55); border-radius: 50%; background: rgba(101, 197, 196, 0.12); backdrop-filter: blur(6px); transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease; }

.bloc-k9m2-arrow svg { width: 20px; height: 20px; fill: none; stroke: #65c5c4; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.bloc-k9m2-card:hover .bloc-k9m2-arrow { transform: translateX(4px) rotate(45deg); background: #65c5c4; border-color: #65c5c4; }

.bloc-k9m2-card:hover .bloc-k9m2-arrow svg { stroke: #1f1f1f; }

.bloc-k9m2-content p { margin: 14px 0 0; font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, 0.92); opacity: 0; transform: translateY(12px); transition: opacity 0.35s ease, transform 0.35s ease; }

.bloc-k9m2-card:hover .bloc-k9m2-content h3 { transform: translateY(-4px); }

.bloc-k9m2-card:hover .bloc-k9m2-content p { opacity: 1; transform: translateY(0); }

@media (max-width: 1200px) { .bloc-k9m2-container { max-width: calc(100% - 10px); } .bloc-k9m2-grid { grid-template-columns: repeat(2, 1fr); } .bloc-k9m2-content p { opacity: 1; transform: none; } }

@media (max-width: 700px) { .bloc-k9m2-grid { grid-template-columns: 1fr; } }

/*---------------------------------------------------------BLOC PICTOCARD----------------------------------------------------------------*/
.picto_card { padding: 30px 30px; margin: 10px auto; }

.picto_card .row { margin-top: 0 !important; margin-bottom: 0 !important; }

.picto_card .svg-picto-card { max-width: 500px; margin: 0 auto; }

.picto_card .svg-picto-card .text-shadow { max-width: 350px; margin-left: auto; margin-right: auto; }

/*---------------------------------------------------------BLOC TEXTE IMAGE----------------------------------------------------------------*/
/* Inverser image / texte uniquement pour le bloc #reverse */
@media (min-width: 992px) { #reverse .row.flex-lg-row-reverse { flex-direction: row !important; } }

/*---------------------------------------------------------FOOTER----------------------------------------------------------------*/
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; }

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