.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.bg-brand-blue {
    --bg-opacity: 1;
    background-color: #2ea3d5;
    background-color: rgba(46, 163, 213, var(--bg-opacity))
}

.bg-brand-yellow {
    --bg-opacity: 1;
    background-color: #f5b03a;
    background-color: rgba(245, 176, 58, var(--bg-opacity))
}

.bg-brand-green {
    --bg-opacity: 1;
    background-color: #36c5a5;
    background-color: rgba(54, 197, 165, var(--bg-opacity))
}

.bg-brand-red {
    --bg-opacity: 1;
    background-color: #e05a5a;
    background-color: rgba(224, 90, 90, var(--bg-opacity))
}

.border-transparent {
    border-color: rgba(0, 0, 0, 0)
}

.border-brand-blue {
    --border-opacity: 1;
    border-color: #2ea3d5;
    border-color: rgba(46, 163, 213, var(--border-opacity))
}

.border-brand-yellow {
    --border-opacity: 1;
    border-color: #f5b03a;
    border-color: rgba(245, 176, 58, var(--border-opacity))
}

.border-brand-green {
    --border-opacity: 1;
    border-color: #36c5a5;
    border-color: rgba(54, 197, 165, var(--border-opacity))
}

.border-brand-red {
    --border-opacity: 1;
    border-color: #e05a5a;
    border-color: rgba(224, 90, 90, var(--border-opacity))
}

.table {
    display: table
}

.m-2 {
    margin: .5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mb-4 {
    margin-bottom: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.overflow-auto {
    overflow: auto
}

.p-0 {
    padding: 0
}

.pt-5 {
    padding-top: 1.25rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.inset-x-0 {
    right: 0;
    left: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.text-center {
    text-align: center
}

.text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.underline {
    text-decoration: underline
}

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.transition {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes ping {
    75%,
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ping {
    75%,
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@-webkit-keyframes bounce {
    0%,
    to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }
    50% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

@keyframes bounce {
    0%,
    to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }
    50% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

a:hover,
button:hover {
    opacity: .75
}

a:active,
button:active {
    opacity: .5
}

a:focus,
button:focus,
div:focus,
input:focus,
textarea:focus {
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: 2px
}

body {
    overflow-x: hidden!important;
    word-wrap: normal!important;
    word-break: normal!important
}

.max-w-350px {
    max-width: 350px
}

.overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --bg-opacity: 0.25;
    z-index: 10;
    content: ""
}

button.green-button {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    --bg-opacity: 1;
    background-color: #36c5a5;
    background-color: rgba(54, 197, 165, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --border-opacity: 1;
    border: 4px solid #36c5a5;
    border-color: rgba(54, 197, 165, var(--border-opacity))
}

button.green-button:hover {
    opacity: 1!important;
    --bg-opacity: 1!important;
    background-color: #fff!important;
    background-color: rgba(255, 255, 255, var(--bg-opacity))!important;
    --text-opacity: 1!important;
    color: #36c5a5!important;
    color: rgba(54, 197, 165, var(--text-opacity))!important
}

button.green-button:active {
    border-color: rgba(0, 0, 0, 0)
}

button.blue-button {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    --bg-opacity: 1;
    background-color: #2ea3d5;
    background-color: rgba(46, 163, 213, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --border-opacity: 1;
    border: 4px solid #2ea3d5;
    border-color: rgba(46, 163, 213, var(--border-opacity))
}

button.blue-button:hover {
    opacity: 1!important;
    --bg-opacity: 1!important;
    background-color: #fff!important;
    background-color: rgba(255, 255, 255, var(--bg-opacity))!important;
    --text-opacity: 1!important;
    color: #2ea3d5!important;
    color: rgba(46, 163, 213, var(--text-opacity))!important
}

button.blue-button:active {
    border-color: rgba(0, 0, 0, 0)
}

.productSans-bold {
    font-weight: 700;
    font-family: ProductSans-Bold, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.productSans-regular {
    font-weight: 400;
    font-family: ProductSans-Regular, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

body[dir=rtl] .slick-arrow img {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.recent-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem .5rem .5rem;
    --bg-opacity: 1;
    background-color: #2ea3d5;
    background-color: rgba(46, 163, 213, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.recent-news .title {
    text-transform: uppercase;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 1rem;
    font-weight: 400;
    --text-opacity: 1;
    color: #95d4ef;
    color: rgba(149, 212, 239, var(--text-opacity))
}

.recent-news .headlines-slider,
.recent-news .headlines-slider .headline-container .headline-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.recent-news .headlines-slider .headline-container .headline-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .25rem;
    margin-right: .25rem
}

.recent-news .headlines-slider .headline-container .headline-link .dot {
    width: .5rem;
    height: .5rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    border-radius: 9999px;
    --bg-opacity: 1;
    background-color: #95d4ef;
    background-color: rgba(149, 212, 239, var(--bg-opacity))
}

.recent-news .headlines-slider .headline-container .headline-link .headline-text {
    font-size: 1rem;
    font-weight: 400;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.hero-section {
    position: relative
}

.hero-section .hero-slider .slide-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 8rem;
    padding-bottom: 4rem
}

.hero-section .hero-slider .slide-container .slide-bg-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.hero-section .hero-slider .slide-container .slide-bg-container .slide-bg-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%;
    width: 100%
}

.hero-section .hero-slider .slide-container .bg-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --bg-opacity: 0.5
}

.hero-section .hero-slider .slide-container .slide-content {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 1rem;
    max-width: 1024px
}

.hero-section .hero-slider .slide-container .slide-content .slide-title {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: center;
    font-size: 2.25rem;
    font-weight: 600
}

.hero-section .hero-slider .slide-container .slide-content .yellow-line {
    width: 8rem;
    height: .25rem;
    margin-bottom: .75rem;
    --bg-opacity: 1;
    background-color: #f5b03a;
    background-color: rgba(245, 176, 58, var(--bg-opacity))
}

.hero-section .hero-slider .slide-container .slide-content .slide-desc {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 4rem
}

.hero-section .hero-slider .slide-container .slide-content .slide-call-to-action {
    margin-top: .75rem;
    margin-bottom: .75rem;
    text-transform: capitalize;
    font-size: 1.25rem;
    font-weight: 700;
    padding: .25rem 2.5rem;
    --bg-opacity: 1;
    background-color: #36c5a5;
    background-color: rgba(54, 197, 165, var(--bg-opacity));
    border-radius: 9999px
}

.hero-section .hero-slider-arrows {
    position: absolute;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .75rem;
    & .hero-slider-next,
    .hero-slider-prev {
        position: relative;
        z-index: 10
    }
}

#hero-slider.slick-dotted.slick-slider {
    margin-bottom: 0
}

#hero-slider .draggable {
    padding-bottom: 0!important
}

#hero-slider-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 20
}

#hero-slider-dots .slick-dots {
    bottom: 1rem
}

#hero-slider-dots .slick-dots li {
    margin: 0
}

#hero-slider-dots .slick-dots li button:before {
    content: "";
    opacity: 1;
    width: .75rem;
    height: .75rem;
    margin: .25rem;
    border-radius: 9999px;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

#hero-slider-dots .slick-dots .slick-active button:before {
    --bg-opacity: 1;
    background-color: #95d4ef;
    background-color: rgba(149, 212, 239, var(--bg-opacity))
}

#hero-slider-arrows .slick-arrow:hover {
    -webkit-filter: invert(51%) sepia(64%) saturate(479%) hue-rotate(153deg) brightness(96%) contrast(87%);
    filter: invert(51%) sepia(64%) saturate(479%) hue-rotate(153deg) brightness(96%) contrast(87%)
}

#hero-slider-arrows .slick-arrow.slick-disabled {
    -webkit-filter: none;
    filter: none;
    opacity: .5;
    cursor: not-allowed
}

.propositions-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity))
}

