/*****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 {
    --pink: #F76CC1;
    --violet: #794DBF;
    --text-color: #5D534E;
    --DINPro: 'DINPro';
    --DINPro-Bold: 'DINPro-Bold';
    --DINPro-Medium: 'DINPro-Medium';
    --DINPro-MediumItalic: 'DINPro-MediumItalic';
    --DINPro-BoldItalic: 'DINPro-BoldItalic';
    --DINPro-Italic: 'DINPro-Italic';

}


html {
    scroll-behavior: smooth;
}

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

body p,
body span {
    line-height: normal;
    color: var(--text-color);
}

.pink {
    color: var(--pink);
}

.violet {
    color: var(--violet);
}

.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: #794DBF;
    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;
    box-shadow: rgba(87, 54, 177, 0.25) 0px 0px 0px 6px;
    text-transform: uppercase;
}

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

.section.section1 .my-btn.from-btn {
    display: none;
}

.section {
    margin-bottom: 60px;
}

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



/*-------------------- 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**********/
/* 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: #5f3d99;
    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 slider******/
section.section-header {
    width: 1330px;
    padding: 0 30px;
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
}

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

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

.section.section-slider {
    height: 100vh;
    background-color: #FFCCD5;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.section.section-slider .formulaire {
    width: fit-content;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    right: 15%;
    z-index: 9999;
    width: 490px;
    border-radius: 33px !important;
}

.section.section-slider .hero {
    display: flex;
    justify-content: end;
    padding-top: 30px;
    position: relative;
    z-index: 1111;
}

.section.section-slider .hero .content {
    display: flex;
    align-items: baseline;
    gap: 30px;
}

.section.section-slider .hero .txt {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 30px;
}

.section.section-slider .hero .txt span,
.section.section-slider .hero .txt p {
    margin: unset;
}

.section.section-slider .hero .txt span {
    font-size: 22px;
    color: #707070;
    font-family: var(--DINPro);
}

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

.section.section-slider .hero .txt .violet {
    color: #794DBF;
}

.section.section-slider .hero .txt .pink {
    color: #F93FB1;
}


.section.section-slider .hero .image img {
    width: 400px;
}


.section.section-slider .equipe {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
    width: 1330px;
    max-width: 100%;
    padding-left: 30px;
}

.section.section-slider .equipe img {
    width: 800px;
    max-width: 100%;
}

.section-slider .equipe .image img {
    opacity: 0;
    transform: translateY(0px);
    animation: fadeIn 3s ease-out forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* start section1 */
.section.section1 {
    position: relative;
    z-index: 9;
}

.section.section1 .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section.section1 .content .left-col {
    width: 50%;
}

.section.section1 .content .right-col {
    width: 46%;
    padding: 30px 30px;
}

.section.section1 .titre-section span {
    display: block;
}

.titre-section {
    margin-bottom: 30px;
}

.titre-section p {
    font-size: 37px;
    text-transform: uppercase;
    font-family: var(--DINPro);
    margin: unset;
}

.titre-section span {
    font-size: 37px;
    text-transform: uppercase;
    font-family: var(--DINPro);
}

.titre-section span {
    font-family: var(--DINPro-Bold);
}


.section.section1 .left-col .descr p {
    font-family: var(--DINPro-Bold);
}

.section.section1 .left-col .big-descr {
    margin-bottom: 30px;
}

.section.section1 .left-col .big-descr p {
    font-size: 22px;
    font-family: var(--DINPro-Bold);
    margin-bottom: 5px;
}

.section.section1 .left-col .my-btn a {
    padding: 10px 70px;
}

.section.section1 .right-col {
    background-color: #FFE6EA;
}

/****/
.section.section1 .right-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section.section1 .items .item {
    width: 430px;
    max-width: 100%;
    margin: 0 auto;
}

.section.section1 .items .item .top-div {
    position: relative;
    min-height: 370px;
    border: 11px solid #ffff;
}

.section.section1 .items .item .bottom-div {
    background-color: #fff;
    padding: 4px 20px 25px 20px;
    text-align: center;
    min-height: 80px;
}

.section.section1 .items .item .bottom-div .image {
    display: flex;
    justify-content: center;
}

.section.section1 .items .item .bottom-div .image img {
    width: 280px;
}

.section.section1 .items .item .top-div .txt-number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: unset;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.section.section1 .items .item .top-div .txt-number .big {
    font-size: 112px;
    color: #F93FB1;
    font-family: var(--DINPro-Bold);
    line-height: 100px;
}

.section.section1 .items .item .top-div .txt-number p {
    font-size: 30px;
    color: #F93FB1;
    font-family: var(--DINPro-Medium);
    margin: unset;
    text-transform: uppercase;
}

.section.section1 .items .item .top-div .counter {
    margin-top: -30px;
}

.section.section1 .items .item .top-div .txt-number .small {
    font-size: 70px;
    color: #F93FB1;
    font-family: var(--DINPro-Bold);
    line-height: 60px;
}

.section.section1 .items .item .top-div .top {
    display: flex;
    align-items: end;
    gap: 5px;
}

.section.section1 .items .item .top-div .counter-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: end;
    margin-bottom: 15px;
}

.section.section1 .items .item .top-div .txt-number .txt {
    text-align: center;
    padding: 0 10px;
}

.section.section1 .items .item .top-div .txt-number .txt p {
    font-size: 27px;
    color: #794DBF;
    font-family: var(--DINPro-Medium);
    text-transform: lowercase;
}

.section.section1 .slick-next {
    right: -13px;
    z-index: 11;
    width: 40px;
    height: 40px;
}

.section.section1 .slick-prev {
    left: -13px;
    z-index: 11;
    width: 40px;
    height: 40px;
}

.section.section1 .slick-prev:before,
.section.section1 .slick-next:before {
    display: none;
    z-index: 9;
}

.section.section1 .slick-prev,
.section.section1 .slick-next {
    top: 44%;
}



.section.section1 .items .item .top-div .txt-number .txt .big {
    font-size: 51px;
    font-family: var(--DINPro-Bold);
}

.section.section1 .items .item.two .top-div .top {
    display: flex;
    align-items: start;
    gap: 5px;
    width: 100%;
}

.section.section1 .items .item.two .top-div .top.two {
    justify-content: end;
}

.section.section1 .items .item.two .top-div .counter-content {
    gap: 15px;
    margin-bottom: 12px;
}

.section.section1 .items .item .top-div .txt-number .small {
    line-height: 60px;
    margin-top: 21px;
    display: block;
}

