/*****DINPro*******/

@font-face {
    font-family: 'DINPro-Black';
    src: url(../fonts/DinPro/DINPro-Black.ttf);
}

@font-face {
    font-family: 'DINPro-BlackItalic';
    src: url(../fonts/DinPro/DINPro-BlackItalic.ttf);
}

@font-face {
    font-family: 'DINPro-Bold';
    src: url(../fonts/DinPro/DINPro-Bold.ttf);
}

@font-face {
    font-family: 'DINPro-BoldItalic';
    src: url(../fonts/DinPro/DINPro-BoldItalic.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedBlack';
    src: url(../fonts/DinPro/DINPro-CondensedBlack.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedBlackItalic';
    src: url(../fonts/DinPro/DINPro-CondensedBlackItalic.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedBold';
    src: url(../fonts/DinPro/DINPro-CondensedBold.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedBoldItalic';
    src: url(../fonts/DinPro/DINPro-CondensedBoldItalic.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedItalic';
    src: url(../fonts/DinPro/DINPro-CondensedItalic.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedLight';
    src: url(../fonts/DinPro/DINPro-CondensedLight.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedLightItalic';
    src: url(../fonts/DinPro/DINPro-CondensedLightItalic.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedMedium';
    src: url(../fonts/DinPro/DINPro-CondensedMedium.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedMediumItalic';
    src: url(../fonts/DinPro/DINPro-CondensedMediumItalic.ttf);
}

@font-face {
    font-family: 'DINPro-CondensedRegular';
    src: url(../fonts/DinPro/DINPro-CondensedRegular.ttf);
}

@font-face {
    font-family: 'DINPro-Italic';
    src: url(../fonts/DinPro/DINPro-Italic.ttf);
}

@font-face {
    font-family: 'DINPro-Light';
    src: url(../fonts/DinPro/DINPro-Light.ttf);
}

@font-face {
    font-family: 'DINPro-LightItalic';
    src: url(../fonts/DinPro/DINPro-LightItalic.ttf);
}

@font-face {
    font-family: 'DINPro-Medium';
    src: url(../fonts/DinPro/DINPro-Medium.ttf);
}

@font-face {
    font-family: 'DINPro-MediumItalic';
    src: url(../fonts/DinPro/DINPro-MediumItalic.ttf);
}

@font-face {
    font-family: 'DINPro';
    src: url(../fonts/DinPro/DINPro.ttf);
}

@font-face {
    font-family: 'EdoSZ';
    src: url(../fonts/DinPro/edosz.ttf);
}


:root {
    --DINPro: 'DINPro';
    --DINPro-Bold: 'DINPro-Bold';
    --DINPro-Medium: 'DINPro-Medium';
    --DINPro-MediumItalic: 'DINPro-MediumItalic';
    --DINPro-BoldItalic: 'DINPro-BoldItalic';
    --DINPro-Italic: 'DINPro-Italic';
    --DINPro-CondensedMedium: 'DINPro-CondensedMedium';
    --DINPro-CondensedBlack: 'DINPro-CondensedBlack';
    --DINPro-CondensedBold: 'DINPro-CondensedBold';

}


html {
    scroll-behavior: smooth;
}

body {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body p,
body span {
    line-height: normal;
    color: #5C5262;
}

.btn:active {
    outline: none;
    border: none;
}

.btn {
    display: block;
    outline: none !important;
    border: none;
}

a {
    outline: none !important;
}

.button {
    outline: none !important;
}

body img {
    max-width: 100%
}

body p:empty {
    display: none
}

a {
    overflow: hidden;
}

.parent_container {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}

body p {
    font-size: 18px;
    font-family: var(--DINPro);
}


.my-btn a {
    color: #fff;
    font-family: 'DINPro-Bold';
    display: flex;
    background-color: #D2393E;
    border: 2px solid #D2393E;
    justify-content: center;
    gap: 20px;
    align-items: center;
    text-decoration: none;
    padding: 10px 27px;
    border-radius: 35px;
    text-transform: uppercase;
    font-size: 16px;
    width: fit-content;
    transition: .5s ease all;
    text-transform: uppercase;
}

.my-btn a:hover,
.my-btn a:focus {
    color: #D2393E;
}

.my-btn a img {
    width: 30px;
}

.section {
    margin-bottom: 60px;
}

b {
    font-family: var(--DINPro-Bold);
}

.my-btn.mob {
    display: none;
}

section.section4 .content .titre.mob {
    display: none;
}

section.section4 .content .descr.mob {
    display: none;
}

.section.section-slider .items .item .image .mob {
    display: none;
}


/*-------------------- Video Modal--------------*/
.video-modal,
.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}

.video-modal {
    overflow: hidden;
    position: fixed;
    opacity: 0;
    -webkit-transform: translate(500%, 0%);
    transform: translate(500%, 0%);
    -webkit-transition: -webkit-transform 0s linear 0s;
    transition: -webkit-transform 0s linear 0s;
    transition: transform 0s linear 0s;
    transition: transform 0s linear 0s, -webkit-transform 0s linear 0s;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.video-modal .overlay {
    z-index: 0;
    background: rgba(13, 1, 61, 0.82);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out 0.05s;
    transition: opacity 0.2s ease-out 0.05s;
}

.video-modal-content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    margin: 0 auto;
    overflow-y: visible;
    background: #000;
    width: calc(100% - 12em);
    height: 0;
    padding-top: calc((100% - 12em) * 0.5625);

}


@media (min-aspect-ratio: 16 / 9) {
    .video-modal-content {
        width: 0;
        height: calc(100vh - 10em);
        padding-top: 0;
        padding-left: calc((100vh - 10em) * 1.7778);

    }
}


@media (max-width: 640px) {
    .video-modal-content {
        width: calc(100% - 1em);
        padding-top: calc((100% - 1em) * 0.5625);

    }
}


.close-video-modal {
    display: block;
    position: absolute;
    left: 0;
    top: -40px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}


iframe#youtube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
}

iframe#youtube-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
}

.show-video-modal .video-modal {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    z-index: 99999;
}

.show-video-modal .video-modal .overlay {
    opacity: 1;
}

.show-video-modal .video-modal-content {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

@-webkit-keyframes borderAnimation {
    0% {
        border-width: 0;
    }

    100% {
        border-width: 20px;
    }
}

@keyframes borderAnimation {
    0% {
        border-width: 0;
    }

    100% {
        border-width: 20px;
    }
}



/***************************************************start***********************************************************************/
/*********HOVER**********/

/**animations**/
@keyframes hvr-icon-pulse-grow {
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-grow .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function:
        linear;
    animation-timing-function:
        linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.hvr-icon-pulse-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function:
        ease-out;
    transition-timing-function:
        ease-out;
}

/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}




/* Radial Out */
.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
    color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

/*********END HOVER**********/

/*****section header******/
section.section-header {
    width: 1330px;
    padding: 0 30px;
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
}

section.section-header .logo {
    width: fit-content;
}

section.section-header .logo img {
    width: 230px;
}

/* section-slider */
.section.section-slider {
    height: 100vh;
    position: relative;
    z-index: 1;
    background-color: rgba(255, 0, 0, 0.199);
}

.section.section-slider .parent_container,
.section.section-slider .parent_container .content {
    height: 100%;
}

.section.section-slider .parent_container .content {
    position: relative;
}

.section.section-slider .parent_container .content .hero {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 670px;
    max-width: 100%;
    z-index: 9;
}

.section.section-slider .hero h1 {
    font-size: 72px;
    color: #fff;
    font-family: var(--DINPro-CondensedMedium);
    text-transform: uppercase;
}

.section.section-slider .hero h1 img {
    width: 55px;
}

.section.section-slider .hero .small {
    padding-left: 25px;
}

.section.section-slider .hero .big {
    font-family: var(--DINPro-CondensedBlack);
}

.section.section-slider .hero .texte {
    text-align: center;
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.section.section-slider .hero .texte p {
    font-size: 22px;
    color: #fff;
    font-family: var(--DINPro-Bold);
}

.section.section-slider .hero .my-btn a {
    margin: 0 auto;
}

.section.section-slider .hero .contenu {
    position: relative;
}

.section.section-slider .hero .contenu::after {
    content: '';
    width: 60px;
    height: 55px;
    position: absolute;
    background-image: url(../images/hero-star.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 11;
    top: -46px;
    left: 0;
}

.section.section-slider .items {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.section.section-slider .items .item,
.section.section-slider .items .item .image {
    height: 100%;
}


/* .slider-items .item {
    position: relative;
} */

.slider-items {
    visibility: hidden;
}

.slider-items.slick-initialized {
    visibility: visible;
}


.amine {
    position: fixed
}

.section.section-slider .items .item .image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: center;
    max-width: 100%;
}

.section.section-slider .slick-list.draggable,
.section.section-slider .slick-track {
    height: 100%;
}

.section.section-slider .team {
    position: absolute;
    bottom: 190px;
    right: 150px;
    z-index: 1;
    width: fit-content;
    text-align: right;
}

.section.section-slider .team span {
    font-size: 17px;
    color: #fff;
    font-family: var(--DINPro-Bold);
    text-transform: uppercase;
}

.section.section-slider .slick-prev:before,
.section.section-slider .slick-next:before {
    content: unset;
}

.section.section-slider .slick-prev {
    bottom: 100px;
    left: unset;
    top: unset;
    z-index: 99;
    right: 250px;
    width: 57px;
    height: 52px;
    transition: .5s;
}

.section.section-slider .slick-next {
    bottom: 100px;
    left: unset;
    top: unset;
    z-index: 99;
    right: 150px;
    width: 57px;
    height: 52px;
    transition: .5s;
}


.section.section-slider .slick-next:hover img,
.section.section-slider .slick-prev:hover img {
    filter: brightness(0) saturate(100%) invert(58%) sepia(18%) saturate(802%) hue-rotate(113deg) brightness(102%) contrast(98%);
}

.section.section-slider .items .btn-play {
    position: absolute;
    top: 44%;
    left: 56%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.section.section-slider .items .btn-play img {
    width: 90px;
}

.section.section-slider {
    margin-bottom: unset;
}

.div-countdown {
    display: flex;
    gap: 15px;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5px;
    z-index: 11;
    padding: 0 15px;
}

.div-countdown .left-div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.div-countdown .left-div span {
    font-size: 18px;
    color: #fff;
    font-family: var(--DINPro);
    text-transform: uppercase;
}

.div-countdown .left-div .date div .countdown {
    font-size: 18px;
    font-family: var(--DINPro-Bold);
    text-transform: uppercase;
    color: #FFC048;
    position: relative;
    top: -2px;
}


/******animation starshine****/


.starshine {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 63%;
    z-index: 1;
    overflow: hidden;
    padding: 22px;

}

.shine {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -moz-opacity: 0;
    opacity: 0;
    animation: glitter 6s linear 0s infinite normal, glow 5s infinite;
    -webkit-animation: glitter 6s linear 0s infinite normal, glow 5s infinite;
    -moz-animation: glitter 8s linear 0s infinite normal, glow 5s infinite;
    -ms-animation: glitter 8s linear 0s infinite normal, glow 5s infinite;
    -o-animation: glitter 8s linear 0s infinite normal, glow 5s infinite;

    background-color: #9B9D7A;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    height: 10px;
    width: 10px;
}

.section-5 .starshine {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.section-5 .shine {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: unset;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAMAAACJuGjuAAADAFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/LkhhAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 2;
    color: tansparent;
    -moz-opacity: 0;
    opacity: 0;
    animation: glitter 6s linear 0s infinite normal;
    -webkit-animation: glitter 6s linear 0s infinite normal;
    -moz-animation: glitter 8s linear 0s infinite normal;
    -ms-animation: glitter 8s linear 0s infinite normal;
    -o-animation: glitter 8s linear 0s infinite normal;
}

@keyframes glow {
    0% {
        box-shadow: 0 0 -28px 3px #b97529;
    }

    40% {
        box-shadow: 0 0 15px 3px #b97529;
    }

    60% {
        box-shadow: 0 0 15px 3px #b97529;
    }

    100% {
        box-shadow: 0 0 -28px 3px #b97529;
    }
}

.shine.small {
    width: 20px;
    height: 20px;
}

.shine.medium {
    width: 30px;
    height: 30px;
}

.shine.large {
    width: 30px;
    height: 30px;
}

/*CSS3 keyframes for glittering effect*/
@-webkit-keyframes glitter {
    0% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(1) rotate(360deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.3) rotate(720deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
}

/***********end animation****/

/**section-don-form**/


/*****start section don form*****/
.section.section-don-form {
    position: fixed;
    bottom: 0px;
    z-index: 1111;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    background-color: rgba(45, 44, 46, 0.8);
}

.section.section-don-form .parent_container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: unset;
}

.section.section-don-form .parent_container .bg-red {
    padding: unset;
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}

.section.section-don-form .navbar-nav {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    padding: 10px 0px;
    gap: 10px;
    align-items: center;
}

.navbar>.container-fluid {
    padding: unset;
}

.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}


.bg-red {
    background-color: var(--unnamed-color-c32525);
}

.navbar-expand-lg {
    /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16); */
    z-index: 99;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: center;
}

li.li-heart {
    display: flex;
    align-items: center;
    gap: 15px;
}

.navbar-nav .nav-item.li-btn {
    display: flex;
    align-items: center;
}

.navbar-nav .nav-item .div-don>span.prix {
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    font-variant: var(--DINPro-Bold);
}

.navbar-nav .form-check {
    min-height: 2.5rem;
    padding-left: 20px;
}

.navbar-nav .form-check .form-check-input {
    margin-left: -2em;
    margin-top: 10px;
}

.navbar-nav .form-check-input {
    width: 30px;
    height: 30px;
}

.navbar-nav .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.navbar-nav .div-don {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 3px;
    margin-left: 10px;
}

.form-text input {
    font-family: var(--DINPro-Bold);
    border: 2px solid #fff;
    padding: 13px 10px;
    border-radius: 10px;
    background-color: transparent;
    color: #fff;
    max-width: 100%;
    width: 165px;
}

li.nav-item.li-star {
    width: 160px;
    color: #fff;
    max-width: 100%;
    position: relative;
}

li.nav-item.li-star:after {
    content: url('../images/etoile-filante.svg');
    top: -60px;
    right: 0;
    position: absolute;
}

li.nav-item .div-don strong {
    font-family: var(--DINPro-Bold);
}

li.nav-item span.s-description.fs12 {
    font-size: 12px;
    font-family: var(--museo-sans500);
}

span.fs12.s-description.txt {
    display: block;
    line-height: 9px;
}

li.nav-item span.s-description.fs12 .bold {
    font-family: var(--museo-sans900);
}

.d-mobile {
    display: none;
}

.burger-btn {
    margin-top: 10px;
}

.close-toggler {
    position: absolute;
    right: 20px;
    top: 20px;
    border-radius: 50%;
    padding: 0px 7px;
    border: unset;
    background: var(--unnamed-color-ffd300);
}

.fixed {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

#otherAmount::placeholder {
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.navbar-nav .form-check .form-check-input {
    border: 1px solid;
    border-color: #fff !important;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #fff;
}

.navbar-nav .form-check-input:checked {
    background-color: #F7A647;
    border-color: #F7A647 !important;
}

.my-btn.mobile {
    display: none;
}


.section.section-don-form .navbar-nav .left-text p,
.section.section-don-form .navbar-nav .left-text span {
    font-size: 16px;
    font-family: var(--DINPro-Bold);
    margin: unset;
    color: #fff;
    text-transform: uppercase;

}

.section.section-don-form .navbar-nav .left-text span {
    color: #F7A647;
}

.section.section-don-form .navbar-nav .montant-deduction .montant {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}

.section.section-don-form .navbar-nav .montant-deduction {
    width: 50%;
    max-width: 100%;
    text-align: center;
}

.section.section-don-form .navbar-nav .montant-deduction .deduction span {
    color: #fff;
    font-size: 13px;
    font-family: var(--DINPro-Medium);
}

.section.section-don-form .navbar-nav .montant-deduction .deduction .result {
    color: #F7A647;
}


/****/

/**section2***/

section.section2 {
    padding: 60px 0 130px 0;
    background-image: url(../images/bg-section2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    overflow: hidden;
}

section.section2 .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    z-index: 11;
    position: relative;
}

section.section2 .content .left-col {
    width: 50%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}

section.section2 .content .left-col::after {
    content: '';
    width: 60px;
    height: 55px;
    position: absolute;
    background-image: url(../images/hero-star.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 11;
    top: -32px;
    left: -5px;
}

section.section2 .content .right-col {
    width: 50%;
    max-width: 100%;
}

section.section2 .content .left-col .text,
section.section2 .content .left-col .descr,
section.section2 .content .left-col .my-btn {
    text-align: center;
    width: 90%;
    max-width: 100%;
}

section.section2 .content .left-col .text p {
    font-size: 18px;
    color: #5C5262;
    font-family: var(--DINPro);
}

section.section2 .content .left-col .descr {
    margin-bottom: 20px;
}

section.section2 .content .left-col .descr span {
    font-size: 18px;
    color: #fff;
    font-family: var(--DINPro-Bold);
    display: block;
    padding: 0 5px;
    background-color: #F7A647;
    width: fit-content;
    margin: 0 auto;
    text-transform: uppercase;

}

section.section2 .content .left-col .my-btn a {
    margin: 0 auto;
}



/**section3**/
.section.section3 .titre-section {
    text-align: center;
    margin-bottom: 60px;
}

.section.section3 .titre-section h4 {
    font-size: 45px;
    font-family: var(--DINPro-CondensedMedium);
    text-transform: uppercase;
    color: #5C5262;
}

.section.section3 .titre-section span img {
    width: 47px;
    margin: 0px 10px;
}

.section.section3 .titre-section span {
    font-size: 45px;
    font-family: var(--DINPro-CondensedBold);
    text-transform: uppercase;
    color: #F7A647;
}

.section.section3 .titre-section h5 {
    font-size: 45px;
    font-family: var(--DINPro-CondensedBold);
    text-transform: uppercase;
    color: #5C5262;
}

.section.section3 .content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.section.section3 .content .left-col,
.section.section3 .content .right-col {
    width: 50%;
    max-width: 100%;
}

.section.section3 .content .left-col {
    background-color: #DFEFEB;
    padding: 35px 20px 20px 20px;
    border: 4px solid #79BFB9;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
}

.section.section3 .content .left-col::before {
    content: 'Nos 10 bonnes raisons d’y croire';
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    color: #fff;
    font-size: 22px;
    font-family: var(--DINPro-Bold);
    background-color: #5BB199;
    width: 55%;
    margin: 0 auto;
    text-align: center;
}

.section.section3 .content .tabs {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.section.section3 .tabs .btn {
    cursor: pointer;
    background: transparent;
    margin-bottom: 10px;
    padding: 12px 15px;
    border: 2px dashed #5BB199;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    min-height: 93px;
}

.section.section3 .tabs .btn .number {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #C5E2DB;
    color: #5BB199;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section.section3 .tabs .btn .number img {
    width: fit-content;
    height: 30px;
}

.section.section3 .tabs .btn .txt {
    width: fit-content;
}

.section.section3 .tabs .btn .txt p {
    font-size: 11px;
    color: #5BB199;
    font-family: var(--DINPro-Bold);
    margin: unset;
    text-transform: uppercase;
    text-align: left;
}

.section.section3 .tabs .btn:hover {
    background-color: #5BB199;
}

.section.section3 .tabs .btn:hover p {
    color: #fff;
}

.section.section3 .tabs .btn:hover .number {
    background-color: rgba(223, 239, 235, 0.2);
}

.section.section3 .tabs .btn:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(196deg) brightness(102%) contrast(103%);
}

.section.section3 .tabs .btn.active {
    background-color: #5BB199;
}

.section.section3 .tabs .btn.active .number {
    background-color: rgba(223, 239, 235, 0.2);
}

.section.section3 .tabs .btn.active p {
    color: #fff;
}

.section.section3 .tabs .btn.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(196deg) brightness(102%) contrast(103%);
}

.section.section3 .content .right-col {
    padding: 35px 40px;
    border: 4px solid rgba(247, 166, 71, 0.2);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: unset;
    position: relative;
}

.section.section3 .tab-content .titre {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 30px;
}

.section.section3 .tab-content .txt {
    width: 90%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.section.section3 .tab-content .titre .img img {
    width: 55px;
}

.section.section3 .tab-content .txt h4 {
    font-size: 20px;
    color: #5C5262;
    text-transform: uppercase;
    font-family: var(--DINPro-Bold);
}

.section.section3 .tab-content .txt p {
    font-size: 15px;
    font-family: var(--DINPro);
}

.section.section3 .tab-content .div-box {
    display: flex;
    justify-content: center;
    gap: 20px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 100%;
}

.section.section3 .tab-content .div-box .box-left,
.section.section3 .tab-content .div-box .box-right {
    width: 50%;
    max-width: 100%;
}

.tab-content .div-box .box-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section.section3 .tab-content .div-box .box-left img {
    border-radius: 10px;
}

.section.section3 .tab-content .div-box .box-right {
    border: 3px dashed #F7A647;
    background-color: #FEF1E2;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.section.section3 .tab-content .div-box .box-right::before {
    content: 'Objectif :';
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    color: #fff;
    font-size: 15px;
    font-family: var(--DINPro-Bold);
    background-color: #F7A647;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}

.section.section3 .tab-content .div-box .box-right p {
    font-size: 15px;
    font-family: var(--DINPro);
    text-align: center;
}

.section.section3 .tab-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;

}

.section.section3 .tab-content.active {
    display: block;
    opacity: 1;
}

.section.section3 .tab-content .div-box.separe .box-right {
    width: 80%;
    max-width: 100%;
    gap: 25px;
    margin-left: 50px;
}

.section.section3 .tab-content .div-box.separe .box-right .image {
    width: 45%;
    position: relative;
}

.section.section3 .tab-content .div-box.separe .box-right .image .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section.section3 .tab-content .div-box.separe .box-right .image .btn-play img {
    width: 45px;
}

.section.section3 .tab-content .div-box.separe .box-right .text {
    width: 55%;
}

.section.section3 .tab-content .div-box.separe .box-right .text p {
    text-align: left;
}

/****/

.section.section3 .tab-content .slider-dix .div-box .box-right {
    border: 2px dashed #F7A647;
}

.section.section3 .tab-content .slider-dix .div-box .box-right::before {
    content: unset;
}

.section.section3 .tab-content .slider-dix .div-box .box-right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.section.section3 .tab-content .slider-dix .titre-item {
    display: flex;
    gap: 5px;
    align-items: baseline;
}

.section.section3 .tab-content .slider-dix .titre-item span {
    font-size: 75px;
    color: #F7A647;
    font-family: var(--DINPro-Bold);
}

.section.section3 .tab-content .slider-dix .titre-item span sup {
    font-size: 38px;
    color: #F7A647;
    font-family: var(--DINPro-Bold);
}

.section.section3 .tab-content .slider-dix .titre-item p {
    font-size: 22px;
    color: #F7A647;
    font-family: var(--DINPro-Bold);
    text-transform: uppercase;
}

.section.section3 .tab-content .slider-dix .descr-item p {
    font-size: 22px;
    color: #5C5262;
    font-family: var(--DINPro-Bold);
}


.section.section3 .tab-content .slider-dix .div-box .box-right {
    width: 75%;
    max-width: 100%;
    margin: 0 auto;
}

.section.section3 .tab-content .slider-dix .icone-item img {
    width: 70px;
}

.section.section3 .tab-content .titre.dix {
    align-items: center;
    margin-bottom: 70px;
}

.section.section3 .slider-dix .div-box {
    transform: unset !important;
}

.section.section3 .slick-prev,
.section.section3 .slick-next {
    width: 40px;
    height: 40px;
}

.section.section3 .slick-prev:before,
.section.section3 .slick-next:before {
    content: unset;
}

.section.section3 .slick-prev {
    left: 0px;
    z-index: 111;
}

.section.section3 .slick-next {
    right: 0px;
    z-index: 1111;
}

.section.section3 .slick-next:hover img,
.section.section3 .slick-prev:hover img {
    filter: brightness(0) saturate(100%) invert(58%) sepia(18%) saturate(802%) hue-rotate(113deg) brightness(102%) contrast(98%);
}

.section.section3 .my-btn a {
    margin: 0 auto;
}


/***section4**/
section.section4 .content {
    display: flex;
    justify-content: space-between;
}

section.section4 .content .left-col {
    width: 40%;
    max-width: 100%;
}

section.section4 .content .right-col {
    width: 60%;
    max-width: 100%;
    padding: 25px 20px;
    border-top: 4px solid #F7A647;
    border-right: 4px solid #F7A647;
    border-bottom: 4px solid #F7A647;
}

section.section4 .content .right-col .slider-right,
section.section4 .content .left-col .slider-left {
    height: 100%;
}

section.section4 .content .left-col .slider-left .image {
    width: 100%;
    height: 100% !important;
    position: relative;
}

section.section4 .content .left-col .slider-left img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 10px 0 0 10px;
}

section.section4 .content .left-col .slider-left .image .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

section.section4 .content .left-col .slider-left .image .btn-play img {
    width: 80px;
}

section.section4 .content .right-col .item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section.section4 .content .titre h5 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: unset;
}

section.section4 .content .titre h5 span {
    font-size: 45px;
    color: #5C5262;
    text-transform: uppercase;

}

section.section4 .content .titre .first {
    font-family: var(--DINPro-CondensedMedium);
}

section.section4 .content .titre .second {
    font-family: var(--DINPro-CondensedBlack);
}

section.section4 .content .titre.desk h5 img,
section.section4 .content .titre.mob h5 img {
    width: 45px;
}

section.section4 .content .descr {
    text-align: center;
}

section.section4 .content .descr span {
    font-size: 26px;
    color: #5BB199;
    font-family: var(--DINPro-CondensedMedium);
    text-transform: uppercase;
}

section.section4 .content .right-col .text {
    text-align: center;
    width: 70%;
    max-width: 100%;
    margin: 0 auto;
}

section.section4 .content .right-col .text p {
    font-size: 20px;
    font-family: var(--DINPro);
}

section.section4 .content .right-col .item .my-btn {
    display: flex;
}

section.section4 .content .right-col .item .my-btn a {
    margin: 0 auto;
    background-color: #F7A647;
    border: 2px solid #F7A647;
}

section .my-btn a img {
    width: 25px;
}

section.section4 .my-btn a:hover,
section.section4 .my-btn a:focus {
    color: #F7A647;
}

section.section4 .my-btn a:hover img,
section.section4 .my-btn a:focus img {
    filter: brightness(0) saturate(100%) invert(58%) sepia(71%) saturate(355%) hue-rotate(352deg) brightness(101%) contrast(108%);
}

section.section4 .slick-prev:before,
section.section4 .slick-next:before {
    content: unset;
}

section.section4 .slick-prev,
section.section4 .slick-next {
    width: 75px;
    height: 68px;
    top: unset;
    bottom: -60px;
    z-index: 9;
}

section.section4 .slick-prev {
    left: 35%;
}

section.section4 .slick-next {
    right: 35%;
}

section.section4 .slick-next:hover img,
section.section4 .slick-prev:hover img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(59%) saturate(2360%) hue-rotate(329deg) brightness(110%) contrast(94%);
}

.section.section4 .slick-list.draggable,
.section.section4 .slick-track {
    height: 100%;
}

/***section5***/

section.section5 {
    background-image: url('../images/bg-section-5.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    text-align: center;
    padding: 85px 0px !important;
    position: relative;
    overflow: hidden;
}

section.section5 .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 40px;
    z-index: 11;
    position: relative;
}

section.section5 .left {
    flex: 30%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.section5 .top-banner {
    background-color: #F7A647;
    font-size: 16px;
    font-family: var(--DINPro-Bold);
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 2px 10px !important;
}

section.section5 .left h2 {
    font-size: 45px;
    font-family: var(--DINPro-CondensedBlack);
    color: #5C5262;
    margin-top: 14px !important;
    margin-bottom: 24px !important;
}

section.section5 .left .icon {
    width: 38px;
    height: 38px;
    vertical-align: middle;
    margin-bottom: 10px !important;
}

section.section5 .my-btn {
    padding-bottom: 30px;
}

section.section5 .right {
    width: 55%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

section.section5 .right .box-img {
    display: flex;
    align-items: center;
}

section.section5 .right .box-img .image {
    position: relative;
}

section.section5 .right .box-img .image.one {
    width: 250px;
    z-index: 99;
}

section.section5 .right .box-img .image.two {
    width: 190px;
    margin-left: -15px;
}

section.section5 .right .box-img .image.three {
    width: 180px;
    margin-left: -15px;
    z-index: 999;
}

section.section5 .right .box-img .image .fleche {
    position: absolute;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    width: 45px;
}

section.section5 .right .text {
    display: flex;
    gap: 12px;
    justify-content: left;
}

section.section5 .right .text span {
    font-size: 45px;
    font-family: var(--DINPro-Bold);
    color: #F7A647;
}

section.section5 .right .text p {
    font-size: 15px;
    font-family: var(--DINPro-Bold);
    color: #5C5262;
    text-align: left;
}

/**section6**/

section.section6 .titre {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    justify-content: center;
    margin-bottom: 60px;
}

section.section6 .titre img {
    width: 30px;
}

section.section6 .titre .col1 span {
    font-size: 45px;
    color: #5C5262;
    font-family: var(--DINPro-CondensedMedium);
    text-transform: uppercase;
}

section.section6 .titre .col2 {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

section.section6 .titre .col2 span {
    font-size: 45px;
    color: #5C5262;
    font-family: var(--DINPro-CondensedBlack);
    text-transform: uppercase;
    display: block;

}

section.section6 .titre .col2 img {
    margin-bottom: 25px;
}

section.section6 .content .items {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

section.section6 .content .items .item {
    width: calc(97% / 3);
    max-width: 100%;
    border-radius: 15px;
    padding: 35px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    overflow: hidden;
    border: 4px solid #79BFB933;
    min-height: 440px;
}


section.section6 .content .items .item .col-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

section.section6 .content .items .item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 48%;
    background-color: #5BB199;
    top: 0;
    left: 0;
    z-index: -1;
}

section.section6 .col-top .don span,
section.section6 .col-top .deduction p {
    font-size: 17px;
    color: #fff;
    font-family: var(--DINPro-Bold);
    text-transform: uppercase;
}

section.section6 .col-top .deduction p span {
    font-size: 22px;
    color: #fff;
    font-variant: var(--DINPro-Bold);
}

section.section6 .col-top .montant span {
    font-size: 75px;
    color: #FFCC6A;
    font-family: var(--DINPro-Bold);
}

section.section6 .col-top .montant span sup {
    font-size: 45px;
}

section.section6 .content .items .item .col-bottom {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

section.section6 .col-bottom .image {
    width: 35%;
    max-width: 100%;
}

section.section6 .col-bottom .txt-btn {
    width: 100%;
    max-width: 100%;
}

section.section6 .col-bottom .my-btn {
    margin-left: -20px;
    position: absolute;
    bottom: 20px;
}

/**section7**/

section.section7 {
    background-image: url(../images/bg-section7.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    padding: 40px 0;
}

section.section7 .titre-section {
    width: fit-content;
    position: relative;
}

section.section7 .titre-section::after {
    content: '';
    width: 60px;
    height: 55px;
    position: absolute;
    background-image: url(../images/star2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 11;
    top: 30px;
    right: -110px;
}

section.section7 .titre-section {
    margin-bottom: 20px;
}

section.section7 .titre-section span {
    font-size: 45px;
    color: #fff;
    font-family: var(--DINPro-CondensedBlack);
    text-transform: uppercase;
}

section.section7 .descr span {
    font-size: 20px;
    color: #5BB199;
    font-family: var(--DINPro-Bold);
}

section.section7 .div-counter {
    width: 700px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    row-gap: 40px;
}

section.section7 .div-counter .item {
    width: calc(94% / 2);
    max-width: 100%;
    display: flex;
    gap: 10px;
}

section.section7 .div-counter .item .div-image {
    width: 20%;
}

section.section7 .div-counter .item .div-text {
    width: 80%;
}

section.section7 .div-counter .item .div-text .titre span {
    font-size: 19px;
    color: #F7A647;
    font-family: var(--DINPro-Bold);
}

section.section7 .div-counter .item .div-text .titre span sup {
    font-size: 11px;
}

section.section7 .div-counter .item .div-text .titre span img {
    width: 15px;
}

section.section7 .div-counter .item .div-text .txt p {
    font-size: 15px;
    color: #fff;
    font-family: var(--DINPro);
}



/****footer*****/
.section.section_footer .content {
    display: flex;
    align-items: center;
    margin-top: 25px;
    gap: 60px;
}

.section.section_footer .content .logo {
    width: 17%;
}

.section.section_footer .content .image-text {
    width: 53%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

.section.section_footer .content .image-text .image img {
    width: 102px;
}

.section.section_footer .content .image-text .text {
    width: 75%;
}

.section.section_footer .content .image-text .text p {
    color: var(--text-color);
    font-size: 16px;
    font-family: 'DINPro';
}

.section.section_footer .copyright {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px;
    padding-right: 20px;
}

.section.section_footer .copyright span {
    color: var(--text-color);
    font-size: 16px;
    font-family: 'DINPro';
}

.section.section_footer .copyright span img {
    width: 60px;
    margin-right: 5px;
}

.tabs.mobile-slider-btns {
    display: none !important;
}

.section.section3 .tab-content .div-box .box-left .mob {
    display: none;
}

.section.section_footer {
    margin-bottom: unset;
}

section.section4 .left-col .slider-left .slick-next,
section.section4 .left-col .slider-left .slick-prev {
    display: none !important;
}


/************************responsive***************************/

@media screen and (max-width: 1500px) {
    .section.section-slider .team {
        position: absolute;
        bottom: 200px;
        right: 50px;
        z-index: 1;
        width: fit-content;
        text-align: right;
    }

    .section.section-slider .slick-next {
        right: 50px;
        bottom: 105px;
    }

    .section.section-slider .slick-prev {
        right: 160px;
        bottom: 105px;

    }
}


@media screen and (max-width: 1300px) {

    /**don form**/
    .navbar-nav .div-don {
        margin-top: 8px;
        margin-left: 10px;
    }

    .section.section-slider .parent_container .content .hero {
        width: 580px;
    }

    .section.section-slider .hero h1 {
        font-size: 60px;
    }

    .section.section-slider .hero h1 img {
        width: 42px;
    }

    .section.section-slider .items .btn-play img {
        width: 80px;
    }

    .section.section-slider .hero .texte p {
        font-size: 21px;
    }


    /**don form **/
    .form-text input {
        width: 140px;
    }

    .navbar-nav .nav-item .div-don>span.prix {
        font-size: 25px;
    }

    .navbar-nav .nav-item.li-btn .my-btn a {
        font-size: 14px;
        width: 200px;
        max-width: 100%;
    }


    .section.section2 .content .left-col::after {
        top: -42px;
        left: -18px;
    }

    .section.section2 {
        padding: 60px 0 100px 0;
    }


    section.section4 .content .right-col .titre h5 span {
        font-size: 40px;
    }

    section.section4 .content .right-col .descr span {
        font-size: 24px;
    }

    section.section5 .left .icon {
        width: 32px;
        height: 32px;
        vertical-align: middle;
        margin-bottom: 10px !important;
    }

    section.section5 .left h2 {
        font-size: 40px;
    }

    section.section6 .titre .col1 span,
    section.section6 .titre .col2 span {
        font-size: 40px;
    }

    section.section6 .col-top .montant span {
        font-size: 65px;
    }

    .section.section3 .content .left-col::before {
        top: -19px;
        font-size: 20px;
        width: 57%;
    }


}


@media screen and (max-width: 1500px) and (max-height: 720px) {
    .section.section-slider .hero h1 {
        font-size: 53px;
    }

    .section.section-slider .hero h1 img {
        width: 45px;
    }

    .section.section-slider .hero .contenu::after {
        content: '';
        width: 50px;
        height: 45px;
        top: -24px;
    }

    .section.section-slider .parent_container .content .hero {
        width: 490px;
        top: 55%;
    }

    .section.section-slider .hero .texte p {
        font-size: 18px;
    }

    .section.section-slider .items .btn-play img {
        width: 70px;
    }
}

@media screen and (max-width: 1100px) {
    .my-btn a {
        padding: 9px 27px;
    }

    .section.section-slider .parent_container .content .hero {
        width: 460px;
    }

    .section.section-slider .hero h1 {
        font-size: 48px;
    }

    .section.section-slider .hero h1 img {
        width: 33px;
    }

    .section.section-slider .hero .small {
        padding-left: 5px;
    }

    .section.section-slider .hero .texte {
        width: 100%;
    }

    .section.section-slider .hero .contenu::after {
        content: '';
        width: 50px;
        height: 45px;
        top: -38px;
        left: 0px;
    }

    .section.section-slider .parent_container .content .hero {
        top: 55%;
    }

    /**section3**/
    .section.section3 .content .left-col::before {
        top: -20px;
        font-size: 19px;
        width: 73%;
    }

    .section.section3 .content .tabs {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .section.section3 .tabs .btn .number {
        width: 40px;
        height: 40px;
    }

    .section.section3 .tabs .btn .number img {
        width: fit-content;
        height: 22px;
    }

    .section.section3 .tabs .btn .txt p br {
        display: none;
    }

    .section.section3 .content .tabs .btn-parents {
        width: 50%;
        max-width: 100%;
    }

    .section.section3 .tabs .btn .txt {
        width: 80%;
    }

    .section.section3 .tab-content .div-box.separe .box-right {
        width: 100%;
        margin-left: 85px;
    }

    .section.section3 .tab-content .div-box .box-right {
        padding: 15px;
    }

    /****/


    section.section4 .content .right-col .titre h5 span {
        font-size: 31px;
    }

    section.section4 .content .right-col {
        padding: 35px 20px 55px 20px;
    }

    section.section4 .content .right-col .item {
        gap: 10px;
    }

    section.section4 .slick-prev,
    section.section4 .slick-next {
        width: 65px;
        height: 58px;
        bottom: -88px;
    }

    section.section4 .content .left-col .slider-left .image .btn-play img {
        width: 70px;
    }

    section .my-btn a img {
        width: 20px;
    }

    section.section5 .top-banner {
        font-size: 14px;
    }



    section.section5 .right .box-img .image.one {
        width: 220px;
        max-width: 100%;
        z-index: 99;
    }

    section.section5 .right .box-img .image.two {
        width: 160px;
        margin-left: -15px;
        max-width: 100%;
    }

    section.section5 .right .box-img .image.three {
        width: 150px;
        max-width: 100%;
        margin-left: -15px;
        z-index: 999;
    }

    section.section5 .left h2 {
        font-size: 36px;
    }

    section.section5 .left .icon {
        width: 27px;
        height: 27px;
    }

    section.section5 {
        padding: 60px 0px !important;
    }

    section.section6 .titre .col1 span,
    section.section6 .titre .col2 span,
    section.section4 .content .titre.mob span {
        font-size: 36px;
    }

    section.section6 .titre img,
    section.section4 .content .titre.desk h5 img,
    section.section4 .content .titre.mob h5 img {
        width: 26px;
    }

    section.section6 .titre .col2 img {
        margin-bottom: 18px;
    }

    section.section6 .content .items .item {
        width: calc(100% / 3);
        max-width: 100%;
        border-radius: 15px;
        padding: 35px 15px;
        gap: 40px;
    }

    section.section6 .content .items .item .col-top {
        width: 100%;
    }

    section.section6 .col-top .don span,
    section.section6 .col-top .deduction p {
        font-size: 13px;
    }

    section.section6 .col-top .deduction p span {
        font-size: 19px;
    }

    section.section6 .col-top .montant span {
        font-size: 60px;
    }

    section.section6 .col-top .montant span sup {
        font-size: 39px;
    }

    section.section6 .content .items .item::before {
        height: 43%;
    }

    section.section6 .item p {
        font-size: 16px;
    }

    section.section6 .content .items .item {
        min-height: 420px;
    }

    section.section6 .content .items .item::before {
        height: 45%;
    }

    section.section7 .titre-section span {
        font-size: 40px;
    }

    section.section7 .div-counter .item .div-image {
        width: 18%;
    }

}

@media screen and (max-width: 930px) {

    .starshine {
        display: none;
    }
    section.section4 .left-col .slider-left .slick-next,
    section.section4 .left-col .slider-left .slick-prev {
        display: block !important;
        top: 70px;
        z-index: 11;
    }

    section.section4 .right-col .slider-right .slick-next,
    section.section4 .right-col .slider-right .slick-prev {
        display: none !important;
    }

    section.section4 .content .left-col .slider-left .image .btn-play {
        top: 61%;
    }

    .div-countdown {
        top: 5px;
    }

    section.section-header .logo img {
        width: 200px;
    }

    section.section-header {
        top: 50px;
    }

    /*don form*/
    .section.section-don-form .parent_container .bg-red {
        display: none;
    }


    section.section6 .content .items .item .col-top {
        z-index: 0;
    }

    .section.section-slider .items .item .image img {
        object-position: calc(100% - -125px) center;
    }

    section.section5 .right .box-img .image.one,
    section.section5 .right .box-img .image.two,
    section.section5 .right .box-img .image.three {
        width: unset;
    }

    .section.section-slider .parent_container .content .hero {
        top: 67%;
    }

    .section.section-slider .hero h1 {
        font-size: 43px;
    }

    .section.section-slider .hero .texte p {
        font-size: 18px;
    }

    .section.section-slider .hero h1 img {
        width: 25px;
    }

    .section.section-slider .parent_container .content .hero {
        width: 395px;
    }

    .section.section-slider .hero .small {
        padding-left: 27px;
    }

    .section.section-slider .items .btn-play img {
        width: 67px;
    }

    .section.section-slider .items .btn-play {
        top: 50%;
        left: 48%;
    }

    section.section2 .content {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    /**section3**/

    .section.section3 .parent_container {
        padding: unset;
    }

    .section.section3 .content {
        flex-direction: column;
    }

    .section.section3 .content .left-col {
        width: 100%;
        max-width: 100%;
        border-radius: 10px;
    }

    .section.section3 .content .right-col {
        width: 100%;
        max-width: 100%;
    }

    .section.section3 .tab-content .div-box {
        position: unset;
        transform: unset;
        width: 100%;

    }

    .section.section3 .content .right-col {
        border-top: unset;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-left: 4px solid rgba(247, 166, 71, 0.2);
    }

    .section.section3 .tab-content .titre .img img {
        width: 45px;
    }

    .tabs.desktop {
        display: none !important;
    }

    .tabs.mobile-slider-btns {
        display: block !important;
    }

    .section.section3 .content .left-col {
        padding: 40px 20px 60px 20px;
    }


    .section.section3 .mobile-slider-btns .slick-prev,
    .section.section3 .mobile-slider-btns .slick-next {
        width: 40px;
        height: 40px;
    }

    .section.section3 .mobile-slider-btns .slick-prev,
    .section.section3 .mobile-slider-btns .slick-next {
        top: unset;
        bottom: -60px;
    }

    .section.section3 .mobile-slider-btns .slick-prev {
        left: 35%;
        z-index: 111;
    }

    .section.section3 .mobile-slider-btns .slick-next {
        right: 35%;
        z-index: 111;
    }

    .section.section3 .tabs .btn {
        background-color: #5BB199;
        justify-content: center;
    }

    .section.section3 .tabs .btn .txt p {
        color: #fff;
        text-align: center;
    }

    .section.section3 .tabs .btn .number img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(196deg) brightness(102%) contrast(103%);
    }

    .section.section3 .tabs .btn .number {
        background-color: rgba(223, 239, 235, 0.2);
    }

    .section.section3 .tabs .btn .number {
        width: 50px;
        height: 50px;
    }

    .section.section3 .tabs .btn .number img {
        width: fit-content;
        height: 31px;
    }


    .section.section3 .mobile-slider-btns .slick-next:hover img,
    .section.section3 .mobile-slider-btns .slick-prev:hover img {
        filter: brightness(0) saturate(100%) invert(76%) sepia(59%) saturate(2360%) hue-rotate(329deg) brightness(110%) contrast(94%);
    }

    .section.section3 .tab-content .div-box.separe .box-right .image {
        width: fit-content;
    }

    .section.section3 .tab-content .div-box.separe .box-right {
        margin-left: 0;
    }

    /****/

    section.section4 .content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section.section2 .content .left-col,
    section.section2 .content .right-col,
    section.section4 .content .right-col {
        width: 100%;
    }

    section.section2 .content .left-col {
        justify-content: center;
        align-items: center;
    }

    .section.section2 .content .left-col::after {
        top: -42px;
        left: 16px;
    }

    section.section2 .content .right-col .image {
        text-align: center;
    }

    section.section2 .content .right-col img {
        width: 600px;
        max-width: 100%;
    }

    section.section4 .content .left-col {
        width: 100%;
    }

    section.section4 .content .right-col {
        border: unset;
    }

    section.section4 .content .left-col .slider-left img {
        border-radius: 25px;
    }

    .my-btn.desk {
        display: none;
    }



    section.section-slider .my-btn.mob {
        position: absolute;
        bottom: 10px;
        z-index: 99999;
        left: 50%;
        transform: translateX(-50%);
    }

    section.section4 .content .titre.desk {
        display: none;
    }

    section.section4 .content .descr.desk {
        display: none;
    }

    section.section4 .content .titre.mob {
        display: block;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 70px;
    }

    section.section4 .content .descr.mob {
        display: block;
        margin-bottom: 30px;
    }

    section.section4 .content .titre.mob span {
        display: block;
    }

    section.section4 .content .left-col .slider-left img {
        width: 610px;
        margin: 0 auto;
    }

    section.section6 .titre .col1 span,
    section.section6 .titre .col2 span,
    section.section4 .content .titre.mob span {
        font-size: 26px;
    }

    section.section4 {
        border: 3px solid #FFECDA;
        border-radius: 22px;
        padding: 20px 0;
    }

    section.section6 .content .items .item {
        width: 100%;
        min-height: unset;
    }

    section.section6 .col-bottom .my-btn {
        position: unset;
    }

    section.section6 .content .items {
        flex-direction: column;
    }

    section.section6 .content .items .item::before {
        height: 52%;
    }

    section.section7 .titre-section span {
        font-size: 31px;
    }

    section.section7 .div-counter {
        width: 570px;
        max-width: 100%;
    }

    section.section7 .descr span {
        font-size: 18px;
    }

    section.section7 {
        margin-bottom: unset;
    }

    .section.section_footer .content .logo {
        width: 24%;
    }

    section.section4 .slick-prev,
    section.section4 .slick-next {
        z-index: 0;
    }


}


@media screen and (max-width: 600px) {
    .parent_container {
        padding: 0 15px;
    }

    .my-btn.mob {
        display: block;

    }

    .div-countdown {
        gap: 0;
        top: 12px;
        width: 225px;
        max-width: 100%;
        right: 0;
    }

    .div-countdown .left-div .middle-div {
        display: none;
    }

    .div-countdown .left-div .date div .countdown,
    .div-countdown .left-div span {
        font-size: 12px;
    }



    section.section-header .logo img {
        width: 150px;
    }

    section.section-header {
        display: flex;
        justify-content: start;
        align-items: center;
        top: 0;
    }

    .section.section-slider .items .item .image .desk {
        display: none;
    }

    .section.section-slider .items .item .image .mob {
        display: block;
    }

    .section.section-slider .items .item .image img {
        object-position: top center;
    }

    .section.section-slider .items .btn-play {
        left: 50%;
        top: 56%;
    }

    .section.section-slider .hero .small {
        padding-left: 0px;
    }

    .section.section-slider .hero .contenu {
        text-align: center;
    }

    .section.section-slider .hero .contenu::after {
        left: 40px;
    }

    .section.section-slider .slick-prev {
        bottom: 30px;
        width: 50px;
        height: 49px;
        left: 32%;
        right: unset;
    }

    .section.section-slider .slick-next {
        right: 32%;
        bottom: 30px;
        width: 50px;
        height: 49px;
    }

    .section.section-slider .team span {
        font-size: 13px;
    }

    .section.section-slider .parent_container .content .hero .my-btn {
        display: none;
    }

    .section.section-slider .team {
        bottom: 50%;
        right: 15px;
        transform: translateY(-50%);
        display: none;
    }

    .section.section-slider .hero h1 {
        font-size: 31px;
    }

    .section.section-slider .hero h1 img {
        width: 20px;
    }

    .section.section-slider .parent_container .content .hero {
        width: 100%;
        max-width: 100%;
        top: 76%;
    }



    section.section-slider .my-btn.mob {
        position: absolute;
        bottom: 10px;
        z-index: 99999;
        left: 50%;
        transform: translateX(-50%);
        width: 240px;
        max-width: 100%;
    }

    section.section-slider .my-btn.mob a {
        width: 100%;
    }

    section.section2 {
        background-image: url(../images/bg-section2-mobile.png);
        padding: 60px 0px !important;
    }

    section.section2 .content .left-col .descr {
        width: 67%;
    }

    .section.section2 .content .left-col::after {
        top: -42px;
        left: 5px;
    }

    /**section3**/

    .section.section3 .titre-section h4,
    .section.section3 .titre-section span,
    .section.section3 .titre-section h5 {
        font-size: 30px;
    }

    .section.section3 .titre-section span {
        display: block;
        margin-bottom: 10px;
    }

    .section.section3 .titre-section span img {
        width: 32px;
    }

    .section.section3 .content .right-col {
        padding: 35px 15px;
    }

    .section.section3 .tab-content .div-box {
        flex-direction: column;
        gap: 30px;
    }

    .section.section3 .tab-content .div-box .box-left,
    .section.section3 .tab-content .div-box .box-right {
        width: 100%;
        max-width: 100%;
    }

    .section.section3 .content .left-col::before {
        top: -16px;
        font-size: 18px;
        width: calc(100% - 30px);
    }

    .section.section3 .tab-content .txt p {
        margin-left: -55px;
    }

    .section.section3 .tab-content .txt {
        width: 100%;
        gap: 10px;
    }

    .section.section3 .tabs .btn .txt p {
        color: #fff;
        text-align: left;
    }

    .section.section3 .tabs .btn {
        min-height: 80px;
    }

    .section.section3 .tab-content .div-box .box-left .desk {
        display: none;
    }

    .section.section3 .tab-content .div-box .box-left .mob {
        display: block;
    }

    .section.section3 .slider-dix .slick-prev,
    .section.section3 .slider-dix .slick-next {
        width: 40px;
        height: 40px;
        top: -30px;
    }

    .section.section3 .slider-dix .slick-next {
        right: 40px;
        z-index: 1111;
    }

    .section.section3 .slider-dix .slick-prev {
        left: 40px;
        z-index: 1111;
    }

    .section.section3 .tab-content .titre.dix {
        margin-bottom: 100px;
    }

    .section.section3 .tab-content .div-box.separe .box-right {
        flex-direction: column;
    }

    .section.section3 .tab-content .div-box.separe .box-right .text {
        width: 100%;
    }

    .section.section3 .tab-content .div-box.separe .box-right .text p {
        text-align: center;
    }

    .section.section3 .tab-content .div-box.separe .box-right .image {
        width: 50%;
    }

    .section.section3 .tab-content .div-box .box-right {
        padding: 40px 15px 15px 15px;
    }

    .section.section3 .tabs .btn .txt p {
        font-size: 13px;
    }

    .section.section3 .my-btn {
        width: 90%;
        margin: 0 auto;
        max-width: 100%;
    }

    .section.section3 .my-btn a {
        text-align: center;
    }

    .section.section3 .tab-content .slider-dix .titre-item span {
        font-size: 60px;
    }

    .section.section3 .tab-content .slider-dix .titre-item span sup {
        font-size: 32px;
    }

    .section.section3 .tab-content .slider-dix .titre-item p {
        font-size: 20px;
    }



    /****/
    section.section4 .content .right-col .text {
        width: 100%;
    }

    section.section4 .content .right-col .item .my-btn a {
        text-align: center;
    }

    section.section4 .content .right-col {
        padding: 35px 0 55px 0;
    }

    section.section4 .slick-next {
        right: 29%;
    }

    section.section4 .slick-prev {
        left: 29%;
    }

    section.section4 .slick-prev,
    section.section4 .slick-next {
        width: 55px;
        height: 48px;
        bottom: -88px;
    }

    section.section4 .content .left-col .slider-left .image .btn-play {
        top: 63%;
    }

    /***/

    section.section5 .content {
        flex-direction: column;
    }

    section.section5 .left,
    section.section5 .right {
        width: 100%;
    }

    section.section5 {
        background-image: url(../images/bg-section-5-mobile.png);
        padding: 60px 0px 30px 0 !important;
    }

    section.section5 .right .box-img .image .fleche {
        right: -4px;
        width: 31px;
    }

    section.section5 .left h2 {
        font-size: 32px;
    }

    /*****/
    section.section6 .parent_container {
        padding: unset;
    }

    section.section6 .titre {
        flex-direction: column;
        gap: 15px;
        padding: 0 15px;
    }

    section.section6 .titre .col2 img {
        margin-bottom: 5px;
    }

    section.section6 .content .items {
        flex-direction: column;
        gap: 30px;
    }

    section.section6 .col-bottom .image {
        width: 29%;
        max-width: 100%;
    }

    section.section6 .content .items .item .col-bottom {
        gap: 20px;
    }

    section.section6 .col-bottom .my-btn {
        margin-left: -15px;
    }

    section.section6 .titre .col1 span,
    section.section6 .titre .col2 span,
    section.section4 .content .titre.mob span {
        font-size: 23px;
    }

    /****/

    section.section7 {
        background-image: url(../images/bg-section7-mobile.png);
        background-position: top center;
    }

    section.section7 .div-counter {
        flex-direction: column;
    }

    section.section7 .div-counter .item {
        width: 100%;
    }

    section.section7 .div-counter {
        width: 100%;
        max-width: 100%;
        margin-top: 380px;
        row-gap: 30px;
    }

    section.section7 .div-counter .item .div-text .titre span {
        font-size: 25px;
    }

    section.section7 .div-counter .item .div-text .titre .unique {
        font-size: 20px;
    }

    section.section7 .div-counter .item .div-text .titre span sup {
        font-size: 14px;
    }

    section.section7 .div-counter .item .div-text .txt p {
        font-size: 17px;
    }

    /**footer**/
    .section.section_footer .content {
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 15px;
    }

    .section.section_footer .content .logo {
        width: 100%;
        text-align: center;
    }

    .section.section_footer .content .logo img {
        width: 200px;
    }

    .section.section_footer .content .image-text {
        width: 100%;
        text-align: center;
    }

    .section.section_footer .content .image-text .text {
        width: 100%;
        text-align: left;
    }

    .section.section_footer .content .image-text .image img {
        width: 120px;
    }

    .section.section_footer .copyright {
        justify-content: center;
    }



}