/* Fonts */
@font-face {
    font-family: 'HemiHead';
    src: url('fonts/hemihead.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'AcronisCyberBold';
    src: url('fonts/Acronis_Cyber-Bold.eot');
    src: url('fonts/Acronis_Cyber-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Acronis_Cyber-Bold.woff2') format('woff2'),
         url('fonts/Acronis_Cyber-Bold.woff') format('woff'),
         url('fonts/Acronis_Cyber-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AcronisCyberLight';
    src: url('fonts/Acronis_Cyber-Light.eot');
    src: url('fonts/Acronis_Cyber-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Acronis_Cyber-Light.woff2') format('woff2'),
         url('fonts/Acronis_Cyber-Light.woff') format('woff'),
         url('fonts/Acronis_Cyber-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AcronisCyberMedium';
    src: url('fonts/Acronis_Cyber-Medium.eot');
    src: url('fonts/Acronis_Cyber-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Acronis_Cyber-Medium.woff2') format('woff2'),
         url('fonts/Acronis_Cyber-Medium.woff') format('woff'),
         url('fonts/Acronis_Cyber-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AcronisCyber';
    src: url('fonts/Acronis_Cyber-Regular.eot');
    src: url('fonts/Acronis_Cyber-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Acronis_Cyber-Regular.woff2') format('woff2'),
         url('fonts/Acronis_Cyber-Regular.woff') format('woff'),
         url('fonts/Acronis_Cyber-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Body */
body {
    font-family: 'AcronisCyber', sans-serif;
    color: #000000;
}

/* Titres */
h1 {
    font-family: 'Anta', sans-serif;
    color: rgb(0, 0, 128);
}

h2 {
    font-family: 'HemiHead', sans-serif;
    color: rgb(0, 0, 255);
    font-style: italic;
    font-weight: bold;
}

h3 {
    font-family: 'AcronisCyberBold', sans-serif;
    color: rgb(131, 208, 245);
    font-weight: bold;
}

h4 {
    font-family: 'AcronisCyberLight', sans-serif;
    color: #007FFF;
    font-weight: normal;
}

h5 {
    font-family: 'AcronisCyberMedium', sans-serif;
    color: #007FFF;
    font-weight: normal;
}

h6 {
    font-family: 'AcronisCyber', sans-serif;
    color: #007FFF;
    font-weight: normal;
}

/* Logo et titre du site */
.site-title {
    margin: 0;
}

.hacktivation {
    font-family: 'HemiHead', sans-serif;
    font-size: 1.5em;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

.cybersecurite {
    font-family: 'Anta', sans-serif;
    font-size: 1.33em;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Navigation */
.nav-link {
    color: #000000 !important;
}

.nav-link:hover {
    color: #A9A9A9 !important;
}

.nav-link.active {
    font-weight: bold;
    border-bottom: 2px solid #000;
}

/* Hero Section */
#hero {
    background-color: #FFFFFF;
}

.display-2, .display-4 {
    background: linear-gradient(to right, rgb(0, 130, 198), rgb(100, 195, 230), rgb(53, 171, 226));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3vw;
}

/* Cards */
.row {
    margin-bottom: 3rem;
}

.col-md-6 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.service-card {
    border: 1px solid #ddd;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    padding: 20px;
    margin-bottom: 2rem;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.card-title {
    color: rgb(0, 0, 128);
    font-weight: bold;
    text-align: center;
}

.card-text {
    color: rgb(0, 0, 255);
}

/* Boutons */
.btn-dark {
    background-color: #000000;
    border-color: #000000;
}

.btn-dark:hover {
    background-color: #A9A9A9;
    border-color: #A9A9A9;
}

/* Footer */
footer {
    border-top: 1px solid #A9A9A9;
}

/* Section des certifications */
#certifications {
    padding: 2rem 0;
    background-color: #f8f9fa;
    border-radius: 10px;
    margin-bottom: 2rem;
}

/* Responsive des badges */
@media (max-width: 768px) {
    .col-6.col-sm-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .col-6.col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Espacement entre les badges */
.row.justify-content-center > div {
    padding: 0 8px;
}

/* Classe spécifique pour annuler le display: flex */
.no-flex {
    display: block !important;
}

/* Newsletter */
.newsletter-section {
    background-color: #f8f9fa;
    padding: 2rem 0;
}

/* Contact */
.contact-container {
    margin-top: 20px;
}

.contact-card {
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-card .card-body {
    padding: 30px;
}

.contact-info {
    background-color: #f8f9fa;
    padding: 30px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-info h4 {
    font-weight: bold;
    color: #007bff;
}

.contact-info p {
    margin-bottom: 10px;
}

.contact-info a {
    color: #007bff;
    text-decoration: none;
}

.contact-info a:hover {
    text-decoration: underline;
}