.section.section1 .items .item.two .top-div .txt-number .txt .big {
    line-height: 70px;
}


.section.section1 .items .item.three .top-div .counter-content {
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    gap: 15px;
}

.section.section1 .items .item .top-div .counter {
    display: flex;
}

/**start section2****/

.section.section2 .left-col .my-btn.mobile {
    display: none;
}

.section.section2 .content {
    background-color: #FEE6EA;
    padding: 30px;
    padding-bottom: unset;
}

.section.section2 .titre-section {
    text-align: center;
    padding: 10px;
    background-color: #fff;
}

.section.section2 .slider-personnes {
    width: 95%;
    max-width: 100%;
    margin: 0 auto;
}

.section.section2 .slider-content {
    display: flex;
    min-height: 690px;
}

.section.section2 .karen .my-btn,
.section.section2 .axelle .my-btn,
.section.section2 .chloe .my-btn {
    display: none;
}

.section.section2 .slider-content .left-col {
    width: 46%;
    max-width: 100%;
}

.section.section2 .slider-content .right-col {
    width: 60%;
    max-width: 100%;
    margin-top: 40px;
    margin-right: 20px;
    position: relative;
}

.section.section2 .slider-content .left-col .image {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.section.section2 .slider-content .right-col .quote {
    display: flex;
    gap: 10px;
}

.section.section2 .slider-content .right-col .quote .my-btn {
    position: absolute;
    bottom: 35px;
    left: 80px;
    z-index: 11;
}

.section.section2 .slider-content .right-col .quote .my-btn a {
    padding: 7px 20px;
}

.section.section2 .right-col .quote .image {
    width: 70px;
}

.section.section2 .left-col .image img {
    width: fit-content;
    max-width: 100%;
}

.section.section2 .right-col .quote .txt {
    width: fit-content;
    margin-top: 70px;
}

.section.section2 .right-col .quote .txt .small-quote {
    font-family: var(--DINPro-Bold);
    display: block;
    margin-bottom: 20px;
}


.section.section2 .right-col .quote .txt .name {
    display: flex;
    justify-content: end;
}

.section.section2 .right-col .quote .txt .name span {
    font-family: var(--DINPro-Bold);
}

.section.section2 .right-col .quote .txt p {
    font-size: 16px;
}

.section.section2 .right-col .quote .txt p b {
    font-family: unset !important;
    font-weight: 600 !important;
}


.section.section2 .slick-prev:before,
.section.section2 .slick-next:before {
    display: none;
}

.section.section2 .slick-next,
.section.section2 .slick-prev {
    width: 50px;
    height: 50px;
}

.section.section2 .slick-prev {
    left: -50px;
    z-index: 11;
}

.section.section2 .slick-next {
    right: -53px;
    z-index: 11;

}

.section.section2 .slick-disabled {
    display: none !important;
}

.section.section2 .slick-prev:hover img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(20%) saturate(2486%) hue-rotate(299deg) brightness(100%) contrast(99%);
}

.section.section2 .slick-next:hover img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(20%) saturate(2486%) hue-rotate(299deg) brightness(100%) contrast(99%);
}

/****/
.section.section2 .slick-dots {
    display: flex !important;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    width: fit-content;
    right: 0;
    bottom: 40px;
}

.section.section2 .slick-dots li {
    list-style: none;
}

.section.section2 .slick-dots li button {
    display: none;
    /* on cache le bouton par défaut */
}

.section.section2 .custom-dot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #FFE0E5;
    font-size: 15px;
    box-shadow: 0 0 0 8px rgb(255, 255, 255, 0.2);
    /* effet halo rose */
}

.section.section2 .slick-dots li.slick-active .custom-dot {
    color: #D21281;
}


/* start section3 */
.section.section3 .titre-section {
    background-color: #EEE6F6;
    border-radius: 33px 33px 0px 0px;
    padding: 15px 0;
}

.section.section3 .titre-section p {
    text-align: center;
}

.section.section3 .titre-section p span {
    display: block;
}


.section.section3 .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
    flex-direction: row-reverse;
}

