.elementor-18 .elementor-element.elementor-element-0cba5af:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-0cba5af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cynegetix.com/wp-content/uploads/2026/04/Cynegetix2.webp");background-position:center center;background-size:cover;}.elementor-18 .elementor-element.elementor-element-0cba5af > .elementor-background-overlay{background-color:#1A231BB8;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-0cba5af > .elementor-container{min-height:55vh;}.elementor-18 .elementor-element.elementor-element-0cba5af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18 .elementor-element.elementor-element-a9e6823.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-22db86e{text-align:center;}.elementor-18 .elementor-element.elementor-element-22db86e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:75px;font-weight:600;text-transform:uppercase;color:#608D18;}.elementor-18 .elementor-element.elementor-element-3677948{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-18 .elementor-element.elementor-element-3677948 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:300;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-dcafd86 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;background-image:linear-gradient(90deg, #5F8D13 0%, #2A5A10 100%);border-radius:30px 30px 30px 30px;}.elementor-18 .elementor-element.elementor-element-dcafd86{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-6e789ea > .elementor-container{max-width:1400px;}.elementor-18 .elementor-element.elementor-element-6e789ea{padding:100px 0px 100px 0px;}.elementor-18 .elementor-element.elementor-element-f0fda8d > .elementor-element-populated{margin:0px 30px 0px 0px;--e-column-margin-right:30px;--e-column-margin-left:0px;}.elementor-18 .elementor-element.elementor-element-9beb4c4{text-align:start;}.elementor-18 .elementor-element.elementor-element-9beb4c4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:10px;color:#608D18;}.elementor-18 .elementor-element.elementor-element-b62a640{text-align:start;}.elementor-18 .elementor-element.elementor-element-b62a640 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:500;color:#102332;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-0486077{text-align:start;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:#102332;}.elementor-18 .elementor-element.elementor-element-0486077 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-d54fe6b{text-align:start;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:#102332;}.elementor-18 .elementor-element.elementor-element-d54fe6b p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-2569932{text-align:start;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:#102332;}.elementor-18 .elementor-element.elementor-element-2569932 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-12971b9{text-align:start;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:#102332;}.elementor-18 .elementor-element.elementor-element-12971b9 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-144c46d .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;background-image:linear-gradient(90deg, #5F8D13 0%, #2A5A10 100%);border-radius:30px 30px 30px 30px;}.elementor-18 .elementor-element.elementor-element-144c46d{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-05c60ae img{border-radius:5px 5px 5px 5px;}.elementor-18 .elementor-element.elementor-element-dc8e0bc:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-dc8e0bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-18 .elementor-element.elementor-element-dc8e0bc > .elementor-container{max-width:1400px;}.elementor-18 .elementor-element.elementor-element-dc8e0bc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-18 .elementor-element.elementor-element-dc8e0bc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-e831527.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-18 .elementor-element.elementor-element-ce1fda7{text-align:center;}.elementor-18 .elementor-element.elementor-element-ce1fda7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:10px;color:#608D18;}.elementor-18 .elementor-element.elementor-element-a44e5f4{text-align:center;}.elementor-18 .elementor-element.elementor-element-a44e5f4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:500;color:#102332;}.elementor-18 .elementor-element.elementor-element-809fbc1{text-align:center;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:#102332;}.elementor-18 .elementor-element.elementor-element-809fbc1 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-86cbe54 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;background-image:linear-gradient(90deg, #5F8D13 0%, #2A5A10 100%);border-radius:30px 30px 30px 30px;}.elementor-18 .elementor-element.elementor-element-86cbe54{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-f0fda8d{width:70%;}.elementor-18 .elementor-element.elementor-element-85b93d8{width:30%;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-0cba5af > .elementor-container{min-height:70vh;}.elementor-18 .elementor-element.elementor-element-22db86e .elementor-heading-title{font-size:50px;}.elementor-18 .elementor-element.elementor-element-dcafd86 .elementor-button{font-size:12px;}.elementor-18 .elementor-element.elementor-element-144c46d .elementor-button{font-size:12px;}.elementor-18 .elementor-element.elementor-element-86cbe54 .elementor-button{font-size:12px;}}/* Start custom CSS for heading, class: .elementor-element-22db86e *//* Titre avec viseur très smooth gris clair */
.title-viseur {
  position: relative;
  display: inline-block;
  font-size: 48px;
  font-weight: 700;
  color: #ccc; /* texte gris clair */
  overflow: visible;
}

/* cercle pulsant légèrement */
.title-viseur::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  border: 2px solid rgba(200,200,200,0.25);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  animation: pulseSmooth 4s infinite ease-in-out;
}

