.slug_animate{
    bottom:10%;    
}
.logo_animate{
    bottom:10%;
    left:-20px;
}
.slug_assurance,
.slug_entreprise,
.slug_hypotheque,
.slug_finance,
.slug_prevoyance{
  margin-top:350px;
  font-weight:300!important;
}
.slug_entreprise{
  margin-top:400px;
}
.bg_home,
.home .bg_assurance,
.home .bg_prevoyance,
.home .bg_finance{      
  background-attachment: initial;  
}
.home .bg_assurance{    
    background-position: -150px center;
}
.home .bg_prevoyance{
  background-position: top center;
}
.bg_hypotheque{
  background-position: -400px center;
}
.bg_prevoyance{
  background-position: -550px center;
}

.offcanvas-header .close{
   font-size:35px;
   margin-top:-10px;  
   margin-right:15px; 
}
.offcanvas-header img{
  margin-left:0px;
}
.offcanvas-header{
  padding-bottom:10px;  
}
.navbar-collapse li:last-child {
  border-bottom:1px solid #444;
}
.navbar-collapse li{  
  padding:10px 20px 10px 0px;
  border-top:1px solid #444;  
}
.navbar-collapse li .nav-link{
  font-size:30px!important;  
}
.no-scroll {
  overflow: hidden!important;
}
.navbar-nav .nav-item {
  opacity: 0; /* Par défaut, les éléments sont invisibles */
  transform: translateX(40px); /* Déplacement vers le bas pour l'effet */
  transition: opacity 0.4s ease, transform 0.4s ease; /* Transition fluide */
}
.navbar-nav .nav-item.fade-in {
  opacity: 1;
  transform: translateX(0); /* Ramène l'élément à sa position initiale */
}
.offcanvas-header{ display:block; }
.navbar-collapse {
  position: fixed;
  z-index:1;
  top:0px; 
  bottom: 0;
  right: 100%;
  width: 100%;
  padding-right: 2rem;
  padding-left: 1rem;
  overflow-y: auto;
  visibility: hidden;  
  background-color:var(--color-bg-dark);
  transition: visibility .2s ease-in-out, transform .2s ease-in-out;
}
.navbar-collapse.show {
  visibility: visible;
  transform: translateX(100%);
}
.vPanelOffreAssurance{
  width:100%;
}
.home .bg_assurance .row,
.home .bg_finance .row,
.home .bg_hypotheque .row{
    height:70vh;
}
.justify-content-start .bg-dark-opacity{
   background: linear-gradient(90deg, rgba(52,58,64,0.7) 40%, rgba(52,58,64,0) 80%);
    padding:0px 90px 140px 25px!important;
    margin-left:-15px!important;
    border-radius:6px; 
    margin-top:100px;  
    height:100vh!important;
}
.justify-content-end .bg-dark-opacity{
   background: linear-gradient(80deg, rgba(52,58,64,0.7) 30%, rgba(52,58,64,0) 80%);
    padding:0px 90px 140px 25px!important;
    margin-right:15px!important;
    border-radius:6px; 
    margin-top:100px;    
    height:100vh!important;
}