.elementor-kit-1942{--e-global-color-primary:#EF4F23;--e-global-color-secondary:#001E39;--e-global-color-text:#18191A;--e-global-color-accent:#EF4F23;--e-global-color-ccf6784:#AFDDFF;--e-global-color-2fba113:#FFFFFF;--e-global-color-12b7cff:#FF8A6A;--e-global-color-f3a84ec:#F9F9F9;--e-global-color-eccbce6:#633E3E;--e-global-color-175aa5b:#0A2337;--e-global-color-19b6185:#F7F7FC;--e-global-color-8559215:#494949;--e-global-color-9ff0bfc:#6D7B86;--e-global-color-6e066cc:#FF8A6A;--e-global-color-92c241a:#1E3E6D;--e-global-color-e110b94:#F1AF4E;--e-global-color-ae2abf5:#F7F7FC;--e-global-color-bd63e04:#F7F7FC1C;--e-global-color-a35b3ba:#1D1C1C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:36px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f612eb3-font-family:"Montserrat";--e-global-typography-f612eb3-font-size:14px;--e-global-typography-f612eb3-font-weight:400;--e-global-typography-e6f29cc-font-family:"Montserrat";--e-global-typography-e6f29cc-font-size:28px;--e-global-typography-e6f29cc-font-weight:bold;--e-global-typography-d6f39be-font-family:"Montserrat";--e-global-typography-d6f39be-font-size:30px;--e-global-typography-d6f39be-font-weight:bold;}.elementor-kit-1942 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1942{--e-global-typography-e6f29cc-font-size:28px;--e-global-typography-d6f39be-font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* =================================================================
   DB ASSISTANCE — CUSTOM CSS ELEMENTOR
   Version corrigée — padding horizontal supprimé sur hero/urgency/cta
   ================================================================= */

/* -----------------------------------------------------------------
   0. VARIABLES GLOBALES
   ----------------------------------------------------------------- */
:root {
  --db-principal: #EF4F23;
  --db-secondaire: #001E39;
  --db-texte: #18191A;
  --db-navy: #001E39;
  --db-blue: #1E3E6D;
  --db-blue-bricks: #0A2337;
  --db-blue-50: #AFDDFF;
  --db-blue-100: #D6E4F0;
  --db-coral: #EF4F23;
  --db-coral-light: #FF8A6A;
  --db-coral-dark: #C9401A;
  --db-jaune-etoile: #F1AF4E;
  --db-amber-50: #FFF7EB;
  --db-amber-500: #F1AF4E;
  --db-amber-700: #B45309;
  --db-amber-800: #92400E;
  --db-green-50: #F0FDF4;
  --db-green-600: #16A34A;
  --db-green-800: #166534;
  --db-gray-50: #F8FAFC;
  --db-gray-100: #F1F5F9;
  --db-gray-200: #E2E8F0;
  --db-gray-border: #6D7B86;
  --db-gray-400: #6D7B86;
  --db-gray-500: #494949;
  --db-gray-600: #494949;
  --db-gray-700: #1D1C1C;
  --db-gray-800: #18191A;
  --db-radius: 12px;
  --db-radius-sm: 8px;
  --db-font: 'Montserrat', sans-serif;
}


/* -----------------------------------------------------------------
   0.1 TYPOGRAPHIE GLOBALE
   ----------------------------------------------------------------- */
[class*="db-"],
[class*="db-"] h1,
[class*="db-"] h2,
[class*="db-"] h3,
[class*="db-"] h4,
[class*="db-"] p,
[class*="db-"] span,
[class*="db-"] a,
[class*="db-"] li,
[class*="db-"] td,
[class*="db-"] th,
[class*="db-"] label,
[class*="db-"] input,
[class*="db-"] select,
[class*="db-"] textarea,
[class*="db-"] button,
[class*="db-"] .elementor-heading-title,
[class*="db-"] .elementor-text-editor,
[class*="db-"] .elementor-text-editor p,
[class*="db-"] .elementor-icon-box-title,
[class*="db-"] .elementor-icon-box-description,
[class*="db-"] .elementor-icon-list-text,
[class*="db-"] .elementor-button,
[class*="db-"] .elementor-toggle-title,
[class*="db-"] .elementor-tab-content {
  font-family: var(--db-font) !important;
}

[class*="db-"] p,
[class*="db-"] .elementor-text-editor p,
[class*="db-"] .elementor-text-editor,
[class*="db-"] .elementor-widget-container p {
  font-size: 14px !important;
  color: #0A2337 !important;
  line-height: 1.7 !important;
}

/* EXCEPTIONS : textes blancs sur fonds sombres */
.db-hero p,
.db-hero .elementor-text-editor p,
.db-hero .elementor-text-editor,
.db-hero .elementor-widget-container p {
  color: rgba(255,255,255,0.8) !important;
}
.db-hero-badge p,
.db-hero-badge .elementor-text-editor p {
  color: #FFFFFF !important;
}
.db-hero-speed p,
.db-hero-speed .elementor-text-editor p {
  color: #FFFFFF !important;
}
.db-alert-badge p,
.db-alert-badge .elementor-text-editor p {
  color: #FFFFFF !important;
}
.db-urgency-bar p,
.db-urgency-bar .elementor-text-editor p,
.db-urgency-bar .elementor-text-editor {
  color: #FFFFFF !important;
}
.db-cta-band p,
.db-cta-band .elementor-text-editor p,
.db-cta-band .elementor-text-editor {
  color: rgba(255,255,255,0.6) !important;
}

.db-hero p,
.db-hero .elementor-text-editor p,
.db-hero .elementor-widget-container p,
.db-hero .elementor-text-editor,
.db-hero [class*="db-"] p,
.db-hero [class*="db-"] .elementor-text-editor p,
.db-hero [class*="db-"] .elementor-text-editor,
.db-hero [class*="db-"] .elementor-widget-container p {
  color: #FFFFFF !important;
}
.db-urgency-bar p,
.db-urgency-bar .elementor-text-editor p,
.db-urgency-bar .elementor-widget-container p,
.db-urgency-bar .elementor-text-editor,
.db-urgency-bar [class*="db-"] p,
.db-urgency-bar [class*="db-"] .elementor-text-editor p {
  color: #FFFFFF !important;
}
.db-cta-band p,
.db-cta-band .elementor-text-editor p,
.db-cta-band .elementor-widget-container p,
.db-cta-band .elementor-text-editor,
.db-cta-band [class*="db-"] p,
.db-cta-band [class*="db-"] .elementor-text-editor p {
  color: #FFFFFF !important;
}

/* H2 globaux */
[class*="db-"]:not(.db-hero):not(.db-urgency-bar):not(.db-cta-band) h2,
[class*="db-"]:not(.db-hero):not(.db-urgency-bar):not(.db-cta-band) h2.elementor-heading-title {
  font-size: 30px !important;
  color: #1E3E6D !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}
.db-hero h2,
.db-hero h2.elementor-heading-title {
  font-size: 30px !important;
  color: #FFFFFF !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}
.db-urgency-bar h2,
.db-urgency-bar h2.elementor-heading-title {
  font-size: 30px !important;
  color: #FFFFFF !important;
}
.db-cta-band h2,
.db-cta-band h2.elementor-heading-title {
  font-size: 30px !important;
  color: #FFFFFF !important;
}


/* =================================================================
   1. HERO — CORRIGÉ padding horizontal 0
   ================================================================= */
.db-hero {
  background: linear-gradient(135deg, var(--db-navy) 0%, var(--db-blue-bricks) 50%, var(--db-blue) 100%) !important;
  padding: 56px 0 48px !important;
  position: relative;
  overflow: hidden;
}
.db-hero-title h1,
.db-hero-title .elementor-heading-title {
  color: #FFFFFF !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.db-hero .db-hero-text,
.db-hero .db-hero-text p,
.db-hero-text,
.db-hero-text p {
  color: #FFFFFF !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.db-hero-text a {
  color: var(--db-blue-50) !important;
  text-decoration: underline !important;
}
.db-hero-badge {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
}
.db-hero-badge .elementor-widget-container {
  display: inline-block !important;
}
.db-hero-badge .elementor-text-editor {
  display: inline-block !important;
}
.db-hero .db-hero-badge .elementor-text-editor p,
.db-hero .db-hero-badge p,
.db-hero-badge .elementor-text-editor p,
.db-hero-badge p {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  padding: 6px 16px !important;
  border-radius: 24px !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.4 !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
.db-hero-speed {
  display: inline-block !important;
  width: auto !important;
  background: transparent !important;
}
.db-hero-speed .elementor-widget-container,
.db-hero-speed .elementor-text-editor {
  display: inline-block !important;
  background: transparent !important;
}
.db-hero .db-hero-speed .elementor-text-editor p,
.db-hero .db-hero-speed p,
.db-hero-speed .elementor-text-editor p,
.db-hero-speed p {
  background: var(--db-coral) !important;
  color: #FFFFFF !important;
  padding: 8px 18px !important;
  border-radius: 24px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.db-hero .db-hero-trust,
.db-hero .db-hero-trust p,
.db-hero-trust,
.db-hero-trust p {
  color: #FFFFFF !important;
  font-size: 13px !important;
}
.db-hero .db-hero-trust strong,
.db-hero-trust strong {
  color: #FFFFFF !important;
}
.db-btn-coral .elementor-button {
  background-color: var(--db-coral) !important;
  border-color: var(--db-coral) !important;
  color: #FFFFFF !important;
  border-radius: var(--db-radius-sm) !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  font-size: 15px !important;
  transition: all 0.2s !important;
}
.db-btn-coral .elementor-button:hover {
  background-color: var(--db-coral-dark) !important;
  transform: translateY(-1px);
}
.db-btn-outline-white .elementor-button {
  background-color: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.4) !important;
  color: #FFFFFF !important;
  border-radius: var(--db-radius-sm) !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
}


/* =================================================================
   2. RÉASSURANCE
   ================================================================= */
.db-reassurance {
  background: var(--db-gray-50) !important;
  border-bottom: 1px solid var(--db-gray-200) !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.db-reassurance > .elementor-container {
  gap: 0 !important;
}
.db-rea-item {
  text-align: center !important;
  padding: 20px 16px !important;
  border-right: 1px solid var(--db-gray-200) !important;
}
.db-rea-item:last-child {
  border-right: none !important;
}
.db-rea-item .elementor-icon-box-icon {
  margin: 0 auto 8px !important;
}
.db-rea-item .elementor-icon {
  background: var(--db-blue) !important;
  color: #FFFFFF !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.db-rea-item .elementor-icon i,
.db-rea-item .elementor-icon svg {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.db-rea-item .elementor-icon-box-title {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--db-gray-700) !important;
}


/* =================================================================
   3. PARTICULIERS/PROS — Cards clients
   ================================================================= */
.db-client-card {
  background: #FFFFFF !important;
  border: 1px solid var(--db-gray-200) !important;
  border-top: 4px solid var(--db-blue) !important;
  border-radius: var(--db-radius) !important;
  padding: 24px !important;
  transition: all 0.2s !important;
}
.db-client-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  transform: translateY(-2px);
}
.db-client-card-title .elementor-heading-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--db-blue) !important;
}
.db-local-tag,
.db-local-tag p {
  font-size: 11px !important;
  color: var(--db-coral) !important;
  font-weight: 500 !important;
  font-style: italic !important;
  margin-top: 10px !important;
}


/* =================================================================
   4. BLOC RÉGLEMENTAIRE — CORRIGÉ
   ================================================================= */
.db-alert-reglementation {
  background: var(--db-amber-50) !important;
  border-left: 5px solid var(--db-amber-500) !important;
  border-radius: 0 var(--db-radius-sm) var(--db-radius-sm) 0 !important;
  padding: 24px 28px !important;
}
.db-alert-badge {
  display: inline-block !important;
  width: auto !important;
}
.db-alert-badge .elementor-widget-container {
  display: inline-block !important;
}
.db-alert-badge .elementor-text-editor {
  display: inline-block !important;
}
.db-alert-badge .elementor-text-editor p,
.db-alert-badge p {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--db-coral) !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 100px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 10px 0 !important;
}

.db-alert-title .elementor-heading-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--db-amber-800) !important;
}
.db-alert-text,
.db-alert-text p {
  font-size: 14px !important;
  color: #0A2337 !important;
  line-height: 1.6 !important;
}


/* =================================================================
   5. STEPPER 5 ÉTAPES
   ================================================================= */
.db-stepper-section {
  background: var(--db-gray-50) !important;
}
.db-step {
  padding-bottom: 32px !important;
  position: relative !important;
}
.db-step:last-child {
  padding-bottom: 0 !important;
}
.db-step::after {
  display: none !important;
}
.db-step-num {
  position: relative !important;
  z-index: 1 !important;
}
.db-step-num .elementor-widget-container {
  display: flex !important;
  justify-content: center !important;
}
.db-step-num .elementor-heading-title {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 50% !important;
  background: var(--db-blue) !important;
  color: #FFFFFF !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 2 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.db-step-num::after {
  content: '' !important;
  position: absolute !important;
  top: 48px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 2px !important;
  height: calc(100% + 32px) !important;
  background: var(--db-gray-200) !important;
  z-index: 0 !important;
}
.db-step:last-child .db-step-num::after {
  display: none !important;
}
.db-step > .e-con:first-child,
.db-step > .elementor-column:first-child,
.db-step > .elementor-element:first-child {
  overflow: visible !important;
  position: relative !important;
}
.db-step-title .elementor-heading-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--db-gray-800) !important;
}
.db-step-body,
.db-step-body p {
  font-size: 14px !important;
  color: #0A2337 !important;
  line-height: 1.7 !important;
}
.db-step-pills span,
.db-step-pills .elementor-text-editor span {
  display: inline-block !important;
  font-size: 11px !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  background: var(--db-blue-50) !important;
  color: var(--db-blue) !important;
  font-weight: 500 !important;
  margin: 3px 3px 3px 0 !important;
}
.db-step-plus {
  background: var(--db-gray-50) !important;
  border-left: 3px solid var(--db-blue) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  margin-top: 12px !important;
}
.db-step-plus strong {
  color: var(--db-blue) !important;
  font-size: 12px !important;
}
.db-step-plus p {
  font-size: 14px !important;
  color: #0A2337 !important;
}