/* croix centrale qui bouge doucement */
.title-viseur::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-top: 1px solid rgba(200,200,200,0.4);
  border-left: 1px solid rgba(200,200,200,0.4);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  animation: moveCrossSmooth 6s infinite alternate ease-in-out;
}

/* animation du cercle pulsant très doucement */
@keyframes pulseSmooth {
  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.25; }
  50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.5; }
}

/* animation croix smooth : plus de mouvement horizontal que vertical */
@keyframes moveCrossSmooth {
  0%   { transform: translate(-50%, -50%) rotate(45deg) translate(0px, 0px); }
  20%  { transform: translate(-50%, -50%) rotate(45deg) translate(8px, -3px); }
  40%  { transform: translate(-50%, -50%) rotate(45deg) translate(16px, 2px); }
  60%  { transform: translate(-50%, -50%) rotate(45deg) translate(8px, 3px); }
  80%  { transform: translate(-50%, -50%) rotate(45deg) translate(-8px, -2px); }
  100% { transform: translate(-50%, -50%) rotate(45deg) translate(0px, 0px); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dcafd86 */.btn-cynegetix-reticule .elementor-button {
  background: linear-gradient(135deg, #2F5D1F, #4E8F2E);
  color: #fff !important;
  border-radius: 8px;
  border: 1px solid #2F5D1F;
  padding: 14px 28px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* cercle */
.btn-cynegetix-reticule .elementor-button::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  transition: all 0.4s ease;
}

/* croix centrale */
.btn-cynegetix-reticule .elementor-button::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-top: 1px solid rgba(255,255,255,0.4);
  border-left: 1px solid rgba(255,255,255,0.4);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-cynegetix-reticule .elementor-button:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.btn-cynegetix-reticule .elementor-button:hover::before {
  opacity: 1;
}

.btn-cynegetix-reticule .elementor-button:hover {
  transform: translateY(-3px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-144c46d */.btn-cynegetix-reticule .elementor-button {
  background: linear-gradient(135deg, #2F5D1F, #4E8F2E);
  color: #fff !important;
  border-radius: 8px;
  border: 1px solid #2F5D1F;
  padding: 14px 28px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* cercle */
.btn-cynegetix-reticule .elementor-button::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  transition: all 0.4s ease;
}

/* croix centrale */
.btn-cynegetix-reticule .elementor-button::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-top: 1px solid rgba(255,255,255,0.4);
  border-left: 1px solid rgba(255,255,255,0.4);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-cynegetix-reticule .elementor-button:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.btn-cynegetix-reticule .elementor-button:hover::before {
  opacity: 1;
}

.btn-cynegetix-reticule .elementor-button:hover {
  transform: translateY(-3px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-86cbe54 */.btn-cynegetix-reticule .elementor-button {
  background: linear-gradient(135deg, #2F5D1F, #4E8F2E);
  color: #fff !important;
  border-radius: 8px;
  border: 1px solid #2F5D1F;
  padding: 14px 28px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* cercle */
.btn-cynegetix-reticule .elementor-button::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  transition: all 0.4s ease;
}

/* croix centrale */
.btn-cynegetix-reticule .elementor-button::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-top: 1px solid rgba(255,255,255,0.4);
  border-left: 1px solid rgba(255,255,255,0.4);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all 0.3s ease;
}

.btn-cynegetix-reticule .elementor-button:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.btn-cynegetix-reticule .elementor-button:hover::before {
  opacity: 1;
}

.btn-cynegetix-reticule .elementor-button:hover {
  transform: translateY(-3px);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-dc8e0bc */.hud-grid {
  position: relative;
  overflow: hidden;
}

/* GRILLE */
.hud-grid::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(rgba(76,175,80,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(76,175,80,0.08) 1px, transparent 1px);

  background-size: 40px 40px;

  pointer-events: none;
}

/* POINTS HUD */
.hud-grid::after {
  content: "";
  position: absolute;
  inset: 0;

  background-image:
    radial-gradient(circle at 20% 30%, rgba(76,175,80,0.8) 2px, transparent 3px),
    radial-gradient(circle at 70% 60%, rgba(76,175,80,0.6) 2px, transparent 3px),
    radial-gradient(circle at 40% 80%, rgba(76,175,80,0.7) 2px, transparent 3px),
    radial-gradient(circle at 85% 20%, rgba(76,175,80,0.5) 2px, transparent 3px);

  animation: hudMove 12s linear infinite;

  pointer-events: none;
}

/* ANIMATION LENTE (effet scan / mouvement) */
@keyframes hudMove {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-20px, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hud-grid::before {
  background-image:
    linear-gradient(rgba(76,175,80,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(76,175,80,0.08) 1px, transparent 1px),
    repeating-linear-gradient(45deg, rgba(76,175,80,0.03), rgba(76,175,80,0.03) 2px, transparent 2px, transparent 6px);
}/* End custom CSS */