.propositions-section .title {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-weight: 700;
    font-size: 1.875rem;
    text-align: center;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.propositions-section .add-contribution {
    padding: .5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --bg-opacity: 1;
    background-color: #36c5a5;
    background-color: rgba(54, 197, 165, var(--bg-opacity));
    border-radius: 9999px
}

.propositions-section .add-contribution .button-icon {
    margin-left: .5rem;
    margin-right: .5rem
}

.propositions-section .add-contribution .button-text {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 700;
    font-size: 1.125rem;
    margin-left: .25rem;
    margin-right: .25rem
}

.propositions-section .cards-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem;
    width: 100%
}

.propositions-section .cards-container .card-item {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10rem;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .5rem;
    margin: .75rem;
    width: 100%;
    max-width: 20rem;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    border-radius: .375rem
}

.propositions-section .cards-container .card-item .card-text-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.propositions-section .cards-container .card-item .card-text-container .title-text {
    --text-opacity: 1;
    color: #2ea3d5;
    color: rgba(46, 163, 213, var(--text-opacity));
    font-size: 1.25rem;
    font-weight: 500;
    width: 12rem
}

.propositions-section .cards-container .card-item .card-text-container .subtitle-text {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
    font-size: .875rem
}

.propositions-section .cards-container .card-item .card-text-container .icon-container {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 5rem;
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chiffres-section {
    padding: 2rem 1rem 4rem;
    --bg-opacity: 1;
    background-color: #2ea3d5;
    background-color: rgba(46, 163, 213, var(--bg-opacity))
}

@media (min-width:768px) {
    .chiffres-section {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.chiffres-section .title {
    font-size: 1.875rem;
    text-align: center;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    margin-bottom: 4rem
}

.chiffres-section .chiffres-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.chiffres-section .chiffres-content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem
}

.chiffres-section .chiffres-content .item .counter {
    font-size: 3rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #95d4ef;
    color: rgba(149, 212, 239, var(--text-opacity));
    margin-top: .25rem;
    margin-bottom: .5rem;
    font-family: ProductSans-Bold
}

.chiffres-section .chiffres-content .item .item-title {
    font-size: 1.25rem;
    font-weight: 500;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.cartography-section {
    padding: 1rem;
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity))
}

.cartography-section .title {
    font-size: 1.875rem;
    text-align: center;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    margin-top: .5rem;
    margin-bottom: 4rem
}

.cartography-section .cartography-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media (min-width:1280px) {
    .cartography-section .cartography-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.cartography-section .cartography-content .left-side {
    max-width: 100%;
    padding: .75rem;
    position: relative
}

@media (min-width:1280px) {
    .cartography-section .cartography-content .left-side {
        width: 66.666667%;
        max-width: 48rem
    }
}

.cartography-section .cartography-content .left-side .map-slider {
    width: 100%;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: 1rem;
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    z-index: 10
}

.cartography-section .cartography-content .left-side .map-slider .slide {
    padding: .5rem 1.5rem
}

@media (min-width:640px) {
    .cartography-section .cartography-content .left-side .map-slider .slide {
        padding: 2rem 4rem
    }
}

.cartography-section .cartography-content .left-side .map-slider .slide .slide-title {
    --text-opacity: 1;
    color: #f56e3a;
    color: rgba(245, 110, 58, var(--text-opacity));
    font-size: 1.25rem;
    text-align: center;
    font-weight: 500;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:768px) {
    .cartography-section .cartography-content .left-side .map-slider .slide .slide-title {
        font-size: 1.5rem
    }
}

.cartography-section .cartography-content .left-side .map-slider .slide .slide-content {
    width: 100%;
    font-size: 1.125rem;
    margin: 1.5rem .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:640px) {
    .cartography-section .cartography-content .left-side .map-slider .slide .slide-content {
        margin: 2.5rem 2rem
    }
}

.cartography-section .cartography-content .left-side .map-slider .slide .slide-content .highlight {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left
}

.cartography-section .cartography-content .left-side .map-slider-arrows {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem
}

@media (min-width:640px) {
    .cartography-section .cartography-content .left-side .map-slider-arrows {
        padding: 2rem
    }
}

.cartography-section .cartography-content .left-side .map-slider-arrows .next,
.cartography-section .cartography-content .left-side .map-slider-arrows .prev {
    z-index: 20
}

.cartography-section .cartography-content .left-side .map-slider-arrows .next.slick-disabled,
.cartography-section .cartography-content .left-side .map-slider-arrows .prev.slick-disabled {
    opacity: .5;
    cursor: not-allowed
}

.cartography-section .cartography-content .right-side {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem .75rem 2rem;
    -webkit-box-ordinal-group: -9998;
    -ms-flex-order: -9999;
    order: -9999
}

@media (min-width:1280px) {
    .cartography-section .cartography-content .right-side {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 33.333333%
    }
}

.cartography-section .cartography-content .right-side .map-container {
    display: inline-block;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.cartography-section .cartography-content .right-side .map-container #regions {
    max-width: 100%
}

.cartography-section .cartography-content .right-side .map-container .region-info {
    font-size: .875rem;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 300;
    --text-opacity: 1;
    color: #f56e3a;
    color: rgba(245, 110, 58, var(--text-opacity));
    text-transform: capitalize
}

.cartography-section .cartography-content .right-side .map-container .region {
    position: relative;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    fill: #393e41
}

.cartography-section .cartography-content .right-side .map-container .region.active,
.cartography-section .cartography-content .right-side .map-container .region:hover {
    fill: #f56e3a
}

.blog-posts-section {
    padding: 1rem;
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
    overflow: hidden
}

.blog-posts-section .title {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-size: 1.875rem;
    text-align: center;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.blog-posts-section .blog-posts-content {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto
}

.blog-posts-section .blog-posts-content .categories-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 4rem;
    padding-right: 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.blog-posts-section .blog-posts-content .categories-container .blog-category {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 9999px;
    padding: .25rem;
    margin: .5rem;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.blog-posts-section .blog-posts-content .categories-container .blog-category:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.blog-posts-section .blog-posts-content .categories-container .blog-category:not(.active) {
    border-color: rgba(0, 0, 0, 0)
}

.blog-posts-section .blog-posts-content .categories-container .blog-category .circle {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 9999px;
    margin-left: .25rem;
    margin-right: .25rem
}

.blog-posts-section .blog-posts-content .categories-container .blog-category .circle-all-colors {
    border-radius: 9999px;
    margin-left: .25rem;
    margin-right: .25rem;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-rotate: 45deg;
    border-color: #f5b03a #e05a5a #2ea3d5 #36c5a5;
    border-style: solid;
    border-width: 12px
}

.blog-posts-section .blog-posts-content .categories-container .blog-category .category-name {
    font-size: 1rem;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-weight: 700;
    margin-left: .25rem;
    margin-right: .25rem
}

.blog-posts-section .blog-posts-content .blogs-slider-container {
    position: relative;
    padding-bottom: 5rem
}

@media (min-width:1024px) {
    .blog-posts-section .blog-posts-content .blogs-slider-container {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide {
    padding: .5rem
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    padding: .5rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 470px
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-image-container {
    position: relative
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-image-container .post-img {
    width: 100%
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-image-container .badge {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    position: absolute;
    top: 0;
    left: 0;
    margin-top: .75rem;
    padding: 1px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-image-container .badge .circle {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
    border-radius: 9999px;
    margin: 1px
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content {
    padding: .5rem
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .post-title {
    text-align: left;
    font-size: 1.125rem
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .post-desc {
    text-align: left;
    font-size: .875rem;
    --text-opacity: 1;
    color: #696d6f;
    color: rgba(105, 109, 111, var(--text-opacity))
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .date-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .date-time .date,
.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .date-time .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .25rem;
    margin-bottom: .25rem;
    margin-right: .25rem
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .date-time .date .date-text,
.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .date-time .date .time-text,
.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .date-time .time .date-text,
.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .post-card-content .date-time .time .time-text {
    font-size: .875rem;
    margin-left: .25rem;
    margin-right: .25rem;
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity))
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .read-more-container {
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-top: auto
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider .slide .post-card .read-more-container .read-more {
    font-size: .875rem;
    border-radius: 9999px;
    font-weight: 600;
    padding: .25rem .75rem
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider-arrows {
    position: absolute;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .75rem
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider-arrows .blogs-slider-prev {
    position: relative;
    z-index: 10;
    margin-left: -2rem
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider-arrows .blogs-slider-next {
    position: relative;
    margin-right: -2rem;
    z-index: 10
}

.blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider-arrows .arrow-icon {
    width: 2.5rem
}

@media (min-width:640px) {
    .blog-posts-section .blog-posts-content .blogs-slider-container .blogs-slider-arrows .arrow-icon {
        width: auto
    }
}

#blogs-slider.slick-dotted.slick-slider {
    margin-bottom: 0
}

#blogs-slider .draggable {
    padding-bottom: 0!important
}

#blogs-slider-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 20
}

#blogs-slider-dots .slick-dots {
    bottom: 1rem
}

#blogs-slider-dots .slick-dots li {
    margin: 0
}

#blogs-slider-dots .slick-dots li button:before {
    content: "";
    opacity: 1;
    width: .75rem;
    height: .75rem;
    margin: .25rem;
    border-radius: 9999px;
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

#blogs-slider-dots .slick-dots .slick-active button:before {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity))
}

#blogs-slider-arrows .slick-arrow {
    -webkit-filter: invert(.6);
    filter: invert(.6)
}

#blogs-slider-arrows .slick-arrow:hover {
    -webkit-filter: invert(51%) sepia(64%) saturate(479%) hue-rotate(153deg) brightness(96%) contrast(87%);
    filter: invert(51%) sepia(64%) saturate(479%) hue-rotate(153deg) brightness(96%) contrast(87%)
}

#blogs-slider-arrows .slick-arrow.slick-disabled {
    opacity: .5;
    cursor: not-allowed
}

#blogs-slider-arrows .slick-arrow.slick-disabled:hover {
    -webkit-filter: invert(.6);
    filter: invert(.6)
}

#blogs-slider .blue .badge .circle {
    --bg-opacity: 1;
    background-color: #2ea3d5;
    background-color: rgba(46, 163, 213, var(--bg-opacity))
}

#blogs-slider .red .badge .circle {
    --bg-opacity: 1;
    background-color: #e05a5a;
    background-color: rgba(224, 90, 90, var(--bg-opacity))
}

#blogs-slider .green .badge .circle {
    --bg-opacity: 1;
    background-color: #36c5a5;
    background-color: rgba(54, 197, 165, var(--bg-opacity))
}

#blogs-slider .yellow .badge .circle {
    --bg-opacity: 1;
    background-color: #f5b03a;
    background-color: rgba(245, 176, 58, var(--bg-opacity))
}


/* begin timeline  */

.timeline-section {
  --bg-opacity: 1;
  background-color: #1B2B38;
  background-color: rgba(27, 43, 56, var(--bg-opacity));
  position: relative
}

.timeline-section .js-scrolltrigger {
    overflow: hidden;
  }

.timeline-section {
  /* direction: ltr; */
}

.timeline-section .section-icon {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin-top: -3rem;
  }

.timeline-section .title {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center;
    padding-top: 5rem;
    padding-bottom: 0.5rem
  }

@media (min-width: 768px) {

.timeline-section .title {
      font-size: 1.875rem
  }
    }

.timeline-section .timeline-nav {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    position: relative;
    margin-top: 1.5rem
  }

.timeline-section .timeline-nav .nav-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative
    }

.timeline-section .timeline-nav .nav-container .timeline-nav-button {
        position: relative;
        overflow: hidden;
        border-top-width: 2px;
        background-color: transparent;
        border-radius: 0;
        border-style: solid;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
      }

.timeline-section .timeline-nav .nav-container .timeline-nav-button .name {
          font-size: 0.875rem;
          font-weight: 500;
          padding-left: 1rem;
          padding-right: 1rem;
          text-align: center;
          padding-bottom: 0.75rem;
          color: #778189;
        }

.timeline-section .timeline-nav .nav-container .timeline-nav-button .circle {
          display: inline-block;
          width: 0.75rem;
          height: 0.75rem;
          border-radius: 9999px;
          margin-top: auto;
          margin-bottom: 1px;
          z-index: 10;
        }

.timeline-section .timeline-nav .nav-container .timeline-nav-button .active-indicator {
          --transform-translate-x: 0;
          --transform-translate-y: 0;
          --transform-rotate: 0;
          --transform-skew-x: 0;
          --transform-skew-y: 0;
          --transform-scale-x: 1;
          --transform-scale-y: 1;
          -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
              -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
                  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
          --transform-translate-y: 1rem;
          bottom: -0.5%;
          opacity: 0;
          -webkit-transition: opacity 200ms, -webkit-transform 200ms;
          transition: opacity 200ms, -webkit-transform 200ms;
          -o-transition: transform 200ms, opacity 200ms;
          transition: transform 200ms, opacity 200ms;
          transition: transform 200ms, opacity 200ms, -webkit-transform 200ms;
        }

.timeline-section .timeline-nav .nav-container .timeline-nav-button.active,
      .timeline-section .timeline-nav .nav-container .timeline-nav-button.slick-slide {
        border-top-width: 5px
      }

.timeline-section .timeline-nav .nav-container .timeline-nav-button.active .name, .timeline-section .timeline-nav .nav-container .timeline-nav-button.slick-slide .name {
          --text-opacity: 1;
          color: #1B2B38;
          color: rgba(27, 43, 56, var(--text-opacity));
        }

.timeline-section .timeline-nav .nav-container .timeline-nav-button.active .active-indicator, .timeline-section .timeline-nav .nav-container .timeline-nav-button.slick-slide .active-indicator {
          opacity: 1;
          --transform-translate-y: 0;
        }

.timeline-section .timeline-nav .nav-container .timeline-nav-button.slick-slide:hover,
        .timeline-section .timeline-nav .nav-container .timeline-nav-button.slick-slide:active {
          opacity: 1;
        }

.timeline-section .genese {
    --border-opacity: 1;
    border-color: #E05A5A;
    border-color: rgba(224, 90, 90, var(--border-opacity))
  }

.timeline-section .genese .circle {
      --bg-opacity: 1;
      background-color: #E05A5A;
      background-color: rgba(224, 90, 90, var(--bg-opacity));
    }

.timeline-section .genese .stepcircle {
      --bg-opacity: 1;
      background-color: #E05A5A;
      background-color: rgba(224, 90, 90, var(--bg-opacity));
    }

.timeline-section .auditions {
    --border-opacity: 1;
    border-color: #36C5A5;
    border-color: rgba(54, 197, 165, var(--border-opacity))
  }

.timeline-section .auditions .circle {
      --bg-opacity: 1;
      background-color: #36C5A5;
      background-color: rgba(54, 197, 165, var(--bg-opacity));
    }

.timeline-section .auditions .stepcircle {
      --bg-opacity: 1;
      background-color: #36C5A5;
      background-color: rgba(54, 197, 165, var(--bg-opacity));
    }

.timeline-section .atelier {
    --border-opacity: 1;
    border-color: #F5B03A;
    border-color: rgba(245, 176, 58, var(--border-opacity))
  }

.timeline-section .atelier .circle {
      --bg-opacity: 1;
      background-color: #F5B03A;
      background-color: rgba(245, 176, 58, var(--bg-opacity));
    }

.timeline-section .atelier .stepcircle {
      --bg-opacity: 1;
      background-color: #F5B03A;
      background-color: rgba(245, 176, 58, var(--bg-opacity));
    }

.timeline-section .citoyen {
    --border-opacity: 1;
    border-color: #6EB82C;
    border-color: rgba(110, 184, 44, var(--border-opacity))
  }

.timeline-section .citoyen .circle {
      --bg-opacity: 1;
      background-color: #6EB82C;
      background-color: rgba(110, 184, 44, var(--bg-opacity));
    }

.timeline-section .citoyen .stepcircle {
      --bg-opacity: 1;
      background-color: #6EB82C;
      background-color: rgba(110, 184, 44, var(--bg-opacity));
    }

.timeline-section .retraite {
    --border-opacity: 1;
    border-color: #828B95;
    border-color: rgba(130, 139, 149, var(--border-opacity))
  }

.timeline-section .retraite .circle {
      --bg-opacity: 1;
      background-color: #828B95;
      background-color: rgba(130, 139, 149, var(--bg-opacity));
    }

.timeline-section .retraite .stepcircle {
      --bg-opacity: 1;
      background-color: #828B95;
      background-color: rgba(130, 139, 149, var(--bg-opacity));
    }

.timeline-section .conference {
    --border-opacity: 1;
    border-color: #E05A98;
    border-color: rgba(224, 90, 152, var(--border-opacity))
  }

.timeline-section .conference .circle {
      --bg-opacity: 1;
      background-color: #E05A98;
      background-color: rgba(224, 90, 152, var(--bg-opacity));
    }

.timeline-section .conference .stepcircle {
      --bg-opacity: 1;
      background-color: #E05A98;
      background-color: rgba(224, 90, 152, var(--bg-opacity));
    }

.timeline-section .pleniere {
    --border-opacity: 1;
    border-color: #4A90E2;
    border-color: rgba(74, 144, 226, var(--border-opacity))
  }

.timeline-section .pleniere .circle {
      --bg-opacity: 1;
      background-color: #4A90E2;
      background-color: rgba(74, 144, 226, var(--bg-opacity));
    }

.timeline-section .pleniere .stepcircle {
      --bg-opacity: 1;
      background-color: #4A90E2;
      background-color: rgba(74, 144, 226, var(--bg-opacity));
    }

.timeline-section .mediatique {
    --border-opacity: 1;
    border-color: #B379FA;
    border-color: rgba(179, 121, 250, var(--border-opacity))
  }

.timeline-section .mediatique .circle {
      --bg-opacity: 1;
      background-color: #B379FA;
      background-color: rgba(179, 121, 250, var(--bg-opacity));
    }

.timeline-section .mediatique .stepcircle {
      --bg-opacity: 1;
      background-color: #B379FA;
      background-color: rgba(179, 121, 250, var(--bg-opacity));
    }

.timeline-section .all-timelines {
    position: relative
  }

.timeline-section .all-timelines .single-timeline {
      position: relative;
      display: none;
      --bg-opacity: 1;
      background-color: #1B2B38;
      background-color: rgba(27, 43, 56, var(--bg-opacity))
    }

.timeline-section .all-timelines .single-timeline.active {
        display: block;
      }

.timeline-section .all-timelines .single-timeline .white-title-pill-container {
        text-align: center;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
        --bg-opacity: 1;
        background-color: #1B2B38;
        background-color: rgba(27, 43, 56, var(--bg-opacity))
      }

@media (min-width: 1280px) {

.timeline-section .all-timelines .single-timeline .white-title-pill-container {
          display: none
      }
        }

.timeline-section .all-timelines .single-timeline .white-title-pill-container .white-title-pill {
          border-radius: 50px 10px 10px 50px;
          border-width: 4px;
          border-style: solid;
          --border-opacity: 1;
          border-color: #32404C;
          border-color: rgba(50, 64, 76, var(--border-opacity));
          --bg-opacity: 1;
          background-color: #fff;
          background-color: rgba(255, 255, 255, var(--bg-opacity));
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center
        }

.timeline-section .all-timelines .single-timeline .white-title-pill-container .white-title-pill .icon {
          }

.timeline-section .all-timelines .single-timeline .white-title-pill-container .white-title-pill .name {
            text-align: left;
            font-size: 1.5rem;
            font-weight: 700;
            margin-left: 1rem;
            margin-right: 1rem
          }

@media (min-width: 768px) {

.timeline-section .all-timelines .single-timeline .white-title-pill-container .white-title-pill .name {
              font-size: 1.875rem
          }
            }

.timeline-section .all-timelines .single-timeline .timeline-container {
        position: relative;
        --bg-opacity: 1;
        background-color: #1B2B38;
        background-color: rgba(27, 43, 56, var(--bg-opacity));
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 8rem;
        padding-right: 8rem
        /* the line  */
      }

.timeline-section .all-timelines .single-timeline .timeline-container:before {
          position: absolute;
          right: 0;
          left: 0;
          --bg-opacity: 1;
          background-color: #32404C;
          background-color: rgba(50, 64, 76, var(--bg-opacity));
          width: 100%;
          height: 0.25rem;
          margin-top: -0.25rem;
          content: "";
          top: 50%;
          width: 100%;
        }

.timeline-section .all-timelines .single-timeline .timeline-container.slick-slider {
          padding-left: 1rem;
          padding-right: 1rem;
        }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none;
          position: relative;
          height: 600px;
          width: 400px
        }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:before {
            position: absolute;
            right: 0;
            left: 0;
            --bg-opacity: 1;
            background-color: #32404C;
            background-color: rgba(50, 64, 76, var(--bg-opacity));
            width: 100%;
            height: 0.25rem;
            margin-top: -0.25rem;
            content: "";
            top: 50%;
            width: 100%;
          }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item .timeline-item-content {
            -webkit-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: 150ms;
                 -o-transition-duration: 150ms;
                    transition-duration: 150ms;
            position: relative;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            height: 50%
          }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item .timeline-item-content .timeline-item-white-card {
              -webkit-transition-property: all;
              -o-transition-property: all;
              transition-property: all;
              -webkit-transition-duration: 150ms;
                   -o-transition-duration: 150ms;
                      transition-duration: 150ms;
              border-top-right-radius: 0.375rem;
              border-bottom-right-radius: 0.375rem;
              position: relative;
              overflow: hidden;
              border-width: 4px;
              border-style: solid;
              --border-opacity: 1;
              border-color: #32404C;
              border-color: rgba(50, 64, 76, var(--border-opacity));
              --bg-opacity: 1;
              background-color: #fff;
              background-color: rgba(255, 255, 255, var(--bg-opacity));
              padding-top: 1rem;
              padding-bottom: 1rem;
              padding-left: 1.5rem;
              padding-right: 1.5rem;
              width: 100%;
              max-width: 24rem;
              margin-left: -4rem;
              z-index: 40;
              border-radius: 40px 10px 10px 40px;
              max-height: 150px;
            }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(even) .timeline-item-content {
              margin-top: auto;
            }

.timeline-section .all-timelines .single-timeline .timeline-container {
        /* item 1  */
      }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(odd) .timeline-item-content {
            padding-bottom: 8rem
          }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(odd) .timeline-item-content .timeline-item-white-card {
              margin-top: auto;
            }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(odd) .timeline-item-content .line-on-stepcircle {
              position: absolute;
              left: 0;
              bottom: 0;
              --bg-opacity: 1;
              background-color: #32404C;
              background-color: rgba(50, 64, 76, var(--bg-opacity));
              width: 0.25rem;
              height: 8rem;
              margin-left: -0.125rem;
            }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(odd) .timeline-item-content .stepcircle {
              position: absolute;
              border-radius: 9999px;
              width: 2.5rem;
              height: 2.5rem;
              border-width: 4px;
              border-style: solid;
              --border-opacity: 1;
              border-color: #32404C;
              border-color: rgba(50, 64, 76, var(--border-opacity));
              margin-right: -1.25rem;
              margin-top: -1.25rem;
              z-index: 10;
              top: 100%;
              right: 100%
            }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(odd) .timeline-item-content .stepcircle .date {
                position: absolute;
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity));
                font-size: 1.125rem;
                text-align: center;
                font-weight: 600;
                width: 8rem;
                margin-left: -2.5rem;
                margin-top: 0.75rem;
                top: 100%;
                left: 0;
              }