/* =================================================================
   6. RÉACTIVITÉ + TRANSPARENCE — Dual cards
   ================================================================= */
.db-info-card {
  background: #FFFFFF !important;
  border: 1px solid var(--db-gray-200) !important;
  border-radius: var(--db-radius) !important;
  padding: 28px !important;
}
.db-info-card h2,
.db-info-card h2.elementor-heading-title,
.db-info-card .elementor-heading-title {
  color: var(--db-coral) !important;
}
.db-info-card-dark {
  background: #0A2337 !important;
  border: none !important;
  border-radius: var(--db-radius) !important;
  padding: 28px !important;
}
.db-info-card-dark h2,
.db-info-card-dark h2.elementor-heading-title,
.db-info-card-dark .elementor-heading-title {
  color: #FFFFFF !important;
}
.db-info-card-dark p,
.db-info-card-dark .elementor-text-editor p,
.db-info-card-dark .elementor-widget-container p,
.db-info-card-dark .elementor-text-editor {
  color: #FFFFFF !important;
  font-size: 14px !important;
}
.db-info-card-dark .db-check-list .elementor-icon-list-text {
  color: #FFFFFF !important;
  font-size: 14px !important;
}
.db-info-card-dark .db-check-list .elementor-icon-list-icon i {
  color: var(--db-coral) !important;
}
.db-info-card-dark .db-check-list .elementor-icon-list-item {
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.db-check-list .elementor-icon-list-icon i {
  color: var(--db-green-600) !important;
}
.db-check-list .elementor-icon-list-text {
  font-size: 14px !important;
  color: #0A2337 !important;
}
.db-check-list .elementor-icon-list-item {
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--db-gray-100) !important;
}