.section.section3 .content .left-col {
    width: 50%;
    background-color: #ECE5F6;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

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

.section.section3 .content .left-col .item .texte {
    background: #fff;
    padding: 15px 15px;
}

.section.section3 .content .left-col .item .texte span {
    font-family: var(--DINPro-Bold);
    margin-bottom: 20px;
    display: block;
}

.section.section3 .left-col .item .titre {
    width: fit-content;

}

.section.section3 .left-col .item .titre span {
    font-size: 19px;
    color: #fff;
    font-family: var(--DINPro-Bold);
    padding: 7px 30px;
    text-transform: uppercase;
    display: block;
}

.section.section3 .left-col .item .titre.one {
    background-color: #FF9699;
}

.section.section3 .left-col .item .titre.two {
    background-color: #F76CC1;
}

.section.section3 .left-col .item .titre.three {
    background-color: #F93FB1;
}

.section.section3 .left-col .item .texte p {
    font-size: 16px;
}

.section.section3 .right-col .titre,
.section.section3 .right-col .image {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

.section.section3 .right-col .image {
    position: relative;
}

.section.section3 .right-col .contenu {
    width: calc(100% - 30px);
    display: flex;
    margin-right: 30px;
    flex-direction: column;
    gap: 30px;
}

.section.section3 .right-col .image img {
    width: 270px;

}


.section.section3 .right-col .image a {
    position: absolute;
    top: 61%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .7s;
    padding: 10px;
}

.section.section3 .right-col .image a:hover img {
    transform: scale(1.1);
}

.section.section3 .right-col .image a img {
    width: fit-content;
    transition: .5s;
}

.section.section3 .right-col .titre h5 {
    font-size: 28px;
    text-transform: uppercase;
    font-family: var(--DINPro-Bold);
}

.section.section3 .right-col .texte p {
    font-size: 18px;
    font-family: var(--DINPro-MediumItalic);
}

.section.section3 .right-col .texte .b-iatlic {
    font-family: var(--DINPro-BoldItalic);
}

.section.section3 .right-col .contenu .texte,
.section.section3 .right-col .contenu .doctor {
    text-align: center;
}

.section.section3 .right-col .contenu .texte {
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
}

.section.section3 .right-col .contenu .doctor span {
    font-size: 22px;
    text-transform: uppercase;
    font-family: var(--DINPro-Bold);
}

.section.section3 .right-col .contenu .doctor p {
    font-size: 18px;
    font-family: var(--DINPro);
    margin: unset;
}

.section.section3 .right-col .contenu .bottom-content {
    border: 4px solid #794DBF;
    border-radius: 33px;
    padding: 70px 14px;
    position: relative;
}

.section.section3 .right-col .contenu .bottom-content .quotes {
    position: absolute;
    top: -23px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    z-index: 11;

}

.section.section3 .right-col .contenu .bottom-content .quotes img {
    width: fit-content;
}

.section.section3 .titre-section.unique {
    background-color: #EEE6F6;
    border-radius: 0px 0px 33px 33px;
    padding: 15px 0;
}

.section.section3 .titre-section.unique span {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.section.section3 .my-btn {
    width: fit-content;
    margin: 0 auto;
    margin: 40px auto 50px auto;
}

/**start section4***/



.section.section4 .titre-section p {
    text-align: center;
}

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

.section.section4 .titre-section.two {
    background-color: unset;
    border: unset;
    padding: unset;
}

.section.section4 .content .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section.section4 .content .item .my-btn {
    margin: unset;
}

.section.section4 .content .item.one {
    border: 4px solid #FF9699;
}

.section.section4 .content .item.one .my-btn a {
    background-color: #FF9699;
    box-shadow: rgba(255, 150, 153, 0.25) 0px 0px 0px 6px;

}

.section.section4 .content .item.one .my-btn a::before {
    background: #e68688;
}

.section.section4 .content .item.one .left-col {
    background-color: #FF9699;
}

/***/
.section.section4 .content .item.two {
    border: 4px solid #FA7893;
}

.section.section4 .content .item.two .my-btn a {
    background-color: #FA7893;
    box-shadow: rgba(250, 120, 147, 0.25) 0px 0px 0px 6px;
}

.section.section4 .content .item.two .my-btn a::before {
    background: #e0637d;
}

.section.section4 .content .item.two .left-col {
    background-color: #FA7893;
}

/*****/


.section.section4 .content .item.three {
    border: 4px solid #FD58BD;
}

.section.section4 .content .item.three .my-btn a {
    background-color: #FD58BD;
    box-shadow: rgba(253, 88, 189, 0.25) 0px 0px 0px 6px;
}

.section.section4 .content .item.three .my-btn a::before {
    background: #d94aa1;
}

.section.section4 .content .item.three .left-col {
    background-color: #FD58BD;
}


/*****/
.section.section4 .content .item .left-col {
    padding: 8px 12px 8px 8px;
    width: 43%;
    max-width: 100%;
}

.section.section4 .content .item .left-col .contenu {
    display: flex;
    gap: 10px;
    align-items: end;
    border: 4px solid #fff;
    justify-content: space-between;
    padding: 0 10px;
}

.section.section4 .content .item .left-col .contenu .txt {
    width: 34%;
    max-width: 100%;
}

.section.section4 .content .item .right-col {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 35px;
    gap: 20px;
    width: 57%;
}

.section.section4 .content .item .right-col .texte-image {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.section.section4 .content .item .contenu .txt.right {
    text-align: right;
    width: 23%;
    max-width: 100%;
}

.section.section4 .content .item .contenu .txt p {
    font-size: 18px;
    color: #fff;
    font-family: var(--DINPro);
}

.section.section4 .content .item .contenu .montant span {
    font-size: 95px;
    color: #fff;
    font-family: var(--DINPro-Bold);
}

.section.section4 .content .item .contenu .montant sup {
    font-size: 55px;
    color: #fff;
    font-family: var(--DINPro-Bold);
}


.section.section4 .content .item .right-col .texte-image .texte {
    width: 45%;
    max-width: 100%;
}

.section.section4 .content .item .right-col .texte-image .texte p {
    margin: unset;
}

/***section5***/
.section.section5 .titre-section {
    text-align: center;
}

.section.section5 .titre-section span {
    display: block;
}

.section.section5 .items {
    display: flex;
    justify-content: space-between;
}

.section.section5 .items .item {
    width: calc(97% / 3);
    max-width: 100%;
    min-height: 530px;
    position: relative;
}

.section.section5 .items .titre span {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--DINPro-Bold);
}

.section.section5 .items .titre {
    background-color: #FF9699;
    padding: 10px 5px;
    text-align: center;
}

.section.section5 .items .item.two .titre {
    background-color: #FD58BD;
}

.section.section5 .items .item.three .titre {
    background-color: #FA7893;
}

.section.section5 .items .item.one {
    background-color: #FF969924;
}

.section.section5 .items .item.two {
    background-color: #F93FB11F;
}

.section.section5 .items .item.three {
    background-color: #FA789321;
}

.section.section5 .items .item .contenu {
    padding: 30px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: start;
}

.section.section5 .items .item .contenu .texte {
    text-align: center;
}

.section.section5 .items .item .contenu .texte.second b {
    color: #D21181;
}

.section.section5 .items .item.one .contenu .texte p,
.section.section5 .items .item.three .contenu .texte p {
    line-height: 33px;
}

.section.section5 .items .item .contenu .montant {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.section.section5 .items .item .contenu .montant::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 11;
}

.section.section5 .items .item.one .contenu .montant::before {
    background-image: url(../images/bef-arrow-one.png);
}

.section.section5 .items .item.two .contenu .montant::before {
    background-image: url(../images/bef-arrow-two.png);
}

.section.section5 .item .contenu .montant .col {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.section.section5 .item .contenu .montant .col p {
    margin: unset;
    font-size: 12px;
    font-family: var(--DINPro-Bold);
}

.section.section5 .item .contenu .montant .col span {
    margin: unset;
    font-size: 41px;
    font-family: var(--DINPro-Bold);
}

.section.section5 .item.two .contenu .montant .col span {
    font-size: 29px;
}

.section.section5 .item.two .contenu .montant .right.col span {
    font-size: 25px;
    color: #FD58BD;
}

.section.section5 .item .contenu .montant .left p {
    color: #fff;
}

.section.section5 .item .contenu .montant .left span {
    color: #fff;
}

.section.section5 .item .contenu .montant .right span {
    color: #FF9699;
}

.section.section5 .item .contenu .montant .left {
    background-color: #FF9699;
    text-align: center;
}

.section.section5 .item .contenu .montant .right {
    background-color: #fff;
    text-align: center;
}

.section.section5 .item.two .contenu .montant .left {
    background-color: #FD58BD;
    text-align: center;
}

.section.section5 .item .contenu .white-div {
    background-color: #fff;
    padding: 20px 30px;
}

.section.section5 .item .contenu .white-div .titre-div {
    text-align: center;
    margin-bottom: 15px;
}

.section.section5 .item .contenu .white-div .titre-div span {
    font-size: 18px;
    color: var(--text-color);
    font-family: var(--DINPro-Bold);
}

.section.section5 .item .contenu .white-div .txt p {
    margin: unset;
    position: relative;
    padding-left: 20px;
}

.section.section5 .item .contenu .white-div .txt p::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-image: url(../images/comp.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 11;
}

.section.section5 .item .contenu .white-div .txt p:last-child::before {
    content: unset;
}

.section.section5 .items .item .my-btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
}

.section.section5 .items .item.one .my-btn a {
    background-color: #FF9699;
    box-shadow: rgba(255, 150, 153, 0.25) 0px 0px 0px 6px;
}

.section.section5 .items .item.two .my-btn a {
    background-color: #FD58BD;
    box-shadow: rgba(253, 88, 189, 0.25) 0px 0px 0px 6px;
}

.section.section5 .items .item.three .my-btn a {
    background-color: #FA7893;
    box-shadow: rgba(250, 120, 147, 0.25) 0px 0px 0px 6px;
}

.section.section5 .items .item.one .my-btn a::before {
    background: #e68688;
}

.section.section5 .items .item.two .my-btn a::before {
    background: #d94aa1;
}

.section.section5 .items .item.three .my-btn a::before {
    background: #e0637d;
}



/******section6******/
.section.section6 {
    background-color: #EDE2FF63;
    padding: 50px 0;
}

.section.section6 .titre-section {
    width: 93%;
    max-width: 100%;
}

.section.section6 .titre-section p {
    font-family: var(--DINPro-Bold);
}

.section.section6 .content {
    display: flex;
    justify-content: center;
    align-items: end;
}

.section.section6 .content .left-col {
    width: 50%;
    max-width: 100%;
}

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

.section.section6 .content .left-col .texte {
    width: 90%;
    max-width: 100%;
}

.section.section6 .content .left-col .texte p {
    font-size: 15px;

}

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

.section.section6 .items .item {
    width: calc(94% / 3);
    max-width: 100%;
}

.section.section6 .items .item .top-div {
    position: relative;
    min-height: 180px;
    border: 11px solid #ffff;
}

.section.section6 .items .item .top-div .txt-number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.section.section6 .items .item .top-div .txt-number h5 {
    font-size: 30px;
    color: #F76CC1;
    font-family: var(--DINPro-Bold);
}

.section.section6 .items .item .top-div .txt-number span {
    font-size: 15px;
    color: #794DBF;
    font-family: var(--DINPro-Bold);
    text-transform: uppercase;
}

.section.section6 .items .item .bottom-div {
    background-color: #fff;
    padding: 9px 20px;
    text-align: center;
    min-height: 80px;
}

.section.section6 .items .item .bottom-div p {
    font-size: 13px;
    margin: unset;
}

.section.section6 .items .item .bottom-div .small {
    font-size: 10px;
    margin-top: 5px;
}

.section.section6 .items .item.three .ans {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);

}

.section.section6 .items .item.three .ans span {
    font-size: 15px;
    color: #FA7893;
    font-family: var(--DINPro-Bold);
    text-transform: uppercase;
}


.section.section6 .items .item .top-div::before {
    content: '';
    position: absolute;
    top: -79px;
    left: 50%;
    transform: translate(-50%);
    width: 120px;
    height: 127px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 11;
}

.section.section6 .items .item.one .top-div::before {
    background-image: url(../images/icon1.png);
}

.section.section6 .items .item.two .top-div::before {
    background-image: url(../images/icon2.png);
}

.section.section6 .items .item.three .top-div::before {
    background-image: url(../images/icon3.png);
}


/****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;
}

/*****formulaire****/


.buttom_form {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #EDE2FF;
    height: fit-content;
    z-index: 99999;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    overflow: hidden;

    /* Animation initiale */
    opacity: 0;
    transform: translateY(100%);
    visibility: hidden;
    transition: opacity 0.9s ease, transform 0.9s ease, visibility 0.9s;
}

.buttom_form.fixed {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}


.buttom_form .form {
    display: flex;
}


.buttom_form .desc_form {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
}

.buttom_form .desc_form p {
    font-size: 17px;
    color: #794DBF;
    font-family: var(--DINPro);
    margin-bottom: 0px;
}

.buttom_form .desc_form img {
    width: 200px;
}



.buttom_form .form_options {
    display: flex;
    justify-content: center;
    gap: 40px;
    align-items: center;
    margin: 0px auto;
    padding: 10px 30px 10px 0px
}

.buttom_form .form_options .montant_options {
    display: flex;
    justify-content: center;
    gap: 26px;
    align-items: center;
    justify-content: space-between;
}

.buttom_form .form_options .montant_options .form-check-label {
    font-size: 40px;
    font-family: var(--DINPro-Bold);
    line-height: 1.2;
    width: fit-content;
    border-radius: 22px;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
}

.buttom_form .form_options .montant_options .form-check-label span {
    color: #794DBF;
}

.buttom_form .form_options .montant_options .form-check-label span:hover {
    color: #F93FB1;
}

.buttom_form .form_options .form-check:hover .form-check-label span {
    transform: scale(1.1);
}

.buttom_form .form_options .form-check:hover .form-check-label span {
    color: #F93FB1;
}

.buttom_form .form_options .montant_options .form-check-label sup {
    top: -0.95em;
    left: -0.25em;
    font-size: 0.5em;
}

.buttom_form .form_options .form-check-input:checked+label,
.buttom_form .form_options .form-check-input:checked+label .prix {
    color: #F93FB1 !important;
}

.buttom_form .form_options .form-check {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-left: 0em;
    margin-bottom: 0rem;
    cursor: pointer;
}

.buttom_form .form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    border: none !important;
    background-color: #ffffff;
    cursor: pointer;
}

.buttom_form .form-check-input:checked::after {
    content: "";
    position: absolute;
    height: 50%;
    width: 50%;
    background-color: #F93FB1;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buttom_form .option_m {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: center;
    flex-direction: column;
}

.buttom_form .form_options .li-input {
    height: 100%;
    position: relative;
}

.buttom_form .form_options .li-input .check-otherAmount {

    position: relative;
}


.buttom_form .form_options input.otherAmount {
    width: 160px;
    height: unset;
    padding: 6px 0 10px;
    outline: none;
    border: none;
    font-size: 20px;
    background-color: white;
    color: #F93FB1;
    font-family: var(--DINPro-Bold);
    text-align: center;
}

.buttom_form .form_options input.otherAmount::placeholder {
    text-align: center;
    padding: 20px 5px;
    color: #999999;
    font-size: 18px;
    font-family: var(--DINPro-Medium);
}


.buttom_form .description_form {
    text-align: center;
    color: #5D534E;
    font-size: 14px;
    line-height: 18px;
    width: 25%;
    font-family: var(--DINPro);
}

.buttom_form .description_form .result_calculed {
    font-weight: 700;
    font-size: 35px;
    line-height: 1;
    padding: 3px 30px;
    display: block;
    background-color: #EDE2FF;
    color: #F93FB1;
    border: #F93FB1 2px solid;
    font-family: var(--DINPro-Bold);
    width: fit-content;
    margin: 10px auto;
}



.buttom_form .div-btn {
    text-align: center;
    background-color: #794DBF;
    color: white;
    width: 10%;
}

.buttom_form .button_cta_form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 15px 10px;
    height: 100%;
    background-color: #794dbf;
}