.timeline-section .all-timelines .single-timeline .timeline-container {
        /* item 2  */
      }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(even) .timeline-item-content {
            padding-top: 8rem
          }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(even) .timeline-item-content .timeline-item-white-card {
            }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(even) .timeline-item-content .line-on-stepcircle {
              position: absolute;
              left: 0;
              top: 0;
              --bg-opacity: 1;
              background-color: #32404C;
              background-color: rgba(50, 64, 76, var(--bg-opacity));
              width: 0.25rem;
              height: 8rem;
              margin-left: -0.125rem;
            }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(even) .timeline-item-content .stepcircle {
              position: absolute;
              border-radius: 9999px;
              width: 2.5rem;
              height: 2.5rem;
              border-width: 4px;
              border-style: solid;
              --border-opacity: 1;
              border-color: #32404C;
              border-color: rgba(50, 64, 76, var(--border-opacity));
              margin-right: -1.25rem;
              margin-bottom: -1.25rem;
              z-index: 10;
              bottom: 100%;
              right: 100%
            }

.timeline-section .all-timelines .single-timeline .timeline-container .timeline-item:nth-child(even) .timeline-item-content .stepcircle .date {
                position: absolute;
                --text-opacity: 1;
                color: #fff;
                color: rgba(255, 255, 255, var(--text-opacity));
                font-size: 1.125rem;
                text-align: center;
                font-weight: 600;
                width: 8rem;
                margin-left: -2.5rem;
                margin-bottom: 0.75rem;
                bottom: 100%;
                left: 0;
              }