/* =================================================================
   7. CARTE + ZONES D'INTERVENTION
   ================================================================= */
.db-zones-section {
  background: var(--db-gray-50) !important;
}
.db-zone-card {
  background: #FFFFFF !important;
  border: 1px solid var(--db-gray-200) !important;
  border-left: 4px solid var(--db-blue) !important;
  border-radius: var(--db-radius-sm) !important;
  padding: 18px !important;
}
.db-zone-card-title .elementor-heading-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--db-blue) !important;
}
.db-zone-rows .city-row {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 12px !important;
  color: #0A2337 !important;
  padding: 4px 0 !important;
  border-bottom: 1px solid #F1F5F9 !important;
}
.db-zone-rows .city-row:last-child {
  border-bottom: none !important;
}
.db-zone-rows .time {
  color: var(--db-coral) !important;
  font-weight: 600 !important;
}
.db-carte-78 {
  background: var(--db-gray-50) !important;
  border-radius: var(--db-radius) !important;
  padding: 24px !important;
  border: 1px solid var(--db-gray-200) !important;
}
.db-carte-78 img {
  border-radius: var(--db-radius-sm) !important;
}
.db-city-chips a,
.db-city-chips .elementor-text-editor a {
  display: inline-block !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
  border-radius: 24px !important;
  background: var(--db-blue-50) !important;
  color: var(--db-blue) !important;
  font-weight: 500 !important;
  border: 1px solid var(--db-blue-50) !important;
  text-decoration: none !important;
  margin: 4px !important;
  transition: all 0.15s !important;
}
.db-city-chips a:hover {
  background: var(--db-blue) !important;
  color: #FFFFFF !important;
  border-color: var(--db-blue) !important;
}