.buttom_form .button_cta_form img {
    width: 42px;
}

.buttom_form .button_cta_form span {
    font-size: 22px;
    font-family: var(--DINPro-Bold);
    color: white;
    text-decoration: none;
}

.block-footer {
    margin-bottom: 160px;
}

.form_pc {
    display: block;
}

.form_tab {
    display: none;
}


.txt_cookies {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    color: #000;
    font-family: var(--DINPro-Bold);
    font-size: 18px;
}

.txt_cookies a {
    color: #00b5ad;
    font-size: 18px;
    font-family: var(--DINPro-Bold);

}

.form-paragraph {
    margin-left: -93px;
    margin-bottom: -95px;
    width: 280px;
    max-width: 100%;
}

#otherAmount::placeholder {
    color: #794DBF;
}

#otherAmount::-webkit-input-placeholder {
    color: #794DBF;
}

#otherAmount:-ms-input-placeholder {
    color: #794DBF;
}

#otherAmount::-ms-input-placeholder {
    color: #794DBF;
}

.form-check-input:focus {
    border-color: #F93FB1;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(249, 63, 177, 0.25);
}

/*******/
#type-b.arya .amount ul li label,
#type-b.arya #step-1 .free-amount p.ira-form-item label {
    border: 2px solid #794DBF !important;
    border-color: #794DBF !important;
}

