/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2026 | 05:55:17 */
/* =========================================================
   ACCORDEON HORIZONTAL PREMIUM
========================================================= */

.services-accordion-horizontal .e-n-accordion {
  display: flex;
  width: 100%;
  height: 490px;
  min-height: 490px;

  gap: 0;

  border-left: 1px solid #d8d8d8;

  align-items: stretch;

  overflow: hidden;
}

/* =========================================================
   COLONNES
========================================================= */

.services-accordion-horizontal .e-n-accordion-item {
  position: relative;

  flex: 0 0 13%;

  min-width: 120px;

  height: 490px;
  min-height: 490px;
  max-height: 490px;

  overflow: hidden;

  border-right: 1px solid #d8d8d8;

  transition:
    flex 0.55s ease,
    background 0.3s ease;

  background: #fff;
}

/* colonne ouverte */

.services-accordion-horizontal .e-n-accordion-item[open] {
  flex: 1 1 52%;
  position: relative;
}

/* =========================================================
   TITRE
========================================================= */

.services-accordion-horizontal .e-n-accordion-item-title {
  position: absolute;

  inset: 0;

  z-index: 5;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start !important;

  padding: 28px;

  background: transparent;

  border: 0 !important;

  cursor: pointer;
}

/* numéro */

.services-accordion-horizontal .e-n-accordion-item-title::before {
  content: attr(data-accordion-index) ".";

  font-size: 34px;

  line-height: 1;

  color: #DEE0E3;

  font-weight: 400;
}

/* titre fermé */

.services-accordion-horizontal .e-n-accordion-item-title-text {
  color: #1925aa;

  font-size: 14px;

  line-height: 1.1;

  font-weight: 700;

  max-width: 180px;
}

/* masque le + */

.services-accordion-horizontal .e-n-accordion-item-title-icon {
  display: none !important;
}

/* =========================================================
   CONTENU
========================================================= */

.services-accordion-horizontal .e-n-accordion-item > div {
  position: absolute;

  inset: 0;

  z-index: 2;

  box-sizing: border-box;

  width: 100%;

  height: 100%;

  overflow: hidden;

  opacity: 0;

  visibility: hidden;

  transform: translateY(20px);

  transition:
    opacity 0.35s ease,
    transform 0.35s ease;

  padding: 110px 15px 0 15px;
}

/* contenu visible */

.services-accordion-horizontal .e-n-accordion-item[open] > div {
  opacity: 1;

  visibility: visible;

  transform: translateY(0);
}

/* =========================================================
   TITRE OUVERT
========================================================= */

.services-accordion-horizontal .e-n-accordion-item[open] .e-n-accordion-item-title {
  pointer-events: auto;
}

.services-accordion-horizontal .e-n-accordion-item[open] .e-n-accordion-item-title-text {
  position: absolute;

  top: 78px;

  left: 28px;

  font-size: 32px;

  font-weight: 600;

  line-height: 1.1;

  max-width: 560px;
}

/* =========================================================
   TEXTE INTERNE
========================================================= */

.services-accordion-horizontal .e-n-accordion-item[open] .elementor-widget-text-editor {
  margin-top: 50px;

  max-width: 720px;

  padding-left: 15px;
}

.services-accordion-horizontal .e-n-accordion-item[open] .elementor-icon-list-items {
  max-width: 720px;

  padding-left: 15px;
}

.services-accordion-horizontal .e-n-accordion-item[open] .elementor-button {
  max-width: 720px;

  padding-left: 15px;
}

.services-accordion-horizontal .e-n-accordion-item[open] p,
.services-accordion-horizontal .e-n-accordion-item[open] .elementor-icon-list-text {
  color: #1925aa;
}

/* =========================================================
   SVG DECORATIF
========================================================= */

.services-accordion-horizontal .e-n-accordion-item[open]::after {
  content: "";
  position: absolute;
  right: -200px;
  bottom: -100px;
  width: 420px;
  height: 420px;

  background-image: url("https://www.agencesand.net/dev-ugp/wp-content/uploads/2026/05/Logo-contour.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  opacity: 0.9;

  filter: brightness(0.4);

  pointer-events: none;
  z-index: 1;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1024px) {

  .services-accordion-horizontal .e-n-accordion {
    flex-direction: column;

    height: auto;

    min-height: auto;

    border-left: 0;
  }

  .services-accordion-horizontal .e-n-accordion-item,
  .services-accordion-horizontal .e-n-accordion-item[open] {

    flex: none;

    width: 100%;

    min-width: 100%;

    height: auto;

    min-height: auto;

    max-height: none;

    border-right: 0;

    border-bottom: 1px solid #d8d8d8;
  }

  .services-accordion-horizontal .e-n-accordion-item-title {

    position: relative;

    min-height: 90px;
  }

  .services-accordion-horizontal .e-n-accordion-item > div {

    position: relative;

    opacity: 1;

    visibility: visible;

    transform: none;

    padding: 20px 28px 40px;
  }

  .services-accordion-horizontal .e-n-accordion-item[open] .e-n-accordion-item-title-text {

    position: static;

    font-size: 26px;
  }

  .services-accordion-horizontal .e-n-accordion-item[open] .elementor-widget-text-editor {

    margin-top: 20px;
  }

  .services-accordion-horizontal .e-n-accordion-item[open]::after {
    display: none;
  }
}