/* =================================================================
   8. POURQUOI DB ASSISTANCE — Why cards
   ================================================================= */
.db-why-card {
  background: #FFFFFF !important;
  border: 1px solid var(--db-gray-200) !important;
  border-radius: var(--db-radius) !important;
  padding: 28px !important;
  text-align: center !important;
}
.db-why-card .elementor-icon-box-icon {
  margin: 0 auto 16px !important;
}
.db-why-card .elementor-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: var(--db-gray-50) !important;
  border: 2px solid var(--db-blue) !important;
  font-size: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.db-why-card .elementor-icon i,
.db-why-card .elementor-icon svg {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
}
.db-why-card .elementor-icon-box-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--db-gray-800) !important;
}
.db-why-card .elementor-icon-box-description {
  font-size: 14px !important;
  color: #0A2337 !important;
}


/* =================================================================
   9. BANDEAU URGENCE — CORRIGÉ padding horizontal 0
   ================================================================= */
.db-urgency-bar {
  background: var(--db-coral) !important;
  padding: 20px 0 !important;
}
.db-urgency-bar .elementor-heading-title,
.db-urgency-bar p {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.db-btn-white .elementor-button {
  background: #FFFFFF !important;
  color: var(--db-coral) !important;
  border-radius: var(--db-radius-sm) !important;
  font-weight: 600 !important;
}


/* =================================================================
   10. BANDEAU CTA — CORRIGÉ padding horizontal 0
   ================================================================= */
.db-cta-band {
  background: var(--db-navy) !important;
  padding: 36px 0 !important;
}
.db-cta-band .elementor-heading-title {
  color: #FFFFFF !important;
}
.db-cta-band p {
  color: rgba(255,255,255,0.6) !important;
}


/* =================================================================
   11. AVANTAGES PROS
   ================================================================= */
.db-avantages-list .elementor-icon-list-icon i {
  color: var(--db-green-600) !important;
  font-size: 18px !important;
}
.db-avantages-list .elementor-icon-list-text {
  font-size: 14px !important;
  color: #0A2337 !important;
}
.db-avantages-list .elementor-icon-list-item {
  margin-bottom: 12px !important;
}


/* =================================================================
   12. ENGAGEMENTS
   ================================================================= */
.db-engage-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 16px !important;
  background: var(--db-gray-50) !important;
  border-radius: var(--db-radius-sm) !important;
}
.db-engage-item .elementor-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  background: var(--db-green-50) !important;
  color: var(--db-green-600) !important;
  border-radius: 50% !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.db-engage-item .elementor-icon i,
.db-engage-item .elementor-icon svg {
  font-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
}


/* =================================================================
   13. AVIS CLIENTS
   ================================================================= */
