.logo-dim {
    width: 250px;
    /* color: #260994 */
}

.hero-section {
    position: relative;
    padding: 100px 0px;
    z-index: 1; 
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/hero_bg_2_1.jpg') no-repeat center center;
    background-size: cover;
    opacity: 0.3;
    z-index: -1;
}

/* .hero-section::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 60%;
    width: 20%;
    height: 20%;
    background: url('/images/hero-bg1.svg') no-repeat center center;
    background-size: cover;
    opacity: 1;
    transform: translate(-50%, -50%);
    z-index: -1;
} */

.layer img {
    width:70%;
    position:absolute;
    top: -250px !important;
}

.animated-img-wrap > img {
    
}


/* missions start */
.mission-modern {
  padding: 20px;
  font-family: 'Inter', sans-serif;
  color: #ffffff;
  position: relative;
  top: -70px;
  z-index:3;
}

.mission-container {
  max-width: 1400px;
  /* padding: 0px 100px; */
  margin: 0 auto;
  text-align: center;
}

.mission-heading span {
  font-size: 3rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: #ffffff;
}

.mission-heading span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #7b61ff, #c084fc);
  border-radius: 2px;
  opacity: 0.8;
}

.mission-description {
  font-size: 1.2rem;
  margin: 30px auto 60px;
  max-width: 700px;
  color: #d1d5db;
}

.mission-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
}

.mission-item {
  background: linear-gradient(135deg, #260994 0%, #000000 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 40px 30px;
  box-shadow: 0 0 12px rgba(123, 97, 255, 0.3);
  backdrop-filter: blur(12px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mission-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 20px rgba(192, 132, 252, 0.4);
}

.mission-icon {
  font-size: 40px;
  margin-bottom: 20px;
  color: #c084fc;
  filter: drop-shadow(0 0 6px #c084fc80);
}

.mission-item h3 {
  font-size: 1.4rem;
  margin-bottom: 15px;
  font-weight: 600;
  color: #ffffff;
}

.mission-item p {
  font-size: 1rem;
  line-height: 1.6;
  color: #e5e7eb;
}
/* missions end */



/* modèle section /*

/*! CSS Used from: https://html.themeholy.com/webteck/demo/assets/css/bootstrap.min.css */
.ail-info-card-area {
    position: relative;
    top: -150px;
}

.ail-info-card-area::after {
    content: "";
    background: url('/images/hero-bg1.svg');
    opacity: 0.3;
    z-index: -1;
    /* color: #006b42 */
}
/* modèle section /*


/* autres */

.text-truncate-4l {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-height: 1.6em;           /* ou adapte selon ta maquette */
  max-height: calc(1.6em * 3);  /* sécurité supplémentaire */
  text-overflow: ellipsis;
  text-align: justify;
}

.text-truncate-5l {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
  line-height: 1.6em;           /* ou adapte selon ta maquette */
  max-height: calc(1.6em * 5);  /* sécurité supplémentaire */
  text-overflow: ellipsis;
}

.text-truncate-6l {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 6;
  line-height: 1.6em;           /* ou adapte selon ta maquette */
  max-height: calc(1.6em * 6);  /* sécurité supplémentaire */
  text-overflow: ellipsis;
}

@media (max-width: 991.98px) {
  .text-truncate-4l {
    -webkit-line-clamp: 2;
    max-height: calc(1.6em * 2);
  }
}

.ail-card-item {
   
    /*  */
}

.ail-card-item {
    background-color: rgba(255, 255, 255, 0.5); /* ou white-50-bg */
    transition: background-color 0.3s ease;
     border-radius: 40px;
}

.ail-card-item svg path {
    transition: fill 0.3s ease;
}

.ail-card-item h4,
.ail-card-item p,
.ail-card-item a {
    transition: color 0.3s ease;
}


.ail-card-item:hover {
    background: linear-gradient(135deg, #260994 0%, #000000 100%); /* couleur du fond général au survol */
    transition: background-color 0.3s ease;
}

.ail-card-item:hover svg path {
    fill: #ffffff; /* icône devient blanche */
    transition: fill 0.3s ease;
}

.ail-card-item:hover h4,
.ail-card-item:hover p,
.ail-card-item:hover a {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

[data-bs-theme="dark"] .ail-card-item {
    background-color: #262626 !important;
}

[data-bs-theme="dark"] .ail-card-item svg path {
    fill: #ffffff; 
}
/* autres */




/* btn rvs */
.single-benifit {
    border-radius: 10px;
    padding: 28px 20px 10px 20px;
    text-align: justify;
}

.btn-rvs {
    background: #fff !important;
    color: #260994 !important;
}

[data-bs-theme="dark"] .btn-rvs {
    color: #fff !important;
    background: #262626 !important;
}
/* btn rvs */



/* stats */

.stats h4, .stats p {
    padding: 0px;
    margin: 0px;
    color: #260994;
}

[data-bs-theme="dark"] .stats h4,
[data-bs-theme="dark"] .stats p {
    color: #fff;
}

.stats div {
    margin-bottom: 10px;
    border: 2px solid #260994;
    margin-right:10px;
    padding: 10px;
    border-radius: 10px;
}

[data-bs-theme="dark"] .stats div {
   border: 2px solid #fff;
}

/* stats */


/* single benefit */
.single-benifit {
    background-color: white;
}

[data-bs-theme="dark"] .single-benifit {
    background-color: #424242;
}
/* single benefit */


/* service section start */

.service-section {
    padding:0;
}

.service-section::after{
    content: "";
    width: 100%;
    background: url('/images/hero-bg1.svg');
}


/* service section end */

@media (max-width: 600px) {
    .section-heading-wrap div img  {
        display:none;
    }
}