.nav-links{
    display:flex;
    gap:20px;
    align-items:center;
}

.nav-links a {
    font-size: 16px;
    color: #555;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}


.footer-links{
    list-style:none;
    padding:0;
    font-size: 16px ;
    font-family: 'Roboto', sans-serif !important;
 }




.hero{
    padding-top:70px;
    padding-bottom:70px;
}

.home_title{
    line-height: normal ;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    font-size: 30px !important;
     font-family: 'Roboto', sans-serif !important;
}

.footer_title{
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 2px;
    font-family: 'Roboto', sans-serif !important;
}

@media(max-width: 768px)  {
    .hero{
        padding-top:10px;
        padding-bottom:20px;
    }

    .preview{
        padding-top:30px !important;
        padding-bottom:100px;
    }


    .home_title{
       text-align: center ;
       font-size: 25px !important;
    }

     .logo {
        width: 100%;
        display: flex;
        justify-content: center;
    }

}


.hero-badge{
    background:#eef3ff;
    padding:6px 14px;
    display:inline-block;
    border-radius:20px;
    font-size:14px;
    margin-bottom:20px;
}

.hero-title{
font-size:44px;
font-weight:800;
margin-bottom:20px;
}

.hero-desc{
font-size:18px;
color:#555;
margin-bottom:30px;
}

.hero-buttons{
display:flex;
gap:15px;
}

.hero-image{
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.1);
}



.stats{
    box-shadow:0 20px 50px rgba(0,0,0,0.1);
    margin-top:40px;
    margin-bottom:100px;
    text-align:center;
}

.stat h2{
font-size:38px;
font-weight:800;
color:#1976d2;
}



.features{
padding-top:80px;
padding-bottom:80px;
}

.section-title{
    font-size:32px;
    font-weight:700;
    margin-bottom:40px;
}

.feature-card{
    padding:30px;
    border-radius:16px;
    text-align:center;
}



.preview{
    padding-top:100px;
    padding-bottom:100px;
}


.preview-text{
    margin-bottom:20px;
    color:#555;
}



.cta{
    padding-top:80px;
    padding-bottom:80px;
    color:white;
}


 

.footer-links li{
  margin-bottom:4px;
}

.footer-links a {
    color: #FFF;
    text-decoration: none ;
}

.logo_img{
    width: 140px;
    height: 80px;
}

.app_img{
   width: 180px ;
}

@media(max-width: 425px)  {
    .app_img{
         width: 150px ;
    }
}

.fonction_list .v-list-item__prepend {
    color: green ;
    font-size: 20px;
}


.download_bg{
    background-color: #163860 ;
    color: #FFF ;
}
 
.app_description{
        max-width: 250px;
}

/* -------------------------------------------------------------------------- */

.slide {
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    max-width: 100%;
}


.phone{
    border-radius:30px;
    box-shadow:0 20px 60px rgba(0,0,0,0.2);
    max-width: 100%;
}


@media(min-width: 700px)  {
    .phone{
        max-width: 600px ;
    }
}

/* ------------------------------------------------------------------------------------ */




.privacy-policy {
  padding: 16px;
  line-height: 1.5;
  h2 { color: var(--ion-color-primary); margin-top: 20px; }
  ul { padding-left: 20px; }
  blockquote { 
    background: #f4f4f4; 
    border-left: 4px solid var(--ion-color-secondary);
    padding: 10px;
    margin: 15px 0;
  }
}