.db-review-card {
  background: #FFFFFF !important;
  border: 1px solid var(--db-gray-200) !important;
  border-radius: var(--db-radius) !important;
  padding: 20px !important;
}
.db-review-stars .elementor-star-rating__wrapper i {
  color: var(--db-jaune-etoile) !important;
}
.db-review-text,
.db-review-text p {
  font-size: 14px !important;
  color: #0A2337 !important;
  line-height: 1.6 !important;
  font-style: italic !important;
}
.db-review-author,
.db-review-author p {
  font-size: 12px !important;
  color: var(--db-gray-400) !important;
  font-weight: 500 !important;
  margin-top: 10px !important;
}


/* =================================================================
   14. NORMES
   ================================================================= */
.db-norm-item {
  padding: 20px !important;
  background: var(--db-gray-50) !important;
  border-radius: var(--db-radius-sm) !important;
  text-align: center !important;
}
.db-norm-item .elementor-icon-box-icon {
  margin: 0 auto 8px !important;
}
.db-norm-item .elementor-icon {
  font-size: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.db-norm-item .elementor-icon i,
.db-norm-item .elementor-icon svg {
  font-size: 28px !important;
  width: 28px !important;
  height: 28px !important;
}
.db-norm-item .elementor-icon-box-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--db-gray-700) !important;
}


/* =================================================================
   15. TYPES DE PORTES
   ================================================================= */
.db-type-card {
  background: #FFFFFF !important;
  border: 1px solid var(--db-gray-200) !important;
  border-radius: var(--db-radius) !important;
  padding: 24px !important;
  transition: all 0.2s !important;
}
.db-type-card:hover {
  border-color: var(--db-blue) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
.db-type-title .elementor-heading-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--db-blue) !important;
}
.db-type-sub,
.db-type-sub p {
  font-size: 12px !important;
  color: var(--db-gray-400) !important;
}
.db-type-icon {
  width: 40px !important;
  max-width: 40px !important;
  min-width: 40px !important;
  flex-shrink: 0 !important;
}
.db-type-icon .elementor-widget-container {
  width: 40px !important;
  height: 40px !important;
}
.db-type-icon .elementor-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  background: var(--db-gray-50) !important;
  border-radius: var(--db-radius-sm) !important;
  border: 1px solid var(--db-gray-200) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 18px !important;
  color: var(--db-blue) !important;
}
.db-type-icon .elementor-icon i,
.db-type-icon .elementor-icon svg {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--db-blue) !important;
  fill: var(--db-blue) !important;
}
.db-type-card-full {
  grid-column: 1 / -1 !important;
}


/* =================================================================
   16. TABLEAU RÉCAPITULATIF
   ================================================================= */
.db-data-table {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.db-data-table table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-radius: var(--db-radius-sm) !important;
  overflow: hidden !important;
  border: 1px solid var(--db-gray-200) !important;
  min-width: 520px !important;
}
.db-data-table table th {
  background: var(--db-blue) !important;
  color: #FFFFFF !important;
  padding: 12px 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: left !important;
}
.db-data-table table td {
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #0A2337 !important;
  border-bottom: 1px solid var(--db-gray-100) !important;
}
.db-data-table table tr:last-child td {
  border-bottom: none !important;
}
.db-data-table table tr:hover td {
  background: var(--db-gray-50) !important;
}
.db-data-table .type-name {
  font-weight: 600 !important;
  color: var(--db-blue) !important;
}


/* =================================================================
   17. DÉPARTEMENTS LIMITROPHES
   ================================================================= */
.db-dept-card {
  background: #FFFFFF !important;
  border: 1px solid var(--db-gray-200) !important;
  border-radius: var(--db-radius) !important;
  padding: 20px !important;
  text-align: center !important;
  transition: all 0.2s !important;
}
.db-dept-card:hover {
  border-color: var(--db-blue) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
.db-dept-code .elementor-heading-title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--db-blue) !important;
}
.db-dept-name .elementor-heading-title {
  font-size: 14px !important;
  color: #0A2337 !important;
}


/* =================================================================
   18. FAQ
   ================================================================= */
.db-faq .elementor-toggle-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--db-gray-800) !important;
}
.db-faq .elementor-toggle-icon .elementor-toggle-icon-closed,
.db-faq .elementor-toggle-icon .elementor-toggle-icon-opened {
  color: var(--db-blue) !important;
}
.db-faq .elementor-tab-content {
  font-size: 14px !important;
  color: #0A2337 !important;
  line-height: 1.7 !important;
}
.db-faq .elementor-toggle-item {
  border-bottom: 1px solid var(--db-gray-200) !important;
  border-top: none !important;
}


/* =================================================================
   19. BLOC "À RETENIR"
   ================================================================= */
.db-summary-box {
  background: var(--db-green-50) !important;
  border: 1px solid #BBF7D0 !important;
  border-radius: var(--db-radius) !important;
  padding: 24px !important;
}
.db-summary-box .elementor-heading-title {
  color: var(--db-green-800) !important;
}
.db-summary-box .elementor-icon-list-text {
  color: var(--db-green-800) !important;
}
.db-summary-box .elementor-icon-list-icon i {
  color: var(--db-green-600) !important;
}


/* =================================================================
   20. FORMULAIRE
   ================================================================= */
.db-form-section {
  background: var(--db-gray-50) !important;
}
.db-form-box {
  background: var(--db-gray-50) !important;
  border-radius: var(--db-radius) !important;
  padding: 32px !important;
}