#type-b.arya .amount label span,
#type-b.arya .type2ct .radio-desc label span {
    color: #794DBF !important;
    font-size: 25px;
}

#type-b.arya .amount ul li label.active {
    border-color: #F93FB1 !important;

}

#type-b.arya .amount ul li label.active span.active {
    color: #fff !important;
}

#type-b.arya #step-1 .free-amount p.ira-form-item label {
    color: #794DBF !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: 'roboto' !important;
    line-height: 42px !important;

}

#type-b.arya #regular .amount label span::after,
#type-b.arya #regular .type2ct .radio-desc label span::after {
    font-size: 15px !important;
}

#type-b.arya input[type=submit]:not(.apple_pay_styled_button) {
    background-color: #794DBF !important;
    border-color: #794DBF !important;
    box-shadow: rgba(87, 54, 177, 0.25) 0px 0px 0px 6px;
    font-weight: bold !important;
    font-family: 'roboto' !important;
}

#type-b.arya p.ira-form-item input[type=tel],
#type-b.arya p.ira-form-item input[type=date],
#type-b.arya p.ira-form-item input[type=text],
#type-b.arya p.ira-form-item input[type=number],
#type-b.arya p.ira-form-item .select2-selection,
#type-b.arya p.ira-form-item #famount-regular,
#type-b.arya p.ira-form-item #famount-once {
    font-size: 15px;
    font-family: 'roboto';
}

#type-b.arya #container #step-1 .height_adaptor>div p:last-of-type.tax-info,
#type-b.arya #container #step-1 .tax-info,
#type-b.arya #container #step-1 .height_adaptor>div p:last-of-type.tax-info,
#type-b.arya #container #step-1 .tax-info strong,
#type-b.arya #container #step-1 .height_adaptor>div p:last-of-type.tax-info,
#type-b.arya #container #step-1 .tax-info span {
    color: #794DBF !important;
    font-family: 'roboto' !important;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
}

#type-b.arya #container #main_wrapinner #step-1 .step-title {
    display: none !important;
}

.titre-formulaire .titre h3 {
    color: #5D534E !important;
    font-weight: bold;
    text-transform: uppercase !important;
}

#type-b.arya #container #main {
    padding: unset !important;
}

.formulaire .iraiser_native {
    width: 100% !important;
}

#type-b.arya #container #main_wrapinner #form-info .titre-formulaire .titre {
    text-align: center !important;
}

#type-b.arya.footer-column #container #step-1 .step-content {
    padding: 10px 50px !important;
}

#type-b.arya #container #step-1 .height_adaptor>div p:last-of-type.tax-info,
#type-b.arya #container #step-1 .tax-info {
    border: unset !important;
    margin: unset !important;
    padding: 13px 0 18px 0 !important;
}

#type-b.arya div#embed-footer {
    display: none !important;
}

#type-b.arya .amount {
    padding: 20px 0 10px 0 !important;
}

#type-b.arya #container #step-1 .tabs_menu #once-item a::after {
    content: "don unique";
    font-size: 12px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 7px 10px;
    color: #F93FB1;

}

#type-b.arya #container #step-1 .tabs_menu #regular-item a::after {
    content: "don mensuel";
    font-size: 12px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 7px 10px;
    color: #F93FB1;
}

#type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-active a:link,
#type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-active a::after {
    color: #fff !important;
}


#type-b.arya #container #step-1 .tabs_menu #regular-item a h3,
#type-b.arya #container #step-1 .step-content .tabs .tabs_menu h3 {
    display: none !important;
}

#type-b.arya #container #step-1 .step-content .tabs .tabs_menu {
    gap: 8px !important;
}

#type-b.arya .bloc-content {
    padding: 0 8px !important;
}

#type-b.arya #step-1 p.ira-form-item {
    padding: 0 12px !important;

}

#type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab {
    border-radius: 5px !important;
    border: 2px solid #F93FB1;
}

#type-b.arya #step-1 .free-amount p.ira-form-item {
    padding: unset !important;
}

#type-b.arya.footer-column #container #step-1 .step-content {
    margin-bottom: unset !important;
}

#iraiser-iframe-left {
    display: none !important;
}

/* 
#step-2 {
    height: 410px;
    overflow-y: scroll;
    overflow-x: hidden;
} */

