.container-padding,
.pattern-builder .content,
.data-sieve {
    padding-left: 5rem;
    padding-right: 5rem;
}

.parallax-container {
    border-radius: 0 !important;
}
nav {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.hero-padding {
    padding: 2rem;
}

/* Styles par défaut */

/* Styles pour les petits écrans (smartphones) */
@media only screen and (max-width: 768px) {
    /* Styles à appliquer pour les écrans de 768 pixels de largeur ou moins */
    .hero-padding,
    .container-padding,
    .pattern-builder .content {
        padding: 1rem !important;
    }

    .mobile-mt-2 {
        margin-top: 1rem !important;
    }

    .mobile-mb-2 {
        margin-bottom: 1rem !important;
    }

    .mobile-no-padding {
        padding: 0 !important;
    }

    .mobile-text-padding {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .mobile-no-padding .px-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    nav {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .pattern-builder .content {
        flex-direction: column;
        gap: 1rem;
    }

    footer .data-sieve {
        padding: 1rem !important;
        flex-direction: column;
    }
}

/* Styles pour les écrans de taille moyenne (tablettes) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* Styles à appliquer pour les écrans dont la largeur est comprise entre 769 et 1024 pixels */
    .container-padding,
    .pattern-builder .content {
        padding: 2rem !important;
    }

    footer .data-sieve {
        padding: 2rem !important;
    }
}

@media only screen and (min-width: 1366px) {
    .big-screen-padding {
        padding: 2.5rem !important;
    }
}

/* Styles pour les écrans de taille moyenne à grande (ordinateurs portables) */
@media only screen and (min-width: 1020px) and (max-width: 1440px) {
    /* Styles à appliquer pour les écrans dont la largeur est comprise entre 1020 et 1440 pixels */
    .container-padding,
    .pattern-builder {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .video-container {
        height: 500px;
    }

    .big-screen-padding {
        padding: 2.5rem !important;
    }

    footer .data-sieve {
        padding: 2rem !important;
    }
}

/* Styles pour les grands écrans (ordinateurs de bureau) */
@media only screen and (min-width: 1441px) {
    /* Styles à appliquer pour les écrans dont la largeur est supérieure à 1440 pixels */
    .container-padding,
    .pattern-builder .content,
    nav {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }

    .video-container {
        height: 70vh !important;
    }

    /* .big-screen-padding {
        padding: 2.5rem !important;
    } */
    footer .data-sieve {
        padding: 2rem !important;
    }
}

@media only screen and (max-device-width: 1366px) {
    .parallax-container {
        background-attachment: scroll;
    }
}