.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-color: #FFFFFF;
    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;
}

.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-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;
}

/*Try and adapt the min-height of the item according to the biggest text we have for the moment*/
.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: 400px;
}

@media (min-width: 768px) {
    .jaimemondys-testimonials-item {
        min-height: 700px;
    }
}

@media (min-width: 992px) {
    .jaimemondys-testimonials-item {
        min-height: 600px;
    }
}

@media (min-width: 1200px) {
    .jaimemondys-testimonials-item {
        min-height: 500px;
    }
}

.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: 13px; /* Taille de la description */
    color: var(--jaimemondys-purple-color);
}

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

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

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