/* #step-2 .step-title {
    display: none !important;
} */
#type-b.arya #container #step-2 .step-title,
#type-b.arya #container #step-3 .step-title {
    filter: brightness(0) saturate(100%) invert(33%) sepia(2%) saturate(2599%) hue-rotate(337deg) brightness(94%) contrast(87%);
}

#type-b.arya #container #step-2 .step-content,
#type-b.arya #container #step-3 .step-content {
    padding-top: 10px !important;
}

/* #type-b.arya.loaded #container{
    background: #fff !important;
} */

#type-b {
    background: #fff !important;
}

#type-b.arya #container #step-1 .step-content .tabs input {
    font-weight: 900 !important;
}

#iraiser-iframe-right {
    border-radius: unset !important;
}

.iraiser .close-button {
    top: 10px !important;
}

#type-b.arya #container #main_wrapinner #form-info {
    background: #ECE5F6 !important;
}

#type-b.arya .step-container {
    background: #fff !important;
}

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

@media only screen and (max-width: 1700px) {
    .section.section-slider .formulaire {
        right: 40px;
    }
}

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

    .section.section-slider .hero .txt {
        display: flex;
        flex-direction: column;
        gap: 0px;
        margin-bottom: 10px;
    }

    .section.section-slider .hero {
        padding-top: 15px;
    }


}

@media only screen and (max-width: 1380px) {
    .buttom_form .desc_form img {
        width: 175px;
    }

    .buttom_form .form_options .montant_options {
        gap: 10px;
    }

    .form-paragraph {
        width: 295px;
        max-width: 100%;
        margin-left: -75px;
    }

    .buttom_form .div-btn {
        width: 12%;
    }

    .my-btn a {
        padding: 8px 27px;
    }

    .section.section-slider .equipe img {
        width: 680px;
        max-width: 100%;
    }

    .titre-section p,
    .titre-section span {
        font-size: 34px;
    }


}



@media only screen and (max-width: 1800px) and (max-height: 840px) {

    .section.section-slider .hero .txt span,
    .section.section-slider .hero .txt p {
        font-size: 20px;
    }

    .section.section-slider .hero .image img {
        width: 300px;
    }

    #type-b.arya .amount label,
    #type-b.arya .type2ct .radio-desc label {
        padding: 8px 2px;
    }

    .section.section-slider .equipe img {
        width: 690px;
        max-width: 100%;
    }

    #type-b.arya #step-1 .free-amount p.ira-form-item label {
        height: 39px;
    }

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

    #type-b.arya input[type=submit] {
        padding: 7px 40px 6px 10px;
    }

    #type-b.arya.footer-column #container #step-1 .step-content {
        padding: 10px 10px 10px 10px !important;
    }

    #type-b.arya input[type=submit]:not(.apple_pay_styled_button) {
        margin-bottom: unset !important;
    }

    #type-b.arya p.ira-form-item {
        margin-bottom: 5px;
    }

    .section.section-slider .hero {
        padding-top: 10px;
    }

    .section.section-slider .formulaire {
        top: 64%;
    }

    #type-b.arya #container #main_wrapinner #form-info {
        margin: unset;
    }

    #type-b.arya #container #form-info {
        padding: 5px 20px !important;
    }

    #type-b.arya #container #step-1 .height_adaptor>div p:last-of-type.tax-info,
    #type-b.arya #container #step-1 .tax-info {
        padding-top: unset !important;
    }

    #type-b.arya input[type=submit] {
        min-height: 40px;
    }




}