/* =================================================================
   21. CLASSES UTILITAIRES
   ================================================================= */
.db-section-title .elementor-heading-title {
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #1E3E6D !important;
  line-height: 1.3 !important;
}
.db-section-sub,
.db-section-sub p {
  font-size: 14px !important;
  color: #0A2337 !important;
  line-height: 1.6 !important;
}
.db-bg-gray {
  background: var(--db-gray-50) !important;
}
.db-bg-navy {
  background: var(--db-navy) !important;
}
.db-bg-navy .elementor-heading-title {
  color: #FFFFFF !important;
}
.db-bg-navy p {
  color: rgba(255,255,255,0.6) !important;
}
.db-btn-blue .elementor-button {
  background-color: var(--db-blue) !important;
  border-color: var(--db-blue) !important;
  color: #FFFFFF !important;
  border-radius: var(--db-radius-sm) !important;
  font-weight: 600 !important;
}
.db-img-rounded img {
  border-radius: var(--db-radius) !important;
}
.db-text-local,
.db-text-local p {
  font-size: 12px !important;
  color: var(--db-coral) !important;
  font-style: italic !important;
}


/* =================================================================
   22. RESPONSIVE — TABLETTE (max-width: 1024px)
   ================================================================= */
@media (max-width: 1024px) {
  .db-hero {
    padding: 40px 0 36px !important;
  }
  .db-hero-title h1,
  .db-hero-title .elementor-heading-title {
    font-size: 28px !important;
  }
  .db-hero-speed .elementor-text-editor p,
  .db-hero-speed p {
    font-size: 11px !important;
    padding: 6px 14px !important;
  }
  .db-reassurance > .elementor-container,
  .db-reassurance > .elementor-container > .elementor-element {
    flex-wrap: wrap !important;
  }
  .db-rea-item {
    flex: 1 1 30% !important;
    min-width: 30% !important;
  }
  .db-hero ~ .elementor-section,
  .db-stepper-section,
  .db-zones-section,
  .db-form-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  [class*="db-"] h2,
  [class*="db-"] h2.elementor-heading-title {
    font-size: 24px !important;
  }
  .db-section-title .elementor-heading-title {
    font-size: 24px !important;
  }
  .db-client-card {
    flex: 1 1 45% !important;
    min-width: 45% !important;
  }
  .db-why-card {
    flex: 1 1 45% !important;
    min-width: 45% !important;
  }
  .db-carte-78 {
    min-height: 280px !important;
  }
  .db-review-card {
    flex: 1 1 45% !important;
    min-width: 45% !important;
  }
  .db-norm-item {
    flex: 1 1 30% !important;
    min-width: 30% !important;
  }
  .db-type-card {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
  .db-type-card-full {
    flex: 1 1 100% !important;
  }
  .db-data-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .db-data-table table {
    font-size: 12px !important;
    min-width: 520px !important;
  }
  .db-data-table table th,
  .db-data-table table td {
    padding: 10px 12px !important;
  }
  .db-dept-card {
    flex: 1 1 30% !important;
    min-width: 30% !important;
  }
  .db-engage-item {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
  .db-urgency-bar {
    padding: 20px 0 !important;
  }
  .db-cta-band {
    padding: 36px 0 !important;
  }
}


/* =================================================================
   23. RESPONSIVE — MOBILE (max-width: 767px)
   ================================================================= */
@media (max-width: 767px) {
  .db-hero {
    padding: 32px 0 28px !important;
  }
  .db-hero-title h1,
  .db-hero-title .elementor-heading-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
  .db-hero-text,
  .db-hero-text p {
    font-size: 13px !important;
  }
  .db-hero-speed {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin-bottom: 12px !important;
    display: inline-block !important;
  }
  .db-hero .elementor-container,
  .db-hero .e-con {
    flex-direction: column !important;
  }
  .db-hero .elementor-column,
  .db-hero .e-con > .e-con {
    width: 100% !important;
    max-width: 100% !important;
  }
  .db-hero .elementor-button {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
  }
  .db-rea-item {
    flex: 1 1 45% !important;
    min-width: 45% !important;
    padding: 14px 10px !important;
    border-right: none !important;
    border-bottom: 1px solid var(--db-gray-200) !important;
  }
  .db-rea-item .elementor-icon {
    width: 32px !important;
    height: 32px !important;
  }
  .db-rea-item .elementor-icon i,
  .db-rea-item .elementor-icon svg {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
  }
  [class*="db-"] h2,
  [class*="db-"] h2.elementor-heading-title {
    font-size: 22px !important;
  }
  .db-section-title .elementor-heading-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
  .db-section-sub,
  .db-section-sub p {
    font-size: 14px !important;
  }
  .db-client-card {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    padding: 20px !important;
  }
  .db-alert-reglementation {
    padding: 18px 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .db-step {
    padding-bottom: 24px !important;
  }
  .db-step-num .elementor-heading-title {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    font-size: 14px !important;
  }
  .db-step-num::after {
    top: 36px !important;
    height: calc(100% + 24px) !important;
  }
  .db-step-title .elementor-heading-title {
    font-size: 14px !important;
  }
  .db-step-pills span,
  .db-step-pills .elementor-text-editor span {
    font-size: 10px !important;
    padding: 3px 10px !important;
  }
  .db-info-card {
    padding: 20px !important;
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
  .db-zones-section .elementor-container,
  .db-zones-section .e-con {
    flex-direction: column !important;
  }
  .db-zones-section .elementor-column,
  .db-zones-section .e-con > .e-con {
    width: 100% !important;
    max-width: 100% !important;
  }
  .db-zone-card {
    padding: 14px !important;
  }
  .db-carte-78 {
    padding: 16px !important;
    min-height: 220px !important;
  }
  .db-city-chips a,
  .db-city-chips .elementor-text-editor a {
    font-size: 11px !important;
    padding: 5px 12px !important;
    margin: 3px !important;
  }
  .db-why-card {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    padding: 20px !important;
  }
  .db-why-card .elementor-icon {
    width: 44px !important;
    height: 44px !important;
  }
  .db-why-card .elementor-icon i,
  .db-why-card .elementor-icon svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }
  .db-urgency-bar {
    padding: 16px 0 !important;
  }
  .db-urgency-bar .elementor-container,
  .db-urgency-bar .e-con {
    flex-direction: column !important;
    gap: 12px !important;
    text-align: center !important;
  }
  .db-urgency-bar .elementor-button {
    width: 100% !important;
  }
  .db-cta-band {
    padding: 28px 0 !important;
  }
  .db-cta-band .elementor-container,
  .db-cta-band .e-con {
    flex-direction: column !important;
    gap: 16px !important;
    text-align: center !important;
  }
  .db-cta-band .elementor-button {
    width: 100% !important;
  }
  .db-avantages-list .elementor-icon-list-item {
    margin-bottom: 10px !important;
  }
  .db-avantages-list .elementor-icon-list-text {
    font-size: 13px !important;
  }
  .db-engage-item {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    padding: 14px !important;
  }
  .db-review-card {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
  .db-norm-item {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
  .db-type-card {
    padding: 18px !important;
  }
  .db-data-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .db-data-table table {
    min-width: 500px !important;
  }
  .db-data-table table th,
  .db-data-table table td {
    padding: 8px 10px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  .db-dept-card {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    padding: 16px !important;
  }
  .db-dept-code .elementor-heading-title {
    font-size: 22px !important;
  }
  .db-faq .elementor-toggle-title {
    font-size: 14px !important;
    padding: 14px 0 !important;
  }
  .db-faq .elementor-tab-content {
    font-size: 12px !important;
  }
  .db-summary-box {
    padding: 18px !important;
  }
  .db-form-section .elementor-container,
  .db-form-section .e-con {
    flex-direction: column !important;
  }
  .db-form-section .elementor-column,
  .db-form-section .e-con > .e-con {
    width: 100% !important;
    max-width: 100% !important;
  }
  .db-form-box {
    padding: 20px !important;
  }
}


/* =================================================================
   24. RESPONSIVE — PETIT MOBILE (max-width: 480px)
   ================================================================= */
@media (max-width: 480px) {
  .db-hero {
    padding: 24px 0 24px !important;
  }
  .db-hero-title h1,
  .db-hero-title .elementor-heading-title {
    font-size: 19px !important;
  }
  .db-hero-badge .elementor-text-editor p,
  .db-hero-badge p {
    font-size: 11px !important;
    padding: 4px 12px !important;
  }
  [class*="db-"] h2,
  [class*="db-"] h2.elementor-heading-title {
    font-size: 20px !important;
  }
  .db-section-title .elementor-heading-title {
    font-size: 20px !important;
  }
  .db-rea-item {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    padding: 12px 16px !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .db-rea-item .elementor-icon-box-icon {
    margin: 0 !important;
  }
  .db-rea-item .elementor-icon-box-content {
    text-align: left !important;
  }
  .db-step-num .elementor-heading-title {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 12px !important;
  }
  .db-step-num::after {
    top: 30px !important;
    height: calc(100% + 24px) !important;
  }
  .db-city-chips a,
  .db-city-chips .elementor-text-editor a {
    font-size: 10px !important;
    padding: 4px 10px !important;
  }
  .db-zone-rows .city-row {
    font-size: 11px !important;
    padding: 5px 0 !important;
  }
  .db-btn-coral .elementor-button,
  .db-btn-blue .elementor-button,
  .db-btn-outline-white .elementor-button {
    width: 100% !important;
    text-align: center !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}


/* =================================================================
   25. MÉGA-MENU DÉPARTEMENTS
   ================================================================= */
.db-mega-departements {
  display: flex !important;
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.db-mega-left {
  flex: 0 0 30% !important;
  max-width: 30% !important;
  padding: 24px 20px !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.db-mega-dept-item {
  display: block !important;
  padding: 14px 18px !important;
  border-radius: var(--db-radius-sm) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
.db-mega-dept-item:hover {
  background: rgba(239,79,35,0.08) !important;
  border-color: rgba(239,79,35,0.3) !important;
}
.db-mega-dept-item.active,
.db-mega-dept-item:first-child {
  background: rgba(239,79,35,0.08) !important;
  border-color: rgba(239,79,35,0.3) !important;
}
.db-mega-dept-item .db-mega-dept-title,
.db-mega-dept-item strong {
  color: var(--db-coral) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 2px !important;
}
.db-mega-dept-item:not(.active):not(:first-child) .db-mega-dept-title,
.db-mega-dept-item:not(.active):not(:first-child) strong {
  color: #FFFFFF !important;
}
.db-mega-dept-item:hover .db-mega-dept-title,
.db-mega-dept-item:hover strong {
  color: var(--db-coral) !important;
}
.db-mega-dept-item .db-mega-dept-sub,
.db-mega-dept-item span {
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.db-mega-dept-item .db-mega-arrow {
  float: right !important;
  color: rgba(255,255,255,0.3) !important;
  font-size: 16px !important;
  transition: all 0.2s !important;
}
.db-mega-dept-item:hover .db-mega-arrow,
.db-mega-dept-item.active .db-mega-arrow {
  color: var(--db-coral) !important;
  transform: translateX(3px) !important;
}
.db-mega-right {
  flex: 0 0 70% !important;
  max-width: 70% !important;
  padding: 24px 28px !important;
  display: flex !important;
  gap: 24px !important;
}
.db-mega-service-col {
  flex: 1 !important;
  padding: 0 !important;
}
.db-mega-service-label {
  color: var(--db-coral) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid var(--db-coral) !important;
}
.db-mega-service-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
}
.db-mega-service-item:hover {
  background: rgba(255,255,255,0.04) !important;
}
.db-mega-service-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: var(--db-radius-sm) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
}
.db-mega-service-icon.primary {
  background: var(--db-coral) !important;
  color: #FFFFFF !important;
}
.db-mega-service-icon.secondary {
  background: rgba(239,79,35,0.12) !important;
  color: var(--db-coral) !important;
}
.db-mega-service-item .db-mega-service-title {
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 2px !important;
}
.db-mega-service-item .db-mega-service-desc {
  color: rgba(255,255,255,0.55) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  display: block !important;
  line-height: 1.4 !important;
}
.db-mega-service-item:hover .db-mega-service-title {
  color: var(--db-coral) !important;
}
.db-mega-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 8px !important;
  padding: 8px 18px !important;
  background: var(--db-coral) !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.2s ease !important;
}
.db-mega-cta:hover {
  background: var(--db-coral-dark) !important;
  color: #FFFFFF !important;
}
.db-mega-discover {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--db-coral) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  margin-top: 12px !important;
  transition: gap 0.2s ease !important;
}
.db-mega-discover:hover {
  gap: 10px !important;
  color: var(--db-coral-light) !important;
}


/* =================================================================
   25.1 MÉGA-MENU — RESPONSIVE
   ================================================================= */
@media (max-width: 1024px) {
  .db-mega-departements {
    flex-direction: column !important;
  }
  .db-mega-left {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding: 16px !important;
    gap: 8px !important;
  }
  .db-mega-dept-item {
    flex: 1 1 45% !important;
    min-width: 45% !important;
    padding: 10px 14px !important;
  }
  .db-mega-right {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
  }
}
@media (max-width: 767px) {
  .db-mega-left {
    flex-direction: column !important;
    gap: 6px !important;
    padding: 12px !important;
  }
  .db-mega-dept-item {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
  .db-mega-right {
    flex-direction: column !important;
    gap: 20px !important;
    padding: 12px !important;
  }
  .db-mega-service-col {
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding-bottom: 16px !important;
  }
  .db-mega-service-col:last-child {
    border-bottom: none !important;
  }
}


/* =================================================================
   26. ONGLETS PANNES
   ================================================================= */
.db-pannes-tabs .elementor-tab-title {
  font-family: var(--db-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--db-gray-600) !important;
  padding: 14px 20px !important;
  border: 1px solid var(--db-gray-200) !important;
  border-radius: var(--db-radius-sm) var(--db-radius-sm) 0 0 !important;
  background: var(--db-gray-50) !important;
  transition: all 0.2s !important;
}
.db-pannes-tabs .elementor-tab-title:hover {
  color: var(--db-coral) !important;
  background: #FFFFFF !important;
}
.db-pannes-tabs .elementor-tab-title.elementor-active {
  color: var(--db-coral) !important;
  background: #FFFFFF !important;
  border-bottom-color: #FFFFFF !important;
  font-weight: 700 !important;
}
.db-pannes-tabs .elementor-tab-content {
  font-family: var(--db-font) !important;
  font-size: 14px !important;
  color: var(--db-gray-800) !important;
  line-height: 1.7 !important;
  padding: 24px !important;
  border: 1px solid var(--db-gray-200) !important;
  border-top: none !important;
  border-radius: 0 0 var(--db-radius-sm) var(--db-radius-sm) !important;
  background: #FFFFFF !important;
}
.db-pannes-tabs .elementor-tab-content strong {
  color: var(--db-blue) !important;
}
@media (max-width: 767px) {
  .db-pannes-tabs .elementor-tab-title {
    font-size: 13px !important;
    padding: 12px 16px !important;
  }
  .db-pannes-tabs .elementor-tab-content {
    padding: 18px 16px !important;
    font-size: 13px !important;
  }
}/* End custom CSS */