.section-intro {
    background: linear-gradient(45deg, #272262, #0080c5);
    color: white;
}

.bg-intro {
    position: relative;
}

.bg-intro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://resources.cdn.haylem.ca/background/letter-background_3988.png");
    background-size: cover;
    background-position: bottom;
    opacity: 1;
    mix-blend-mode: multiply;
}

.bg-primary {
    background-color: var(--jaime-mon-dys-primary);
}

@media (max-width: 1250px) {
    .bg-intro {
        display: none;
    }
}

.section-form {
    padding-top: 8vh;
    padding-bottom: 10vh;
    background-image: url("https://resources.cdn.haylem.ca/background/letter-background_3988.png");
    background-size: cover;
    background-position: bottom;
}

.custom-select {
    width: auto;
    display: block;
    height: auto;
    padding: 1rem 2rem;
    border-radius: 1rem;
    border: 1px solid white;
    background-color: white;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25) !important;
}

.container-fluid.ml-lp-17 {
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #f16625;
}

.ml-lp-17 p {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 15px;
    margin: 0 0 15px 0;
    line-height: 150% !important;
}

.container-fluid.ml-lp-22 {
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #fff;
}

.rounded-orange-card {
    padding: 10px;
    background-color: #f16625;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
}

.title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.title-container img {
    height: 75px;
    width: auto;
}

.title-container h2 {
    font-weight: bold;
    font-size: 6em;
    text-transform: uppercase;
    color: #333333;
}

.title-container .jaimemondys-testimonials-title {
    font-weight: bold;
    font-size: 8rem;
    text-transform: uppercase;
    color: #333333;
}

.commitment-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.commitment-card .rounded-orange-card {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 2.2em;
    width: 90%;
    min-height: 4em;
}

.commitment-card .content {
    font-size: 2em;
}

.number-card-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: #ff9f72;
    border-radius: 40px;
    margin-bottom: 40px;
}

.number-card-title p {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    transform: translateY(10%);
}

@media (max-width: 1250px) {
    .bg-intro {
        display: none;
    }

    .title-container h2 {
        font-size: 4em;
    }

    .title-container .jaimemondys-testimonials-title {
        font-size: 4rem;
    }

    .title-container img {
        height: 60px;
    }
}

/* JaimeMonDYS */
.jaimemondys-header {
    background-image: url('/images/jaimemondys/background_header.jpg');
    background-size: cover;
    background-position: center;
    position: relative; /* Positionnement relatif pour la barre de navigation */
}

.jaimemondys-notebook {
    background-image: url('/images/jaimemondys/background_notebook.jpg');
    background-size: cover;
    background-position: center;
}
/* Désactiver l'arrière-plan sur les écrans de moins de 768px */
@media (max-width: 768px) {
    .jaimemondys-notebook {
        background-image: none; /* Supprime l'arrière-plan */
    }
}

.jaimemondys-testimonials {
    background-image: url('/images/jaimemondys/background_temoignages.jpg');
    background-size: cover;
    background-position: center;
}

.jaimemondys-testimonials-item {
    /* La hauteur minimale dépend du texte le plus long de chaque item.
       Si le contenu est modifié ou qu'un élément contient plus de texte,
       ajuster cette valeur pour garantir un alignement visuel homogène. */
    min-height: 850px;
}

@media (max-width: 768px) {
    /* La hauteur minimale est ajustée pour les écrans mobiles,
       mais reste dépendante de la quantité de texte. Modifier si nécessaire. */
    .jaimemondys-testimonials-item {
        min-height: 450px;
    }
}

.jaimemondys-soisfier {
    background-image: url('/images/jaimemondys/soisfier.png');
    height: 60px;
    background-repeat: repeat-x;
    margin: 10px 0;
    background-size: contain;
}
@media (max-width: 768px) {
    .jaimemondys-soisfier {
        height: 30px;
    }
}

.jaimemondys-kit-title{
    color: var(--jaimemondys-purple-color);
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.3;
}
@media (max-width: 768px) {
    .jaimemondys-kit-title {
       font-size: 2rem;
    }
}

.jaimemondys-title, .jaimemondys-title-white, .jaimemondys-title-purple, .jaimemondys-title-xl {
    font-size: 4rem;
    font-weight: bold;
    color: var(--haylem-orange-color) !important;
}

.jaimemondys-title-white {
    color: var(--white) !important;
}

.jaimemondys-title-purple {
    color: var(--jaimemondys-purple-color) !important;
}

.jaimemondys-title-xl {
    font-size: 8rem;
}

.jaimemondys-content {
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 20px;
}

.jaimemondys-button {
    font-size: 20px;
    font-weight: bold;
}
/* Désactiver la taille sur les écrans de moins de 768px */
@media (max-width: 768px) {
    .jaimemondys-button {
        font-size: inherit;
    }
}
.jaimemondys-button:hover {
    cursor: pointer;
}

.jaimemondys-hover-effect {
    transition: transform 0.3s ease, opacity 0.3s ease; /* Animation douce pour l'effet hover */
}

.jaimemondys-hover-effect:hover {
    transform: scale(1.05); /* Agrandir légèrement l'image sur hover */
    opacity: 0.9; /* Légèrement diminuer l'opacité */
}

.jaimemondys-grey-background {
    background-color: #dedfe1;
}

.jaimemondys-testimonial-card {
    border-radius: 15px; /* Bordures arrondies */
    background-color: #f8f9fa; /* Couleur de fond légère */
}

.jaimemondys-testimonial-card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.jaimemondys-testimonial-card .card-text {
    font-size: 2.5rem; /* Taille de la description */
    color: var(--jaimemondys-purple-color);
}

.jaimemondys-testimonial-card h5 {
    font-size: 3rem;
    color: #f16625; /* Couleur du nom */
}

.jaimemondys-x-large{
    font-size: 20px !important;
}

.jaimemondys-video-container {
    height: 100%;
    width: 80%;
    background-color: var(--white);
    margin: 10px;
    padding: 10px;
}