.timeline-section .all-timelines .single-timeline .timeline-container {
        /* timeline-item as a slide  */
      }

@media (max-width: 1279px) {
            .timeline-section .all-timelines .single-timeline .timeline-container .timeline-item.slick-slide .timeline-item-content {
              padding-bottom: 8rem;
              padding-top: 0;
              margin-top: 0
            }
              .timeline-section .all-timelines .single-timeline .timeline-container .timeline-item.slick-slide .timeline-item-content .timeline-item-white-card {
                margin-top: auto;
                margin-left: auto !important;
                margin-right: auto !important;
              }
              .timeline-section .all-timelines .single-timeline .timeline-container .timeline-item.slick-slide .timeline-item-content .line-on-stepcircle {
                position: absolute !important;
                right: 0 !important;
                left: 0 !important;
                margin-left: auto !important;
                margin-right: auto !important;
                bottom: 0 !important;
                top: auto !important;
                --bg-opacity: 1 !important;
                background-color: #32404C !important;
                background-color: rgba(50, 64, 76, var(--bg-opacity)) !important;
                width: 0.25rem !important;
                height: 8rem !important;
              }
              .timeline-section .all-timelines .single-timeline .timeline-container .timeline-item.slick-slide .timeline-item-content .stepcircle {
                position: absolute !important;
                border-radius: 9999px !important;
                width: 2.5rem !important;
                height: 2.5rem !important;
                border-width: 4px !important;
                border-style: solid !important;
                --border-opacity: 1 !important;
                border-color: #32404C !important;
                border-color: rgba(50, 64, 76, var(--border-opacity)) !important;
                right: 0 !important;
                left: 0 !important;
                margin-left: auto !important;
                margin-right: auto !important;
                margin-top: -1.25rem !important;
                top: 100% !important
              }
                .timeline-section .all-timelines .single-timeline .timeline-container .timeline-item.slick-slide .timeline-item-content .stepcircle .date {
                  position: absolute !important;
                  --text-opacity: 1 !important;
                  color: #fff !important;
                  color: rgba(255, 255, 255, var(--text-opacity)) !important;
                  font-size: 1.125rem !important;
                  text-align: center !important;
                  font-weight: 600 !important;
                  width: 8rem !important;
                  margin-left: -2.5rem !important;
                  margin-top: 0.75rem !important;
                  top: 100% !important;
                  left: 0 !important;
                }
        }

