.x--scroll{
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 16px;
    list-style: none;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.x--scroll::-webkit-scrollbar{
    display: none;
}

.x--scroll-item{
    flex-shrink: 0;
    scroll-snap-align: center;
}

/* -------------------------------------------------------------------------- */
.addTopBorder{border-top: 1px solid #E8E8E8;}


.leftArrow:after{
    content: '\f060';
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
}

.rightArrow:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
}

/* -------------------------------------------------------------------------- */
.control--preview,
.control--next{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
    padding: 12px;
}

.control--preview[disabled],
.control--next[disabled]{
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.control--preview,
.control--preview:hover,
.control--preview:focus,
.control--next,
.control--next:focus,
.control--next:hover{
    opacity: 1;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.btn {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    align-self: center;
}

.btn-primary {
    background-color: transparent;
    border-color: #fff;
    border-radius: 1.75rem;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0.75rem 1.75rem
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(:disabled):active,
.btn-primary:focus {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    outline: 0
}

.btn-secondary {
    background-color: transparent;
    border-color: #179138;
    border-radius: 999px;
    color: #179138;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px
}

.d-flex-g8{
    gap: 8px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    align-self: stretch;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(:disabled):active,
.btn-secondary:focus {
    background-color: #fff;
    border-color: #179138;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #179138
}

.btn-success {
    background-color: var(--Colors-Green-Gozem-100);
    border-color: #179138;
    border-radius: 999px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
}

.btn-success:hover,
.btn-success:not(:disabled):not(:disabled):active,
.btn-success:focus {
    background-color: #179138;
    border-color: #179138;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.btn--gozem-white {
    background-color: #fff;
    border-color: #fff;
    border-radius: 999px;
    color: #179138;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 32px;
}

.btn--gozem-white:hover,
.btn--gozem-white:not(:disabled):not(:disabled):active,
.btn--gozem-white:focus {
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #179138
}

.btn--gozem-green {
    background-color: #179138;
    border-color: #fff;
    color: #fff;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 32px;
}

.btn--gozem-green:hover,
.btn--gozem-green:not(:disabled):not(:disabled):active,
.btn--gozem-green:focus {
    background-color: #179138;
    border-color: #fff;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.dropdown-toggle::after {
    border: none;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    margin-left: 0.75rem;
    vertical-align: 0
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.download-links .btn-download {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -9999px;
    margin-bottom: 0;
}

.download-links .btn-download {
    background-size: contain;
}

.download-links .btn-download.btn-app-store-secondary {
    background-image: url("../images/app-store-bg-black-badge-en.svg")
}

.download-links .btn-download.btn-google-play-secondary {
    background-image: url("../images/google-play-bg-black-badge-en.svg")
}

html[lang=fr-FR] .btn-download.btn-app-store-secondary {
    background-image: url("../images/app-store-bg-black-badge-fr.svg")
}

html[lang=fr-FR] .btn-download.btn-google-play-secondary {
    background-image: url("../images/google-play-bg-black-badge-fr.svg")
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Styles pour le lien secondaire actif */
.nav-pills .secondary-nav-link.active,
.nav-pills .secondary-nav-link.active:hover,
.nav-pills .show>.secondary-nav-link {
    color: #1A1A1A;
    background: #c5ebcf;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */