.btn-check+.btn:hover {
    color:#1E1E1E;
    background-color: var(--bs-btn-bg);
    border-color: #E11463;
}
.border-check{
    border-color: #E11463;
    color: #1E1E1E;
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;
    text-align: left;
    padding: 15px;
}


.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: #E11463;
    border-color:  #E11463;
}

.label-check{
    font-family: 'Neue Haas Unica', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.05em; /* -5% en émé */
    color: #0F0F8F;
}
.input-control{
    border-radius: 10px;

    box-shadow: 5px 5px 30px 0px #0F0F8F1A, 8px 8px 30px 0px #0F0F8F1A inset, -8px -8px 30px 0px #FFFFFF26, -8px -8px 50px 0px #FFFFFF80 inset;

    font-family: Neue Haas Unica;
    font-size: 20px;
    font-style: italic;
    font-weight: 200;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;

}
.number-outline {
    font-size: 40px; /* Taille du nombre */
    font-weight: 800;
    color: transparent; /* Texte transparent */
    -webkit-text-stroke: 2px #E11463; /* Contour rose avec épaisseur */
    margin: 0;
    line-height: 25px;

}
.tile-inf{
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    color: #0F0F8F;

}
.tile-infs{
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;



}
.tile-commet{
    font-family: Neue Haas Unica;
    font-size: 25px;
    font-weight: 800;
    line-height: 25px;
    letter-spacing: -0.05em;
    text-align: center;
    color: #0F0F8F;


}
.title-professionels{
    font-family: 'Neue Haas Unica', sans-serif; /* Assurez-vous que la police est chargée */
    font-weight: 950; /* Poids de la police */
    font-style: italic; /* Style en italique */
    font-size: 40px; /* Taille de la police */
    line-height: 40px; /* Hauteur de ligne */
    letter-spacing: -0.05em; /* Espacement des lettres, équivalent à -5% */
    text-align: center; /* Alignement centré */

    color: var(--Primaire-2, #E11463);

}
.h1-rejongner{
    font-family: 'Neue Haas Unica', sans-serif;
    font-weight: 800; /* Poids de la police */
    font-size: 40px; /* Taille de la police */
    line-height: 40px; /* Hauteur de ligne */
    letter-spacing: -0.05em;
    text-align: center;
}
.select-op{
    box-shadow:
            5px 5px 30px 0px rgba(15, 15, 143, 0.1),
            8px 8px 30px 0px rgba(15, 15, 143, 0.1) inset,
            -8px -8px 30px 0px rgba(255, 255, 255, 0.15),
            -8px -8px 50px 0px rgba(255, 255, 255, 0.5) inset!important;
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;
    color : var(--Primaire-1, #0F0F8F);
    width: 268px;
    height: 40px;
    padding: 10px 0px 0px 0px;
    gap: 15px;
    border-radius: 10px 0px 0px 0px;
    opacity: 0px;


}
.cursor{
    cursor: pointer;
}
.modal-body{
    box-shadow:
            16px 16px 60px 0px #0F0F8F26,
            -16px -16px 60px 0px #FFFFFF80,
            inset 8px 8px 30px 0px #0F0F8F1A,
            inset -8px -8px 50px 0px #FFFFFF80;

}
.text-consultation{
    font-size: 20px;
    color: #0F0F8F;
}
.img-icon-res{
    font-family: Neue Haas Unica;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.05em;
}
.center-btn{
    display: flex;
    place-content: center;
}
.title-ensavoir a {

    color: #0F0F8F !important;
}
.style-sonculter{
    color: #E11463;
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;
    text-align: left;
}
.title-ensavoir {
    font-size: 15px;
    text-align: center;
    color: #0F0F8F !important;
    font-family: Neue Haas Unica;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;


}

.bold {
    font-weight: bold;
}
.text-consultations{
    font-size: 20px;
}
.paragraph-modal-payer {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.05em;
    text-align: center;

}

.title-avance {
    color: #E11463;
    font-family: Neue Haas Unica;
    font-size: 15px;
    font-weight: 800;
    line-height: 25px;
    letter-spacing: -0.05em;
    text-align: center;


}

.title-card-modal-reponce {
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.05em;
    text-align: left;
    color: #0F0F8F;
}
.modal-backdrop {
    background-color: transparent !important; /* Ou remplace par la couleur de ton choix */
}


.title-card-modal {
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.05em;
    text-align: left;
    color:  #1E1E1E;
}

.border-tr-none {
    font-size: 20px;
    border-bottom-style: none;
    font-family: Neue Haas Unica;
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;
    text-align: left;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: none;
    border-width: 0;
}

.content-modal {
    border-radius: 45px;
    border: 0px solid;
}

.modal-padding {
    padding-top: 24px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 225px;
    border-radius: 45px;
}

.btn-close-custom {
    background: none;
    border: none;
    cursor: pointer;
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 100%;
        padding-left: 54px;
        padding-right: 54px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .lg-modal {
        --bs-modal-width: 80%;
        padding-bottom: 10px;

    }
}

.border-card-table {
    border-radius: 45px;
    border: 0px;
    box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.1);

}

.ttile-table {
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.05em;
    text-align: left;
    color: #0F0F8F!important;

}

.border-tr {
    border-bottom: 1px solid #E11463;
}

.card-title-rendez-vous {
    font-family: Neue Haas Unica;
    font-size: 25px;
    font-weight: 800;
    line-height: 25px;
    letter-spacing: -0.05em;
    text-align: center;

}

.paragraph-card {
    font-size: 20px;
    line-height: auto;
    letter-spacing: -5%;
}

.card-custom {
    border: 0px;
    border-radius: 10px;
    box-shadow:
            16px 16px 60px 0px #0F0F8F26,
            -16px -16px 60px 0px #FFFFFF80,
            inset 8px 8px 30px 0px #0F0F8F1A,
            inset -8px -8px 50px 0px #FFFFFF80;      transition: transform 0.2s ease;
}

.card-custom:hover {
    transform: translateY(-5px);
}

.card-icon {
    font-size: 2rem;
    color: #d63384;
}

.btn-custom {
    background-color: #d63384;
    color: white;
    border-radius: 25px;
    padding: 10px 20px;
}

.h1-tile-bienvenue {
    font-size: 48px;
    font-weight: bold;
    background: linear-gradient(to right, #e91e63, #673ab7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.gradient-button {
    border-radius: 45px;
    background: var(--dgrad-2, linear-gradient(130deg, #E11464 9.07%, #0F0F8F 148.35%));    /* Dégradé rose -> violet */
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: bold;
    /* Coins arrondis */
    cursor: pointer;
    /* Ombre douce */
    transition: box-shadow 0.3s ease-in-out, transform 0.1s ease-in-out;
}

.clickable-card {
    border:0px;
    cursor: pointer;
}

.gradient-button:hover {
    /*box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);*/
    /* Ombre au survol */
   /* transform: scale(1.05);*/
    /* Agrandir légère
    ment au survol */
}
.wrapper {
    display: flex;
    padding: 4px;
    background-color: white;
}

.custom-input {
    flex-grow: 1;
    border: 1px solid var(--Primaire-2, #E11463)
}


.custom-input input[type=radio] {
    display: none;
}

.custom-input label {
    display: block;
    padding: 6px 8px;
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: #1E1E1E;
    transition : all .4s 0s ease;
}

.custom-input input[type=radio]:checked + label {
    border: 1px solid var(--Primaire-2, #E11463);
    background: #E11463;
}
.civilite-group {
    border: 1px solid #e20074;
    border-radius: 10px;
    overflow: hidden;
}

.civilite-btn {
    border-radius: 0;
    padding: 10px 20px;
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: black;
    border: none;
}

.civilite-mme {
    background-color: #E11463;
    color: white;
}

.civilite-mr {
    background-color: white;
    color: black;
}

.civilite-indifferent {
    background-color: white;
    color: black;
}

.civilite-btn:hover, .civilite-btn:focus {
    background-color: #f2f2f2;
}

.btn-check:checked + .civilite-btn.civilite-mme {
    background-color: #E11463;
    color: white;
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;

}

.btn-check:checked + .civilite-btn.civilite-mr,
.btn-check:checked + .civilite-btn.civilite-indifferent {
    background-color: #E11463;
    color: white;
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;

}
.title-input{

    font-family: 'Neue Haas Unica', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: #0F0F8F;
}

.file-form-controle{
    box-shadow: 5px 5px 30px 0px #0F0F8F1A, 8px 8px 30px 0px #0F0F8F1A inset, -8px -8px 30px 0px #FFFFFF26, -8px -8px 50px 0px #FFFFFF80 inset;

}

.tel-tit{
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.05em;
    text-align: left;
    color: #0F0F8F;
    text-align: center;
}
.titli-info-pr{
    font-family: Neue Haas Unica;
    font-size: 25px;
    font-weight: 800;
    line-height: 25px;
    letter-spacing: -0.05em;
    text-align: center;
    color: #0F0F8F;
}
.list-groups.active{
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background: #FBFBFB;

    border: 1px solid var(--Primaire-1, #0F0F8F);
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.05em;
    color:#0F0F8F;
    padding: 16.5px;

}
.list-groups{
    box-shadow: 5px 5px 30px 0px #0F0F8F1A, 8px 8px 30px 0px #0F0F8F1A inset, -8px -8px 30px 0px #FFFFFF26, -8px -8px 50px 0px #FFFFFF80 inset;
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.05em;
    padding: 16.5px;


}
.icon-inactive {
    display: inline-block;
    float: right;
}

.list-group-item.active .icon-inactive {
    display: none;
}
.line-container {
    display: flex;
    align-items: center;
    text-align: center;
}

.line-container::before,
.line-container::after {
    content: "";
    flex-grow: 1;
    border-bottom: 1px solid lightgray; /* Couleur de la ligne */
    margin: 0 10px;
}

.line-text {
    font-family: Neue Haas Unica;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: #0F0F8F;
}