@media only screen and (max-width: 1350px) and (max-height: 840px) {
    .section.section-slider .equipe img {
        width: 700px;
        max-width: 100%;
    }

    .section.section-slider .hero {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 1350px) and (max-height: 700px) {
    .section.section-slider .equipe img {
        width: 690px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1230px) {
    .section.section2 .slider-content {
        display: flex;
        min-height: 710px;
    }

    .section.section2 .right-col .quote .image {
        width: 70px;
    }

    .section.section2 .slider-content .right-col .quote .my-btn {
        position: absolute;
        bottom: 20px;
        left: 80px;
        z-index: 11;
    }
}

@media only screen and (max-width: 1120px) {
    .section.section2 .slider-content .right-col .quote .my-btn {
        bottom: 20px;
        left: 50px;
    }

    /*****/
    .section.section-slider .formulaire {
        width: 420px;
        max-width: 100%;
    }

    #type-b.arya.footer-column #container #step-1 .step-content {
        padding: 20px 10px 10px 10px !important;
    }

    .buttom_form .form_options input.otherAmount {
        width: 140px;
    }

    .buttom_form .desc_form {
        padding: 15px;
    }

    .buttom_form .desc_form img {
        width: 160px;
    }

    .buttom_form .desc_form p {
        font-size: 16px;
    }

    .form-paragraph {
        width: 275px;
        max-width: 100%;
        margin-left: -63px;
    }

    .buttom_form .form_options .montant_options .form-check-label {
        font-size: 35px;
    }

    .buttom_form .form_options input.otherAmount {
        padding: 3px 0 7px;
    }

    .buttom_form .description_form .result_calculed {
        padding: 2px 17px;
    }

    .buttom_form .form_options {
        padding: 15px 20px 20px 0px;
    }

    .buttom_form .div-btn {
        width: 15%;
    }

    /**********/
    section.section-header .logo img {
        width: 210px;
    }

    .section.section-slider .equipe img {
        width: 620px;
        max-width: 100%;
    }

    .section.section-slider .hero .image img {
        width: 250px;
    }

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

    .section.section3 .titre-section.unique span {
        flex-direction: column;
    }

    body p {
        font-size: 16px;
    }

    .section.section1 .left-col .big-descr p {
        font-size: 20px;
    }

    .section.section1 .content .right-col {
        width: 48%;
        padding: 30px 30px;
    }

    .section.section1 .items .item .top-div .txt-number .big {
        font-size: 100px;
        line-height: 93px;
    }

    .section.section1 .items .item .top-div .txt-number p {
        font-size: 25px;
    }

    .section.section1 .items .item .top-div .txt-number .small {
        line-height: 50px;
        margin-top: 4px;
    }

    .section.section1 .items .item .top-div .txt-number .txt p {
        font-size: 24px;
    }

    .section.section1 .items .item .bottom-div .image img {
        width: 270px;
    }

    .section.section1 .items .item .bottom-div {
        background-color: #fff;
        padding: 0px 20px 13px 20px;
        text-align: center;
    }

    .section.section1 .items .item {
        width: 325px;
        max-width: 100%;
        margin: 0 auto;
    }

    .section.section1 .slick-prev {
        left: -13px;
        z-index: 11;
        width: 35px;
        height: 35px;
    }

    .section.section1 .slick-next {
        right: -13px;
        z-index: 11;
        width: 35px;
        height: 35px;
    }

    .section.section1 .items .item .top-div {
        position: relative;
        min-height: 340px;
        border: 11px solid #ffff;
    }

    .section.section1 .items .item.two .top-div .top p {
        line-height: 70px;
    }

    .section.section1 .items .item.two .top-div .top.two p {
        line-height: normal;
    }

    /*******/

    .section.section2 .right-col .quote .image {
        width: fit-content;
    }

    .section.section2 .right-col .quote .image img {
        width: 70px;
    }

    .section.section2 .right-col .quote .txt p {
        font-size: 16px;
        font-family: var(--DINPro-Italic);
    }

    .section.section2 .right-col .quote .txt {
        width: fit-content;
        margin-top: 50px;
    }

    .section.section2 .slick-next,
    .section.section2 .slick-prev {
        width: 50px;
        height: 50px;
    }


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

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

    .section.section2 .slider-content {
        display: flex;
        min-height: 790px;
    }

    .section.section2 .slider-content .right-col {
        margin-top: 20px;
    }

    /*****/
    .section.section3 .right-col .titre h5 {
        font-size: 25px;
    }

    .section.section3 .left-col .item .titre span {
        font-size: 17px;
        padding: 7px 25px;
    }

    .section.section3 .right-col .contenu .bottom-content .quotes img {
        width: 55px;
    }

    .section.section3 .right-col .contenu .bottom-content {
        padding: 60px 14px;
    }

    .section.section3 .right-col .texte p {
        font-size: 17px;
    }

    .section.section3 .right-col .contenu .doctor span {
        font-size: 21px;
    }

    /*****/
    .section.section4 .content .item .contenu .montant span {
        font-size: 85px;
    }

    .section.section4 .content .item .contenu .montant sup {
        font-size: 50px;
    }

    .section.section4 .content .item .contenu .txt p {
        font-size: 17px;
    }

    .section.section4 .content .item .right-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
        gap: 10px;
        width: 57%;
    }

    .section.section4 .content .item .right-col .texte-image .image img {
        width: 60px;
    }

    /******/
    .section.section5 .items .titre span {
        font-size: 26px;
    }

    .section.section5 .items .item .contenu {
        padding: 20px 10px 20px 10px;
    }

    .section.section5 .items .item.one .contenu .texte p,
    .section.section5 .items .item.three .contenu .texte p {
        line-height: 28px;
    }

    .section.section5 .item .contenu .montant .col span {
        font-size: 33px;
    }

    .section.section5 .item.two .contenu .montant .col span {
        font-size: 24px;
    }

    .section.section5 .item.two .contenu .montant .right.col span {
        font-size: 23px;
    }

    .section.section5 .item.two .contenu .montant .col span {
        font-size: 23px;
    }

    .section.section5 .items .item.two .contenu .montant::before {
        width: 20px;
        height: 20px;
    }

    .section.section5 .items .item {
        min-height: 470px;
    }

    .section.section5 .item .contenu .white-div {
        padding: 15px 25px;
    }

    /*******/
    .section.section6 .items .item .top-div::before {
        top: -50px;
        width: 70px;
        height: 74px;
    }

    .section.section6 .items {
        flex-wrap: wrap;
        row-gap: 60px;
        margin-top: 30px;
    }

    .section.section6 .items .item {
        max-width: 100%;
        width: 48%;
    }

    .section.section6 .content {
        align-items: start;
    }


}


@media only screen and (max-width: 1120px) and (max-height: 720px) {
    .section.section-slider .equipe img {
        width: 580px;
        max-width: 100%;
    }
}

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



    .section.section2 .left-col .my-btn.mobile {
        display: block;
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .section.section2 .left-col .my-btn.mobile a {
        padding: 7px 10px;
    }

    .section.section2 .right-col .my-btn {
        display: none;
    }

    .section.section2 .karen .my-btn.mobile,
    .section.section2 .axelle .my-btn.mobile,
    .section.section2 .chloe .my-btn.mobile {
        display: none;
    }


    .section.section2 .slider-content .right-col .quote .my-btn {
        top: 0px;
        bottom: unset;
        left: 50%;
        transform: translateX(-50%);
    }

    .iraiser.iframe-container {
        position: relative;

    }

    #type-b.arya.footer-column #container #step-1 .step-content,
    #type-b.arya.footer-column #container #step-2 .step-content,
    #type-b.arya.footer-column #container #step-3 .step-content {
        padding-top: 50px !important;
        margin-top: unset !important;
        padding-bottom: 30px !important;
    }

    .iraiser .modal-content {
        justify-content: center !important;
        height: 100% !important;
    }

    /*****/
    .section.section-slider .formulaire {
        display: none;
    }

    .section.section-slider {
        /* height: calc(100vh - 96px); */
        height: 100vh;
    }

    .section.section1 .my-btn.from-btn {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        padding: 25px 0;
        background: #EDE2FF;
    }

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

    .form_pc {
        display: none;
    }

    .form_tab {
        display: flex;
        justify-content: center;
        padding: 15px 10px;
    }

    .buttom_form {
        padding: 10px;
        text-align: center;
        border-radius: 0px;
    }

    /****/

    .section.section-slider .hero .image img {
        width: 200px;
    }

    .section.section-slider .hero .txt p,
    .section.section-slider .hero .txt span {
        font-size: 20px;
    }

    .section.section1 .content {
        flex-direction: column;
        row-gap: 30px;
    }

    .section.section1 .content .right-col {
        width: 100%;
        padding: 30px 30px 100px 30px;
    }

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

    .section.section1 .content .left-col .my-btn {
        display: flex;
        justify-content: center;
    }

    .section.section1 .slick-prev,
    .section.section1 .slick-next {
        top: unset;
        bottom: -80px;
    }

    .section.section1 .slick-next {
        right: 42%;
        ;
    }

    .section.section1 .slick-prev {
        left: 42%;
    }

    .section.section1 .items .item {
        width: 425px;
        max-width: 100%;
        margin: 0 auto;
    }


    .section.section2 .slider-content {
        flex-direction: column-reverse;
        row-gap: 50px;
        min-height: unset;
        height: unset;
        min-height: 970px;
    }

    .section.section2 .slider-content .right-col {
        width: 100%;
        max-width: 100%;
        margin-top: 0px;
    }

    .section.section2 .slider-content .right-col .quote {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }

    .section.section2 .right-col .quote .txt {
        width: fit-content;
        margin-top: 0px;
    }

    .section.section2 .right-col .quote .image img {
        width: 60px;
    }

    .section.section2 .slick-dots {
        bottom: unset;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .section.section2 .titre-section {
        text-align: center;
        padding: 10px;
        background-color: #fff;
        margin-bottom: 70px;
    }

    .section.section2 .slick-next {
        right: unset;
        left: 60%;
        top: 60%;
        transform: translate(-50%, -50%);
        z-index: 11;

    }

    .section.section2 .slick-prev {
        left: unset;
        right: 45%;
        top: 60%;
        transform: translate(-50%, -50%);
        z-index: 11;
    }

    .section.section2 .slider-content .left-col {
        width: 100%;
        margin-top: 40px;
        position: relative;
    }

    .section.section2 .slider-content .left-col .image {
        display: flex;
        justify-content: center;
        flex-direction: row;
        height: unset;
    }

    .section.section2 .left-col .image img {
        width: 330px;
        max-width: 100%;
    }

    .section.section2 .left-col .image .christine {
        width: 270px;
    }

    .section.section2 .left-col .image .karen {
        width: 250px;
    }

    .section.section2 .left-col .image .chloe {
        width: 300px;
    }

    .section.section2 .slider-personnes {
        width: 100%;
        position: relative;
    }
}