.timeline-section .all-timelines .single-timeline {
      /* the gradient on the right  */
    }

.timeline-section .all-timelines .single-timeline:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        content: "";
        width: 10%;
        background: -webkit-gradient(linear, left top, right top, from(transparent), to(#1b2b38));
        background: -o-linear-gradient(left, transparent, #1b2b38);
        background: linear-gradient(to right, transparent, #1b2b38);
      }

@media (min-width: 1280px) {
        .timeline-section .all-timelines .single-timeline .slick-disabled {
          opacity: 0.25;
          cursor: not-allowed;
        }
      }

@media (max-width: 1279px) {
          .timeline-section .all-timelines .single-timeline:first-child .prev.slick-disabled {
            opacity: 0.25;
            cursor: not-allowed;
          }
          .timeline-section .all-timelines .single-timeline:last-child .next.slick-disabled {
            opacity: 0.25;
            cursor: not-allowed;
          }
      }

.timeline-section {
  /* navigation for slider timeline  */
}

.timeline-section .prev,
  .timeline-section .next {
    display: none;
    position: absolute;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%)
  }

.timeline-section .prev.slick-arrow, .timeline-section .next.slick-arrow {
      display: block;
    }

.timeline-section .all-timelines {
    position: relative;
  }

.timeline-section .close-timeline {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    margin-top: 1.5625rem;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px
  }

.timeline-section .close-timeline.active {
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-transition-duration: 200ms;
           -o-transition-duration: 200ms;
              transition-duration: 200ms;
      display: inline-block;
      border-radius: 0;
      background-color: transparent;
    }

.timeline-section .close-timeline:hover {
      opacity: 1;
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2);
    }

/* styles for expanding cards*/

.expand-button {
  font-size: 1.25rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  opacity: 1;
  background: -webkit-gradient(
    linear,
    left bottom, left top,
    from(rgba(27, 43, 56, 0.8)),
    to(rgba(255, 255, 255, 0.8))
  );
  background: -o-linear-gradient(
    bottom,
    rgba(27, 43, 56, 0.8),
    rgba(255, 255, 255, 0.8)
  );
  background: linear-gradient(
    to top,
    rgba(27, 43, 56, 0.8),
    rgba(255, 255, 255, 0.8)
  );
  padding: 5px 0px
}

.expand-button:hover,
  .expand-button:active {
    opacity: 1;
  }

.expand-button .fa-plus {
    display: block;
  }

.expand-button .fa-minus {
    display: none;
  }

/* for arabic  */

body[dir="rtl"] .timeline-section {
    /* fix the rounded shape on pills for arabic  */
  }

body[dir="rtl"] .timeline-section .white-title-pill {
      border-radius: 10px 50px 50px 10px !important;
    }

body[dir="rtl"] .timeline-section .timeline-item-white-card {
      border-radius: 10px 40px 40px 10px !important;
    }

body[dir="rtl"] .timeline-section {
    /* fix lines on circles  */
  }

body[dir="rtl"] .timeline-section .timeline-item .timeline-item-white-card {
        z-index: 10 !important;
        margin-left: 0 !important;
        margin-right: -4rem !important;
      }

body[dir="rtl"] .timeline-section .timeline-item:nth-child(odd) .line-on-stepcircle {
          left: auto !important;
          right: 0 !important;
          margin-left: 0.125rem !important;
        }

body[dir="rtl"] .timeline-section .timeline-item:nth-child(odd) .stepcircle {
          right: auto !important;
          margin-left: -1.25rem !important;
          margin-top: -1.25rem !important;
          left: 100% !important;
          top: 100% !important;
        }

body[dir="rtl"] .timeline-section .timeline-item:nth-child(even) .line-on-stepcircle {
          left: auto !important;
          right: 0 !important;
          margin-left: 0.125rem !important;
        }

body[dir="rtl"] .timeline-section .timeline-item:nth-child(even) .stepcircle {
          right: auto !important;
          margin-left: -1.25rem !important;
          margin-bottom: -1.25rem !important;
          left: 100% !important;
        }

body[dir="rtl"] .timeline-section {
    /* fix nav  */
  }

body[dir="rtl"] .timeline-section .prev {
      right: 0 !important;
      left: auto !important;
    }

body[dir="rtl"] .timeline-section .next {
      left: 0 !important;
      right: auto !important;
    }

body[dir="rtl"] .timeline-section {
    /* fix the the fading overlay at the end  */
  }

body[dir="rtl"] .timeline-section .all-timelines .single-timeline:after {
          position: absolute !important;
          top: 0 !important;
          bottom: 0 !important;
          left: 0 !important;
          right: auto !important;
          content: "";
          width: 10%;
          background: -webkit-gradient(linear, right top, left top, from(transparent), to(#1b2b38)) !important;
          background: -o-linear-gradient(right, transparent, #1b2b38) !important;
          background: linear-gradient(to left, transparent, #1b2b38) !important;
        }

.timeline-item-content.expanded {
  padding: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  z-index: 20 !important
}

.timeline-item-content.expanded .timeline-item-white-card {
    width: 90% !important;
    min-height: 50% !important;
    max-height: 100% !important;
    margin-top: 0 !important;
    padding-bottom: 2rem !important;
  }

.timeline-item-content.expanded .line-on-stepcircle,
  .timeline-item-content.expanded .stepcircle {
    display: none;
  }

.timeline-item-content.expanded .expand-button .fa-plus {
      display: none;
    }

.timeline-item-content.expanded .expand-button .fa-minus {
      display: block;
    }

/* end timeline  */

.report-cards {
    position: relative;
    --bg-opacity: 1;
    background-color: #f1f5f7;
    background-color: rgba(241, 245, 247, var(--bg-opacity));
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.report-cards .icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.report-cards .icon-container .icon {
    margin: -2.6875rem auto 1.25rem
}

.report-cards .title {
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 1.9375rem
}

.report-cards .desc,
.report-cards .title {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    text-align: center
}

.report-cards .desc {
    font-size: .875rem;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1057px
}

.report-cards .cards-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

.report-cards .cards-container,
.report-cards .cards-container .middle-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.report-cards .cards-container .middle-cards {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center
}

.report-cards .cards-container .card-item {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1.125rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
    max-width: 538px;
    min-height: 282px;
    -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 24px rgba(0, 0, 0, .1)
}

.report-cards .cards-container .card-item .card-title {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    margin-top: 1.6875rem;
    margin-bottom: 0
}

.report-cards .cards-container .card-item .icon-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

@media (min-width:768px) {
    .report-cards .cards-container .card-item .icon-desc {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.report-cards .cards-container .card-item .icon-desc img {
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
    margin-top: 19px;
    margin: 15px;
}

.report-cards .cards-container .card-item .icon-desc .card-desc {
    font-size: .875rem;
    --text-opacity: 1;
    color: #696d6f;
    color: rgba(105, 109, 111, var(--text-opacity));
    text-align: center;
    max-width: 360px
}

@media (min-width:768px) {
    .report-cards .cards-container .card-item .icon-desc .card-desc {
        text-align: left;
        text-align: initial
    }
}

.report-cards .cards-container .card-item .button-container {
    margin-top: auto;
    text-align: center
}

.report-cards .cards-container .card-item .button-container .button {
    border-radius: 9999px;
    height: 2.25rem;
    font-size: .875rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #4a90e2;
    background-color: rgba(74, 144, 226, var(--bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem
}

.report-cards .cards-container .card-item .button-container .button:hover {
    opacity: .75
}

.report-cards .cards-container .card-item .button-container .button:active {
    --bg-opacity: 0.5;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-scale-x: .95;
    --transform-scale-y: .95
}

.report-cards .underline {
    height: .125rem;
    --bg-opacity: 1;
    background-color: #d8d8d8;
    background-color: rgba(216, 216, 216, var(--bg-opacity));
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.875rem;
    max-width: 367px
}

.report-questions {
    --bg-opacity: 1;
    background-color: #f1f5f7;
    background-color: rgba(241, 245, 247, var(--bg-opacity));
    padding-top: 2.8125rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.report-questions .desc {
    font-size: .875rem;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    margin-bottom: 1.6875rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 1057px
}

.report-questions .form-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.report-questions .form-button-container .button {
    height: 2.25rem;
    --bg-opacity: 1;
    background-color: #36c5a5;
    background-color: rgba(54, 197, 165, var(--bg-opacity));
    border-radius: 9999px;
    font-size: .875rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    padding-left: .9375rem;
    padding-right: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6875rem
}

.report-questions .form-button-container .button:hover {
    opacity: .75
}

.report-questions .form-button-container .button:active {
    --bg-opacity: 0.5;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-scale-x: .95;
    --transform-scale-y: .95
}

.report-questions .form-button-container .button.active+.form-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.report-questions .form-button-container .form-popup {
    position: absolute;
    z-index: 50;
    margin-left: auto;
    margin-right: auto;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    padding-left: .9375rem;
    padding-right: .9375rem;
    /* top: 100%; */
    max-width: 606px;
    height: 100%;
}

.report-questions .form-button-container .form-popup .form-card {
    padding: .75rem;
    border-radius: .5rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    width: 100%;
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    position: relative;
    max-width: 606px;
    min-height: 642px
}

.report-questions .form-button-container .form-popup .form-card .close-title-container {
    position: relative
}

.report-questions .form-button-container .form-popup .form-card .close-title-container .form-title {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.report-questions .form-button-container .form-popup .form-card .close-title-container .close-form {
    z-index: 50;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0
}

.report-questions .form-button-container .form-popup .form-card .close-title-container .close-form:hover {
    opacity: .75
}

.report-questions .form-button-container .form-popup .form-card .close-title-container .close-form:active {
    --bg-opacity: 0.5;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-scale-x: .95;
    --transform-scale-y: .95
}

.report-questions .form-button-container .form-popup .form-card .form-fields {
    margin: 2.1875rem auto 1.5rem
}

.report-questions .form-button-container .form-popup .form-card .form-fields .field {
    margin-bottom: 1rem
}

.report-questions .form-button-container .form-popup .form-card .form-fields .field .field-label {
    display: block;
    font-size: .875rem;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-weight: 700;
    margin-bottom: .4375rem
}

.report-questions .form-button-container .form-popup .form-card .form-fields .field .field-input {
    border-radius: 1.5rem;
    height: 2.3125rem;
    padding: .625rem 1.375rem;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-weight: 700;
    width: 100%;
    border: 1px solid #e8e8e8
}

.report-questions .form-button-container .form-popup .form-card .form-fields .field .field-textarea {
    border-radius: 1.5rem;
    padding: .875rem 1.375rem;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-weight: 700;
    width: 100%;
    border: 1px solid #e8e8e8;
    min-height: 127px
}

.report-questions .form-button-container .form-popup .form-card .form-submit {
    --bg-opacity: 1;
    background-color: #36c5a5;
    background-color: rgba(54, 197, 165, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 700;
    width: 5.625rem;
    height: 2.5rem;
    margin-bottom: 1.5rem;
    border-radius: 9999px
}

.report-questions .form-button-container .form-popup .form-card .form-submit:hover {
    opacity: .75
}

.report-questions .form-button-container .form-popup .form-card .form-submit:active {
    --bg-opacity: 0.5;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-scale-x: .95;
    --transform-scale-y: .95
}

.report-questions .form-button-container .form-popup .form-card .form-success-msg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    text-align: center;
    padding: .9375rem
}

.report-questions .form-button-container .form-popup .form-card .form-success-msg .check-icon {
    margin-top: 5.875rem;
    margin-bottom: 2.9375rem
}

.report-questions .form-button-container .form-popup .form-card .form-success-msg .msg {
    font-size: 1.25rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    max-width: 454px
}

.report-questions .title {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-size: 1.25rem;
    font-weight: 700;
    margin-left: .9375rem;
    margin-right: .9375rem;
    text-align: center;
    margin-bottom: 1.625rem
}

.report-questions .qa-accordion {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6.25rem;
    max-width: 1129px
}

.report-questions .qa-accordion .item {
    margin-top: .625rem;
    margin-bottom: .625rem;
    background-color: rgba(0, 0, 0, 0)
}

.report-questions .qa-accordion .item .item-header {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: .5rem;
    padding: .625rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.report-questions .qa-accordion .item .item-header .user-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.report-questions .qa-accordion .item .item-header .txt {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-size: .875rem;
    margin: .625rem;
    text-align: center;
    max-width: 85%
}

.report-questions .qa-accordion .item .item-header .txt .name-location {
    font-weight: 700;
    font-size: 1rem
}

.report-questions .qa-accordion .item .item-header .toggle {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0
}

.report-questions .qa-accordion .item .item-header .toggle:hover {
    opacity: .75
}

.report-questions .qa-accordion .item .item-header .toggle:active {
    --bg-opacity: 0.5;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-scale-x: .95;
    --transform-scale-y: .95
}

.report-questions .qa-accordion .item .item-header .toggle .minus {
    display: none
}

.report-questions .qa-accordion .item .item-header .toggle .plus {
    display: block
}

.report-questions .qa-accordion .item .item-body {
    display: none;
    padding: .625rem 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0)
}

.report-questions .qa-accordion .item .item-body .body-txt {
    margin-left: .625rem;
    margin-right: .625rem;
    margin-top: .625rem;
    text-align: center
}

.report-questions .qa-accordion .item .item-body .body-txt .name {
    font-weight: 700;
    font-size: 1rem
}

.report-questions .qa-accordion .item .item-body .body-txt .body-answer {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-size: .875rem;
    margin-top: .625rem;
    margin-bottom: .625rem;
    max-width: 968px
}

.report-questions .qa-accordion .item.active .item-header .toggle .plus {
    display: none
}

.report-questions .qa-accordion .item.active .item-header .toggle .minus {
    display: block
}

.report-questions .qa-accordion .item.active .item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) {
    .report-questions .qa-accordion .item .item-header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 31px
    }
    .report-questions .qa-accordion .item .item-header .txt {
        text-align: left;
        text-align: initial
    }
    .report-questions .qa-accordion .item .item-header .toggle {
        margin-left: auto;
        margin-right: 0
    }
    .report-questions .qa-accordion .item .item-body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .report-questions .qa-accordion .item .item-body .body-txt {
        text-align: left;
        text-align: initial
    }
}

@media (min-width:768px) {
    body[dir=rtl] .report-questions .qa-accordion .item-header .toggle {
        margin-right: auto;
        margin-left: 0
    }
}


/*close timeline button styles */

.timeline-section .all-timelines {
    position: relative;
}

.timeline-section .close-timeline {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    margin-top: 1.5625rem;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px
}

.timeline-section .close-timeline.active {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    display: inline-block;
    border-radius: 0;
    background-color: transparent;
}

.timeline-section .close-timeline:hover {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


/* report page form tweak*/

select.field-input {
    appearance: none;
}


/*restitution page styles */

.overlay-normal:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --bg-opacity: 0.5;
    content: ""
}

.restitution-header .image-content-container {
    padding: 1.25rem;
    background-size: cover;
    background-position: 50%;
    text-align: center;
    position: relative
}

.restitution-header .image-content-container:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --bg-opacity: 0.5;
    content: ""
}

.restitution-header .image-content-container {
    background-image: url(/v2-assets/restitution/header.jpg)
}

.restitution-header .image-content-container .csmd-logo {
    margin-bottom: 1.9375rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    max-width: 356px
}

.restitution-header .image-content-container .txt-under-logo {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: 1rem;
    margin-bottom: 3.75rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.25rem;
    position: relative;
    max-width: 1105px
}

.restitution-section1 .icon-container {
    text-align: center;
    position: relative
}

.restitution-section1 .icon-container .icon {
    margin-top: -2.8125rem;
    margin-bottom: 1.25rem
}

.restitution-section1 .title {
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 1.875rem
}

.restitution-section1 .desc,
.restitution-section1 .title {
    text-align: center;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity))
}

.restitution-section1 .desc {
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    margin-bottom: 3.75rem;
    padding-left: .625rem;
    padding-right: .625rem;
    max-width: 1125px
}

.restitution-section1 .pills-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px
}

.restitution-section1 .pills-container,
.restitution-section1 .pills-container .pill-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.restitution-section1 .pills-container .pill-item {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    margin-bottom: 4rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    max-width: 508px;
    min-height: 102px;
    border-radius: 76px;
    -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 24px rgba(0, 0, 0, .1)
}

.restitution-section1 .pills-container .pill-item .pill-icon {
    margin: .375rem .625rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.restitution-section1 .pills-container .pill-item .pill-txt {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    text-align: left;
    text-align: initial
}

@media (max-width:767px) {
    .restitution-section1 .pills-container .pill-item {
        border-radius: .5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .restitution-section1 .pills-container .pill-item .pill-txt {
        text-align: center
    }
}

.restitution-section2 {
    padding-top: 4.125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    --bg-opacity: 1;
    background-color: #f1f5f7;
    background-color: rgba(241, 245, 247, var(--bg-opacity))
}

.restitution-section2 .desc {
    font-size: 1rem;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    margin-bottom: 3rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 934px
}

.restitution-section2 .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

.restitution-section2 .content-container .image-with-pill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.restitution-section2 .content-container .image-with-pill .img .image {
    width: 100%;
    margin-bottom: -1.25rem;
    max-width: 500px
}

.restitution-section2 .content-container .image-with-pill .pill-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    margin-bottom: 4rem;
    max-width: 508px;
    min-height: 102px;
    border-radius: 76px;
    -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 24px rgba(0, 0, 0, .1)
}

.restitution-section2 .content-container .image-with-pill .pill-item .pill-icon {
    margin: .375rem .625rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.restitution-section2 .content-container .image-with-pill .pill-item .pill-txt {
    margin-left: .9375rem;
    margin-right: .9375rem;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-weight: 700;
    line-height: 1.5rem;
    font-size: 1.25rem;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    text-align: left;
    text-align: initial
}

@media (max-width:1279px) {
    .restitution-section2 .content-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .restitution-section2 .content-container .image-with-pill .pill-item {
        border-radius: .5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .restitution-section2 .content-container .image-with-pill .pill-item .pill-txt {
        text-align: center
    }
}

.restitution-section3 {
    padding: 2.1875rem 1.25rem 4.375rem
}

.restitution-section3 .title {
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 2.625rem;
    text-align: center
}

.restitution-section3 .desc,
.restitution-section3 .title {
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity))
}

.restitution-section3 .desc {
    font-size: 1rem;
    margin-bottom: 4.125rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px
}

.restitution-section3 .cards-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.restitution-section3 .cards-container .card-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.25rem .3125rem;
    border-radius: .375rem;
    overflow: hidden;
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    max-width: 365px;
    min-height: 507px;
    -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 24px rgba(0, 0, 0, .1)
}

.restitution-section3 .cards-container .card-item:hover {
    z-index: 10;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.restitution-section3 .cards-container .card-item .image-part {
    background-size: cover;
    background-position: 50%
}

.restitution-section3 .cards-container .card-item .image-part:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --bg-opacity: 0.5;
    content: ""
}

.restitution-section3 .cards-container .card-item .image-part {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 245px
}

.restitution-section3 .cards-container .card-item .image-part .title-on-image {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: 1.25rem;
    font-weight: 700;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-align: center;
    position: relative
}

.restitution-section3 .cards-container .card-item .txt-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.restitution-section3 .cards-container .card-item .txt-part,
.restitution-section3 .cards-container .card-item .txt-part .download-button {
    --bg-opacity: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.restitution-section3 .cards-container .card-item .txt-part .download-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #2ea3d5;
    background-color: rgba(46, 163, 213, var(--bg-opacity));
    position: relative;
    font-size: .875rem;
    font-weight: 700;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
    text-align: center;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    margin-bottom: .3125rem;
    margin-top: -1.125rem;
    border-radius: 1.5rem;
    min-height: 36px
}

.restitution-section3 .cards-container .card-item .txt-part .card-desc {
    margin-bottom: .6875rem;
    --text-opacity: 1;
    color: #696d6f;
    color: rgba(105, 109, 111, var(--text-opacity));
    font-size: .875rem;
    text-align: center;
    margin-left: .625rem;
    margin-right: .625rem
}

.restitution-section3 .cards-container .card-item .txt-part .see-more-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --bg-opacity: 1;
    background-color: #2ea3d5;
    background-color: rgba(46, 163, 213, var(--bg-opacity));
    font-size: .875rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-radius: 1.5rem;
    margin-top: auto;
    margin-bottom: .75rem;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
    text-align: center;
    min-height: 36px
}

.restitution-section4 {
    --bg-opacity: 1;
    background-color: #f1f5f7;
    background-color: rgba(241, 245, 247, var(--bg-opacity));
    padding: 2.75rem 1.25rem 4.5rem
}

.restitution-section4 .title {
    text-align: center;
    --text-opacity: 1;
    color: #4a4a4a;
    color: rgba(74, 74, 74, var(--text-opacity));
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 2.0625rem
}

.restitution-section4 .card-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.25rem auto;
    border-radius: .375rem;
    overflow: hidden;
    max-width: 415px;
    min-height: 407px;
    -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 24px rgba(0, 0, 0, .1)
}

.restitution-section4 .card-item .image-part {
    background-size: cover;
    background-position: 50%
}

.restitution-section4 .card-item .image-part:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --bg-opacity: 0.5;
    content: ""
}

.restitution-section4 .card-item .image-part {
    position: relative;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    min-height: 178px
}

.restitution-section4 .card-item .image-part,
.restitution-section4 .card-item .txt-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.restitution-section4 .card-item .txt-part {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding-top: 1.6875rem;
    padding-left: 1.6875rem;
    padding-right: 1.6875rem
}

.restitution-section4 .card-item .txt-part .desc {
    margin-bottom: .6875rem;
    --text-opacity: 1;
    color: #696d6f;
    color: rgba(105, 109, 111, var(--text-opacity));
    font-size: .875rem;
    text-align: center;
    margin-left: .625rem;
    margin-right: .625rem
}

.restitution-section4 .card-item .txt-part .see-more-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --bg-opacity: 1;
    background-color: #2ea3d5;
    background-color: rgba(46, 163, 213, var(--bg-opacity));
    font-size: .875rem;
    font-weight: 700;
    width: 100%;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-radius: 1.5rem;
    margin-top: auto;
    margin-bottom: .75rem;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
    text-align: center;
    min-height: 36px;
    max-width: 137px
}


/*end restitution page styles */

/* start infograph & report links */

.report-infograph-links-section {
  padding-top: 6.1875rem
}

.report-infograph-links-section .items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end
  }

.report-infograph-links-section .items-container .item {
      padding-left: 1.25rem;
      padding-right: 1.25rem
    }

.report-infograph-links-section .items-container .item .item-image {
        width: 100%;
        max-width: 350px;
      }

.report-infograph-links-section .items-container .item .pill-item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        margin-bottom: 3.1875rem;
        max-width: 370px;
        min-height: 62px;
        border-radius: 76px;
        -webkit-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1)
      }

.report-infograph-links-section .items-container .item .pill-item .pill-icon {
          margin-left: 0.5rem;
          margin-right: 0.5rem;
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-radius: 9999px;
          background-color: #f0f0f0;
          width: 49px;
          height: 49px;
        }

.report-infograph-links-section .items-container .item .pill-item .pill-txt {
          margin-left: 0.5rem;
          margin-right: 0.5rem;
          margin-bottom: 0;
          font-weight: 700;
          font-size: 0.875rem;
          line-height: 1rem;
          --text-opacity: 1;
          color: #4A4A4A;
          color: rgba(74, 74, 74, var(--text-opacity));
          max-width: 226px;
          text-align: left;
          text-align: initial;
        }

/* end infograph & report links  */

/*fix txt alignment in pills inside timeline */
.timeline-section .all-timelines .single-timeline .white-title-pill-container .white-title-pill .name {
    text-align: initial;
}