body {

    background-color: #ffffff;

    color: #333;

    font-family: 'Arial', sans-serif;

}



.hero {

    background-color: #f8f9fa;

    padding: 100px 0;

    text-align: center;

}



.plugin-card {

    border: none;

    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

    transition: transform 0.2s;

}



.plugin-card:hover {

    transform: translateY(-5px);

}



.pricing-card {

    border: 1px solid #dee2e6;

    border-radius: 0.375rem;

    text-align: center;

    padding: 2rem;

}



.pricing-card .btn {

    width: 100%;

}



.testimonial {

    font-style: italic;

    background: #f8f9fa;

    padding: 1rem;

    border-left: 4px solid #007bff;

}





/* Effet barre bleue animée au survol */

.hover-underline {

    position: relative;

    color: #007bff;

    text-decoration: none;

    padding-bottom: 2px;

    transition: color 0.3s ease;

}



.hover-underline::after {

    content: '';

    position: absolute;

    width: 0;

    height: 4px;

    bottom: 0;

    left: 0;

    background-color: #f01242;

    transition: width 0.3s ease;

}



.hover-underline:hover {

    color: #e00b64;

}



.hover-underline:hover::after {

    width: 100%;

}

.dropdown-menu .dropdown-item .fi {
  font-size: 1rem;
}

#languageDropdown .fi {
  font-size: 1rem;
}

#languageDropdown {
  padding-inline: 0.75rem;
}