@media only screen and (max-width: 800px) {
    .section.section-slider .equipe img {
        width: 570px;
        max-width: 100%;
    }

    .section.section-slider .hero {
        position: absolute;
        top: 33%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        margin: 0 auto;
    }

    .section.section-slider .hero .content {
        width: 100%;
        justify-content: center;
        padding: 0 15px;
    }

    .section.section-slider .equipe {
        padding-left: unset;
    }

    .section.section-slider .equipe .image {
        text-align: center;
        padding: 0 15px;
    }


    .section.section4 .content .item {
        flex-direction: column;
    }

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

    .section.section4 .content .item .right-col {
        width: 100%;
        padding: 20px 15px;
    }

    .section.section5 .items {
        flex-direction: column;
        row-gap: 30px;
    }

    .section.section5 .items .item {
        width: 100%;
    }

    .section.section5 .items .item {
        min-height: unset;
        padding: 0px 0 30px 0;
    }

    .section.section5 .items .item .my-btn {
        margin-top: 15px;
        position: unset;
        transform: unset;
    }

    .section.section3 .content {
        flex-direction: column;
        row-gap: 20px;
    }

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







}

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

    #type-b {
        background: unset !important;
    }

    #type-b.arya #container #main {
        margin: 0 15px !important;
    }


    #type-b.arya #step-1 .free-amount p.ira-form-item label {
        line-height: 37px !important;
    }

    .section.section5 .items .item .contenu .texte {
        width: 85%;
        margin: 0 auto;
    }

    .section.section5 .items .item .contenu .texte p b {
        font-weight: 600;
        font-family: unset;
    }

    .section.section3 .titre-section {
        padding: 15px;
    }

    .section.section-slider {
        height: 96vh;
    }

    .section {
        margin-bottom: 50px;
    }

    .parent_container {
        padding: 0 15px;
    }

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

    .titre-section p,
    .titre-section span {
        font-size: 25px;
    }

    .section.section2 .titre-section span {
        display: block;
    }

    .section.section-slider .hero .content {
        gap: 15px;
    }

    .section.section-slider .hero .content {
        flex-direction: column;
    }

    .section.section-slider .hero .content .image,
    .section.section-slider .hero .content .txt-video {
        width: 100%;
        text-align: center;
    }

    .section.section-slider .hero .content .my-btn {
        display: flex;
        justify-content: center;
    }

    .section.section-slider .hero .txt {
        margin-bottom: 15px;
    }

    .section.section-slider .equipe img {
        width: fit-content;
        max-width: 100%;
    }

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

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

    .section.section-slider .hero .image img {
        width: 200px;
    }

    .section.section1 .content .left-col {
        padding: 0 15px;
    }

    .section.section1 .content .right-col {
        padding: 30px 15px 95px 15px;
    }

    .section.section1 .slick-prev {
        left: 37%;
    }

    .section.section1 .slick-next {
        right: 37%;
    }

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

    .section.section2 .slider-personnes {
        width: 100%;
    }

    .section.section2 .content {
        padding: 30px 0 0 0;
    }

    .section.section2 .slider-content .left-col {
        padding: 0 15px;
    }

    .section.section2 .slider-content .right-col {
        padding: 0 25px;
    }

    .section.section2 .left-col .image img {
        width: 280px;
        max-width: 100%;
    }

    .section.section2 .slick-next,
    .section.section2 .slick-prev {
        top: 42%;
    }

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

    .section.section3 .parent_container .left-col {
        padding: 25px 0;
    }

    .section.section3 .right-col .contenu {
        margin: unset;
        width: 100%;
    }

    .section.section3 .titre-section.unique {
        padding: 15px 10px;
    }

    .section.section2 .slider-content {
        min-height: 1190px;
    }

    .section.section2 .slick-next,
    .section.section2 .slick-prev {
        top: 68%;
    }

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

    .section.section4 .content .item .right-col .texte-image {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .section.section4 .content .item .right-col {
        width: 100%;
        padding: 30px 25px;
    }

    .section.section4 .content .item .right-col .texte-image .texte {
        width: 75%;
        max-width: 100%;
    }

    .section.section4 .content .item .my-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }

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

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

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

    .section.section6 .content .left-col .texte {
        width: 100%;
        max-width: 100%;
    }

    .section.section6 .items .item {
        width: 100%;
    }

    .section.section6 .content .right-col {
        width: 70%;
        max-width: 100%;
        margin: 0 auto;
    }

    .section.section6 .items .item .top-div::before {
        top: -55px;
        width: 80px;
        height: 86px;
    }

    .section.section6 .items {
        flex-wrap: wrap;
        row-gap: 80px;
        margin-top: 30px;
    }

    .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 {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

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

    .section.section6 {
        margin-bottom: 10px;
    }

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

    .section.section2 .slider-content {
        flex-direction: column-reverse;
        row-gap: 70px;
    }

}


@media only screen and (max-width: 489px) {
    .section.section2 .slider-content {
        min-height: 1240px;
    }


    .section.section2 .slick-next,
    .section.section2 .slick-prev {
        top: 71%;
    }

}

@media only screen and (max-width: 395px) {
    .section.section2 .slider-content {
        min-height: 1300px;
    }

}