@import url("https://p.typekit.net/p.css?s=1&k=ycm5occ&ht=tk&f=44428&a=91925672&app=typekit&e=css");

@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
.wpcf7 form .wpcf7-response-output{
    border: none !important;
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    bottom: 0;
    width: max-content !important;
    padding-left: clamp(23px,9.23vw,133px) !important;
}

.wpcf7 form:is(.invalid,.unaccepted) .wpcf7-response-output{
    color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #4B1DF2;
}

.wpcf7 form .wpcf7-response-output {
	font-size: 18px;
}

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family:"forma-djr-banner";
}
/* radio button */
.container-radio {
  display: block;
  position: relative;
  /* padding-left: 35px; */
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.container-radio [data-name="mailjet-opt-in"] {
    display: none;
}

/* Create a custom radio button */
.checkmark {
	  position: absolute;
    top: 11.5vw;
    left: -4vw;
    height: 1.5vw;
    width: 1.5vw;
    background-color: none;
    border-radius: 50%;
    border: 1px solid #4B1DF2;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
  background-color: none;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
  background-color: none;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
       top: 0.2vw;
    left: 0.2vw;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background: #4B1DF2;
}


.footer form input:active {
	
	background:none
	
	
}


.footer form input:focus {
  background:transparent
}




.my-data{
	display: flex;
    gap: 1vw;
    /* height: 60vw; */
    width: 100%;
}
.my-data .grouped.startup{
     /* width: 50%; */
     width: clamp(408px,28.33vw,493px);
    border-radius: 115px 15px 15px 15px;
    background: #d3c9f8;
    padding-top: 2.5%;
    padding-left: 2%;
    position : relative;	
    padding-right: 2%;
    height: clamp(531px,36.87vw,620px);
}
.my-data .grouped.media{
  
	/* width: 50%; */
     width: clamp(408px,28.33vw,493px);
    border-radius: 115px 15px 15px 15px;
    background: #ff8471;
    padding-top: 2.5%;
    padding-left: 2%;	
    position: relative;
    padding-right: 2%;
    height: clamp(531px,36.87vw,620px);
}
.my-data .grouped.startup .logo,.my-data .grouped.media .logo{
     position: relative;
    width: 190.16px;
    height: 190.16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.my-data .grouped.startup .logo img,.my-data .grouped.media .logo img{
	width:45%;
	z-index:1;
	position:relative;
}
.my-data .grouped.startup .logo::after,.my-data .grouped.media .logo::after{
	position:absolute;
	left:0;
	top:0;
	content:"";
	width: 190.16px;
    height: 190.16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190.161' height='190.161' viewBox='0 0 190.161 190.161'%3E%3Cpath id='Path_256' data-name='Path 256' d='M195.661,100.581c0,8.182-8.324,15.162-10.341,22.709-2.087,7.809,1.571,18-2.385,24.84-4.012,6.935-14.708,8.841-20.336,14.469s-7.534,16.323-14.469,20.336c-6.836,3.955-17.031.3-24.84,2.385-7.547,2.017-14.527,10.34-22.709,10.34s-15.162-8.324-22.709-10.34c-7.809-2.087-18,1.57-24.84-2.386C46.1,178.923,44.19,168.227,38.562,162.6s-16.324-7.534-20.336-14.469c-3.955-6.836-.3-17.031-2.385-24.84C13.823,115.743,5.5,108.764,5.5,100.581s8.323-15.162,10.34-22.709c2.087-7.809-1.57-18,2.385-24.84C22.239,46.1,32.934,44.19,38.562,38.562S46.1,22.239,53.031,18.226c6.837-3.955,17.032-.3,24.84-2.385C85.418,13.824,92.4,5.5,100.581,5.5s15.162,8.324,22.709,10.34c7.809,2.087,18-1.57,24.84,2.386,6.935,4.012,8.841,14.708,14.469,20.336s16.324,7.534,20.337,14.469c3.955,6.836.3,17.031,2.385,24.84C187.337,85.418,195.661,92.4,195.661,100.581Z' transform='translate(-5.5 -5.5)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.my-data .grouped.media .logo::after{
	position:absolute;
	left:0;
	top:0;
	content:"";
	width: 192px;
    height: 192px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Ccircle id='Ellipse_47' data-name='Ellipse 47' cx='96' cy='96' r='96' fill='%23fff'/%3E%3C/svg%3E%0A");
}
    .swiper {
     width: 100%;
    position: relative;
        margin-left: unset !important;
        margin-right: unset !important;
        max-width: clamp(831px,57.70vw,1107.84px);
    }

    .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: bold;
      color: #fff;
		/* height:43vw !important; */
        /* padding-right: 2% !important; */
    }


    .swiper-slide {

        width : 30vw;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: baseline;

    }



    .swiper-slide.media {
       background-color: #ff8471;
       text-align: left;
        border-radius: 9vw 1.5vw 1.5vw 1.5vw;
    }

    .swiper-slide.startup{
       background-color: #d3c9f8;
    text-align: left;
        border-radius: 9vw 1.5vw 1.5vw 1.5vw;
    }



     .swiper-slide .item .logo {

        width : 10vw;
        height: 10vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin : 1% 0 8% 0;

   }


    .swiper-slide .logo img {

        width : 5vw;


   }



   .swiper-slide.startup .logo {

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='190.161' height='190.161' viewBox='0 0 190.161 190.161'%3e%3cpath id='Trac%c3%a9_256' data-name='Trac%c3%a9 256' d='M195.661%2c100.581c0%2c8.182-8.324%2c15.162-10.341%2c22.709-2.087%2c7.809%2c1.571%2c18-2.385%2c24.84-4.012%2c6.935-14.708%2c8.841-20.336%2c14.469s-7.534%2c16.323-14.469%2c20.336c-6.836%2c3.955-17.031.3-24.84%2c2.385-7.547%2c2.017-14.527%2c10.34-22.709%2c10.34s-15.162-8.324-22.709-10.34c-7.809-2.087-18%2c1.57-24.84-2.386C46.1%2c178.923%2c44.19%2c168.227%2c38.562%2c162.6s-16.324-7.534-20.336-14.469c-3.955-6.836-.3-17.031-2.385-24.84C13.823%2c115.743%2c5.5%2c108.764%2c5.5%2c100.581s8.323-15.162%2c10.34-22.709c2.087-7.809-1.57-18%2c2.385-24.84C22.239%2c46.1%2c32.934%2c44.19%2c38.562%2c38.562S46.1%2c22.239%2c53.031%2c18.226c6.837-3.955%2c17.032-.3%2c24.84-2.385C85.418%2c13.824%2c92.4%2c5.5%2c100.581%2c5.5s15.162%2c8.324%2c22.709%2c10.34c7.809%2c2.087%2c18-1.57%2c24.84%2c2.386%2c6.935%2c4.012%2c8.841%2c14.708%2c14.469%2c20.336s16.324%2c7.534%2c20.337%2c14.469c3.955%2c6.836.3%2c17.031%2c2.385%2c24.84C187.337%2c85.418%2c195.661%2c92.4%2c195.661%2c100.581Z' transform='translate(-5.5 -5.5)' fill='white'/%3e%3c/svg%3e");
    background-size: contain;
background-repeat: no-repeat;
    width: 9vw;
    height: 9vw;
    display: flex;
    justify-content: center;
    align-items: center;


   }


   
   .swiper-slide.media .logo {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3e%3ccircle id='Ellipse_47' data-name='Ellipse 47' cx='96' cy='96' r='96' fill='white'/%3e%3c/svg%3e");
background-size: contain;  
background-repeat: no-repeat;
width: 9vw;
    height: 9vw;
    display: flex;
    justify-content: center;
    align-items: center;
}


  .swiper-slide .text {
    padding-top: 21vw;
    padding-left: 19px;
    padding-right: 38px;

width: 100%;
  }


   .swiper-slide .text p {

    font-family: 'Work Sans', sans-serif;
    font-weight: normal;
    font-size: clamp(22px, 1vw, 120px);
    line-height: clamp(32px, 1.3vw, 122px);
    text-align: left;
    color: #1d1d1b;
   position: absolute;
bottom: 3vw;
padding-right: 5% !important;
   }



.footer .middle form input::placeholder {
    font-size: 16px;
    line-height: calc(16px + 10px);
}

.footer .middle form input {
    border: none;
    background:none;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    text-align: left;
    color: #fff;
    background: none;
    border: none;
    width: 100%;
    transform: translateY(7px);
    padding: 50px 215px 50px 65px;
}


.footer .middle form input::placeholder {

color: white;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;


}

.footer .middle form .wpcf7-not-valid-tip {
    display: none;
}

.footer .middle form.sent .wpcf7-response-output {
    color: #ad96ff;
}
.footer .middle form .wpcf7-response-output {
    bottom: -130px;
    padding-left: 0 !important;
    left: 10px;
}


.row-form {

display: flex;
justify-content: space-between;

}


.footer .middle form input[type=submit] {

width: max-content

}

.row-form .send_form_popup  {
    width: 174px;
    background-color: #4B1DF2;
    border-radius: 50%;
    height: 174px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 33px;
}



.footer .middle .send_form_popup {
    top: 20px;
}

/* ::placeholder {

font-family: 'Work Sans', sans-serif;;
font-weight: normal;
font-size: 1vw;
line-height: 3vw;
text-align: left;
color: #1d1d1b;


} */


.sabonner::placeholder {

color: white;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;


}


.wpcf7-response-output {


width : 50%;
position: absolute;

}


body.active-popup {


overflow-y: hidden;

}




body.active-popup .form-wrapper .the_form .row-form input,
body.active-popup .form-wrapper .the_form .row-form input::placeholder,
body.active-popup .form-wrapper .the_form .row-form textarea::placeholder {
    font-family: 'Work Sans', sans-serif;;
    font-weight: normal;
    font-size: clamp(15px,1.041vw,20px);
    text-align: left;
    color: #1d1d1b;
    
}

body.active-popup .form-wrapper .the_form .row-form textarea::placeholder {
    all: unset;
}
.form-popup {
    position: fixed;
}

 body.active-popup .form-popup,
  body.active-popup  .form-popup .backdrop {

        display: flex;
         position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        z-index: 16;
        
    }


    




  body.active-popup .form-popup .backdrop {
        background: black;
        opacity: 0.6;
        z-index: -1;
    }

    body .form-popup  .form-wrapper {

        opacity: 0;
        visibility: hidden;
        transition: 0.5s;

    }


body.active-popup .form-popup  .form-wrapper {
    position: relative;
    margin: auto;
    display: block;
    opacity: 1;
    visibility: visible;
}


body.active-popup  .form-popup .the_form  {
    max-width: clamp(1041px,72.29vw,1190px);
    width: 100%;
    background-color: #F3F3F3;
    padding: clamp(68px,4.72vw,80px) clamp(23px,9.23vw,133px) clamp(98px,6.805vw,90px);
    border-radius: clamp(20px,1.38vw,23.496px);
    
}


body.active-popup .form-popup .the_form h2{
    font-family:"forma-djr-banner";
    font-weight: bold;
    font-size: clamp(48px,3.33vw,55px);
    line-height: calc(clamp(48px,3.33vw,55px) + 3px);
    text-align: center;
    color: #000;
}


body.active-popup  .form-popup .the_form  h2.titre-2{
    color: #4b1df2;
    margin-bottom: clamp(30px,2.08vw,40px);
}





body.active-popup .form-wrapper .the_form .container_form {
    margin: auto;
    display: block;
}


body.active-popup .form-wrapper .the_form .row-form.full_width {
    grid-template-columns: repeat(1,1fr);
}
body.active-popup .form-wrapper .the_form .row-form {
    display:grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
    justify-content: space-between; 
    margin-bottom: 16px;
}


body.active-popup .form-wrapper .the_form .row-form input {
    /* padding: 2% 5%; */
    border: 1px solid rgb(29, 29, 27, 0.1);
    border-radius: clamp(10px,0.69vw,13.33px);
    padding: 0 clamp(28px,1.94vw,37.33px);
    width: 100%;
    height: clamp(55px,3.819vw,55px);
    /* width: 29.5vw; */
}



/* body.active-popup .form-wrapper .the_form .row-form select option {
    padding: 2% 5%;
    border: 1px solid rgb(29, 29, 27, 0.1);
    border-radius: clamp(10px,0.69vw,13.33px);
    width: 100%;
} */


body.active-popup .form-wrapper .the_form .row-form textarea {
    /* padding: 2% 4%; */
    padding-top: 19px;
    padding-left: clamp(28px,1.94vw,37.33px);
    border: 1px solid rgb(29, 29, 27, 0.1);
    border-radius: clamp(10px,0.69vw,13.33px);
    width: 100%;
    height: clamp(82px,5.69vw,109.33px);
    resize: none;
    font-family: 'Work Sans', sans-serif;;
    font-weight: normal;
    font-size:  clamp(15px,1.041vw,20px);
    line-height: calc( clamp(15px,1.041vw,20px) + 10px);
    text-align: left;
    color: #1d1d1b;
}


body.active-popup .form-wrapper .the_form .row-form .politique-zone p, body.active-popup .form-wrapper .the_form .row-form .politique-zone span {

color : black !important

}


body.active-popup .form-wrapper .the_form .row-form .send_form_popup  {
    width : 174px;
    height: 174px;
    background-color :#4B1DF2;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    bottom: -24px;
    right: clamp(133px,9.23vw,80px);
}


body.active-popup .form-wrapper .the_form .row-form .send_form_popup svg  {
    width: 55px;
}





body.active-popup .form-wrapper .the_form .row-form .politique-zone {

height : 12vw

}


body.active-popup .form-wrapper .the_form .row-form:last-child {
    margin-top: 26px;
    margin-bottom: 0;
}

body.active-popup .form-wrapper .the_form .row-form .acceptence {
    max-width: clamp(549px,38.125vw,732px);
    
}

body.active-popup .form-wrapper .the_form .row-form .acceptence .wpcf7-list-item {
    margin: 0 !important;
    position: relative;
    padding-left: 45px;
}

body.active-popup .form-wrapper .the_form .row-form .acceptence .wpcf7-list-item input[type="checkbox"] {
    all: unset;
    position: absolute;
    left: 5px;
    top: 8px;
    cursor: pointer;
}
body.active-popup .form-wrapper .the_form .row-form .acceptence .wpcf7-list-item  input[type="checkbox"]:checked:after {
    background-color: #4B1DF2;
}

body.active-popup .form-wrapper .the_form .row-form .acceptence .wpcf7-list-item  input[type="checkbox"]::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #F3F3F3;
    -webkit-box-shadow: 0 0 0 3.5px #F3F3F3, 0 0 0 5px #4B1DF2;
    -moz-box-shadow: 0 0 0 3.5px #F3F3F3, 0 0 0 5px #4B1DF2;
    box-shadow: 0 0 0 3.5px #F3F3F3, 0 0 0 5px #4B1DF2;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}



body.active-popup .form-wrapper .the_form .row-form .acceptence .wpcf7-list-item-label a {
    color: #1D1D1B;
}

body.active-popup .form-wrapper .the_form .row-form .acceptence .wpcf7-list-item-label {
    font-family: "Work Sans", sans-serif;
    font-weight: normal;
    font-size: clamp(12px,0.8333333333333334vw,16px);
    line-height: calc(clamp(12px,0.8333333333333334vw,16px) + 10px);
    color: #1d1d1b;    
}



body.active-popup .form-wrapper > .icon  {
    width : clamp(54px,3.75vw,60px);
    height: clamp(54px,3.75vw,60px);
    background: #E8E8E8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}



.icon.select-input-icon svg.select-icon {
    padding: 0 !important;
    width: 100%;
    height: 100%;
}




 body.active-popup .form-popup .row-form  .politique-zone {

margin : 0

 }


/* Start Select from */


 .input-group.input-groupt-select {
  cursor: pointer;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.input-group.input-groupt-select input {
  cursor: pointer;
  width: 100%;
}

.wpcf7-form-control-wrap {

width : 100%;

}


input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.text-box ,  
body.active-popup .form-wrapper .the_form .row-form textarea
{
    width : 100% !important;
}


.input-group.input-groupt-select .icon {
    width: clamp(31px,2.152vw,35px);
    height: clamp(31px,2.152vw,35px);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 27px;
    margin: auto 0;
    transform: rotate(0deg);
    transition: transform 0.5s ease-in-out;
}
.input-group.input-groupt-select .options {
  position: absolute;
  box-shadow: 0px 10px 30px rgba(55, 84, 129, 0.16);
  background-color: #FFF;
  top: clamp(55px,3.819vw,55px);
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: clamp(10px,0.69vw,13.33px);
  height: 0;
  overflow: overlay;
  transition: height 0.4s ease-in-out;
}
.input-group.input-groupt-select .options div {
    font-family: 'Work Sans', sans-serif;
    font-weight: normal;
    color: #1d1d1b;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
    padding: 16px 20px;
    font-weight: 400;
    font-size: clamp(15px,1.041vw,20px);
    letter-spacing: 0.05em;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.input-group.input-groupt-select .options div:hover, 
.input-group.input-groupt-select .options div.active {
  background-color: #4b1df2;
  color: #FFF;
  font-weight: 500;
}
.input-group.input-groupt-select.active .options {
  height: 193px;
}
.input-group.input-groupt-select.active .icon {
  transform: rotate(180deg);
   transform-origin: center;
}



/* End Select from */







.purple-word {
color: #4b1df2;

}


body {
    position: relative;
}

.nav {

display: flex;
justify-content: space-between;
width: 100%;
margin: auto;
position: absolute;
top: 0;
left: 0;
padding: 0 2%;
animation-name: move_nav;
animation-duration: 3s;
z-index: 10;

}



.nav .logo {
padding : 10px;
}


.nav .menu-icon-mobile {

display: none;

}



a.cta {

    font-family: 'Work Sans', sans-serif;;
font-weight: 500;
text-align: center;               
padding: 2% 14%;
border-radius: 10vw;
    width: max-content;

}





.nav .logo svg {
  width: clamp(90px, 7vw, 140px);
}

.nav .items-menu {

    display: flex;
    justify-content: flex-end;
    align-items: center;

}




.nav .items-menu a  {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    font-size: clamp(15px, 1.2vw, 25px);
    text-align: center;
    color: #1d1d1b;
    padding: clamp(11px,0.7638888888888888vw,11px) clamp(30px,2.0833333333333335vw,35px);
    border-radius: 10vw;
    /* background-color: #FFFFFF;*/
    /* border: 4px solid #F3F3F3;  */
    width: max-content;
    position: relative;
    margin: 0 0.1vw;
    isolation: isolate;
    z-index: 0;
    margin-right: 7.2px;
    cursor: pointer;

}

.btn-menu.after-click, .btn-menu:focus, .btn-menu:active {
    color: #4B1DF2 !important;
}

.btn-menu::after {
    content: "";
  position: absolute;
  left: clamp(11.5px,0.7986111111111112vw,15.333333333333336px);
  width: clamp(8px,0.5555555555555556vw,10px);
  height: clamp(8px,0.5555555555555556vw,10px);
  background-color: #4B1DF2;
  top: clamp(17px,1.1805555555555556vw,20px);
  border-radius: 50%;
  opacity: 0;
}

.btn-menu.after-click::after, .btn-menu:focus::after, .btn-menu:active::after {
    opacity: 1;
}

.wpcf7-not-valid-tip {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px !important;
    padding-left: 10px;
    position: absolute;
}




.btn-menu.early-access.pointer-cursor {


cursor: pointer;

}




/* .nav .items-menu a::after {


content: '';
width: 100%;
height: 100%;
background:red;
position: absolute;
top: 0;
left: 0;
z-index: -1;
    border-radius: 10vw;
} */


.nav .items-menu a:hover {

 background:none; 


}


/* .nav .items-menu a svg {

    position: absolute;
    top: 0;
    left: -3px;
    width: 105%;
    height: 102%;

} */


.nav .items-menu svg rect.rect_border {
    -webkit-transition: stroke-dashoffset 800ms ease-in-out;
    transition: stroke-dashoffset 800ms ease-in-out;
}



.nav .items-menu a:hover svg rect.rect_border {
    stroke-dashoffset: 0 !important;
}


.nav .items-menu svg {
  overflow: visible;
}

/* .nav .items-menu svg:hover rect.rect_border {
    stroke-dashoffset: 0 !important;
    opacity: 1;
} */



/* .nav .items-menu svg rect {
  fill: black;
} */

/* .nav .items-menu svg rect {


fill :white;

} */



.nav .items-menu a span {

width: max-content !important;
display: inline-block;

font-family: 'Work Sans', sans-serif;;
font-weight: 500;

}



.nav .btn-menu svg {
  position: absolute;
  top: -2px;
  left: -2px;
  overflow: visible;
  z-index: -1; 
  width: 100%;
}
.nav .btn-menu svg path {
  transition: 0.5s ease-in-out;
  stroke : #4B1DF2;
  stroke-width: 0.1vw;
  fill: #fff;
}

.nav .btn-menu:hover svg path {
  stroke-dashoffset: 0;
}

.nav .btn-menu svg.bg-white-btn {

position: absolute;
width: 100%;
height: 100%;

}


 



.hero {

/* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='1300' viewBox='0 0 1440 1300'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_38' data-name='Rectangle 38' width='1440' height='1300' fill='white'/%3e%3c/clipPath%3e%3cradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.499' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%234b1df2'/%3e%3cstop offset='1' stop-color='%234b1df2' stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient id='radial-gradient-3' cx='0.5' cy='0.5' r='0.499' gradientTransform='translate(0 0)' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%234b1df2'/%3e%3cstop offset='0.771' stop-color='%234b1df2' stop-opacity='0.227'/%3e%3cstop offset='1' stop-color='%234b1df2' stop-opacity='0'/%3e%3c/radialGradient%3e%3clinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='white' stop-opacity='0'/%3e%3cstop offset='0.566' stop-color='white' stop-opacity='0'/%3e%3cstop offset='1' stop-color='white'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg id='Groupe_de_masques_3' data-name='Groupe de masques 3' clip-path='url(%23clip-path)'%3e%3cg id='Groupe_49' data-name='Groupe 49' transform='translate(-862.528 -321.254)'%3e%3cpath id='Trac%c3%a9_32' data-name='Trac%c3%a9 32' d='M1218.217%2c466.466c57.744%2c290.135-130.573%2c572.258-420.709%2c630s-572.257-130.573-630-420.708%2c130.573-572.257%2c420.708-630%2c572.256%2c130.573%2c630%2c420.708' transform='translate(-157.098 -35.348)' fill='url(%23radial-gradient)'/%3e%3c/g%3e%3cg id='Groupe_50' data-name='Groupe 50' transform='translate(-298.528 -857.018)'%3e%3cpath id='Trac%c3%a9_32-2' data-name='Trac%c3%a9 32' d='M1218.217%2c466.466c57.744%2c290.135-130.573%2c572.258-420.709%2c630s-572.257-130.573-630-420.708%2c130.573-572.257%2c420.708-630%2c572.256%2c130.573%2c630%2c420.708' transform='translate(-157.098 -35.348)' fill='url(%23radial-gradient)'/%3e%3c/g%3e%3cg id='Groupe_48' data-name='Groupe 48' transform='translate(874.281 612.259)'%3e%3cpath id='Trac%c3%a9_32-3' data-name='Trac%c3%a9 32' d='M1325.282%2c509.965c63.57%2c319.409-143.747%2c630-463.158%2c693.568s-630-143.748-693.566-463.157%2c143.747-630%2c463.157-693.568%2c630%2c143.747%2c693.567%2c463.157' transform='translate(-157.098 -35.348)' fill='url(%23radial-gradient-3)'/%3e%3c/g%3e%3cg id='Groupe_52' data-name='Groupe 52' transform='translate(627.281 -911.076)'%3e%3cpath id='Trac%c3%a9_32-4' data-name='Trac%c3%a9 32' d='M1325.282%2c509.965c63.57%2c319.409-143.747%2c630-463.158%2c693.568s-630-143.748-693.566-463.157%2c143.747-630%2c463.157-693.568%2c630%2c143.747%2c693.567%2c463.157' transform='translate(-157.098 -35.348)' fill='url(%23radial-gradient-3)'/%3e%3c/g%3e%3cg id='Groupe_51' data-name='Groupe 51' transform='translate(-886.719 541)'%3e%3cpath id='Trac%c3%a9_32-5' data-name='Trac%c3%a9 32' d='M1325.282%2c509.965c63.57%2c319.409-143.747%2c630-463.158%2c693.568s-630-143.748-693.566-463.157%2c143.747-630%2c463.157-693.568%2c630%2c143.747%2c693.567%2c463.157' transform='translate(-157.098 -35.348)' fill='url(%23radial-gradient-3)'/%3e%3c/g%3e%3crect id='Rectangle_315' data-name='Rectangle 315' width='1440' height='1300' fill='url(%23linear-gradient)'/%3e%3c/g%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size:cover;
background-position:top; */
/* padding-top : 174px; */
height: 150vh; 
position: relative;
isolation: isolate;
}

/* url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='1300' viewBox='0 0 1440 1300'%3E%3Crect id='Rectangle_38' data-name='Rectangle 38' width='1440' height='1300' fill='%23fff'/%3E%3C/svg%3E%0A"), */
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='1300' viewBox='0 0 1440 1300'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='0.566' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_703' data-name='Group 703' transform='translate(-1567 7169)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='1440' height='1300' transform='translate(1567 -7169)' fill='url(%23linear-gradient)'/%3E%3Crect id='Rectangle_357' data-name='Rectangle 357' width='1440' height='1300' transform='translate(1567 -7169)' fill='%23fff'/%3E%3Crect id='Rectangle_358' data-name='Rectangle 358' width='1440' height='1300' transform='translate(1567 -7169)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); */
.hero::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='1300' viewBox='0 0 1440 1300'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='0.566' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect id='Rectangle_315' data-name='Rectangle 315' width='1440' height='1300' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='1300' viewBox='0 0 1440 1300'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='0.566' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect id='Rectangle_315' data-name='Rectangle 315' width='1440' height='1300' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: bottom left, top left;
    background-repeat: repeat-x;
}
.hero::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    --gradient-circle: url("data:image/svg+xml,%3Csvg id='Group_703' data-name='Group 703' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1179.644' height='1179.644' viewBox='0 0 1179.644 1179.644'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.499' gradientTransform='translate(0 0)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234b1df2'/%3E%3Cstop offset='0.771' stop-color='%234b1df2' stop-opacity='0.227'/%3E%3Cstop offset='1' stop-color='%234b1df2' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath id='Path_32' data-name='Path 32' d='M1325.282,509.965c63.57,319.409-143.747,630-463.158,693.568s-630-143.748-693.566-463.157,143.747-630,463.157-693.568,630,143.747,693.567,463.157' transform='translate(-157.098 -35.348)' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");
    --gradient-circle-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1071.528' height='1071.528' viewBox='0 0 1071.528 1071.528'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.499' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234b1df2'/%3E%3Cstop offset='1' stop-color='%234b1df2' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg id='Group_49' data-name='Group 49' transform='translate(-867 -235)'%3E%3Cpath id='Path_32' data-name='Path 32' d='M1218.217,466.466c57.744,290.135-130.573,572.258-420.709,630s-572.257-130.573-630-420.708,130.573-572.257,420.708-630,572.256,130.573,630,420.708' transform='translate(709.902 199.652)' fill='url(%23radial-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-image: var( --gradient-circle), var( --gradient-circle), var( --gradient-circle), var( --gradient-circle-2), var( --gradient-circle-2); /* start at top right and goes clock-wise */
    background-size: clamp(1179px,81.875vw,81.875vw), clamp(1179px,81.875vw,81.875vw), clamp(1179px,81.875vw,81.875vw), clamp(1071px,74.37vw,74.37vw),clamp(1071px,74.37vw,74.37vw);
    /* background-position: calc(100% + 25.48vw) -63.26vw, calc(100% + 42.6vw) calc(100% + 34.16vw), -59.93vw calc(100% + 29.23vw), -59.93vw -22.29vw, -20.76vw -59.5vw; */
    background-position: calc(100% + 25.48vw) -68.26vw, calc(100% + 42.6vw) calc(100% + 45.16vw), -69.93vw calc(100% + 29.23vw), -64.93vw -22.29vw, -25.76vw -64.5vw;
    z-index: -2;
    background-repeat: no-repeat;
} 
.hero h1 {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    width : 90vw;
    margin: auto;
    height: 100vh;
    justify-content: center;

}


.hero h1 .title-1 {

font-weight: 800;
font-size: clamp(48px,7.77vw,149.33px);
line-height: calc(clamp(48px,7.77vw,149.33px) - clamp(3px,0.416vw,8px));
text-align: center;
color: #1d1d1b;
position: relative;
top:0;
animation-name: move_hero;
animation-duration: 2s;

}

.hero h1 .title-2 {
    font-weight: bold;
    font-size: clamp(48px,7.77vw,149.33px);
    line-height: calc(clamp(48px,7.77vw,149.33px) - clamp(3px,0.416vw,8px));
    text-align: center;
    color: #1d1d1b;
    position: relative;
    left: -9%;
    top:0;
    animation-name: move_hero;
    animation-duration: 2.5s;
    margin-top: clamp(22px,0.5vw,25px);
}


.hero h1 .title-3-et-4   {

    font-weight: 800;
    font-size: clamp(48px,7.77vw,149.33px);
    line-height: calc(clamp(48px,7.77vw,149.33px) - clamp(3px,0.416vw,8px));
    text-align: center;
color: #4B1DF2;
display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -2vw;
    position: relative;
    animation-name: move_title_3_4;
    animation-duration: 3s;
    align-items: flex-end;
    margin-top: clamp(19px,1.3194444444444444vw,32.333333333333336px);


}


.hero h1 .title-3-et-4 .left, 
.hero h1 .title-3-et-4 .right
{
display: flex;
}


.hero h1 .title-3-et-4 .icon-1 {
    background-image: url("images/rocket-33-min.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
   width:  clamp(80px, 8vw, 160px);
    height:  clamp(80px, 10vw, 160px);
}





.hero h1 .title-3-et-4 img {

width: clamp(72px, 8vw, 150px);
transform: translateY(-15px);

}


/* .hero h1 .title-3-et-4 .icon-1,
.hero h1 .title-3-et-4 .icon-2{
width: clamp(40px, 15vw, 200px);
  display: flex;
  justify-content: center; 
  align-items: center;
  position: relative;
  z-index: -1;

}

.hero h1 .title-3-et-4 .icon-1  {
   margin-right: -30px; 
}



.hero h1 .title-3-et-4 .icon-2 {
     margin-right: -45px;
    margin-left: -25px;
    
} */




/* .hero h1 .title-3-et-4 img {
  width : clamp(100px, 50%, 222px); 
    position: absolute;
}




.hero h1 .title-3-et-4 .icon-2 img {
        right: 45px;
    top: -25%;
 
} */




.hero h1 .title-3-et-4 .title-4 {

color : #F8634C;
position: relative;

}



.bg-violet-carreaux a.cta  {
  
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;

}


.bg-violet-carreaux a.cta::before {

    content: "";
    width: 40vw;
    height: 40vw;
    background-color: #F8634C;
    bottom: -50vw;
    position: absolute;
    border-radius: 58%;
    z-index: 0;
    opacity: 0;
transition: 0.5s ease-out;


}




.bg-violet-carreaux a.cta:hover:before  {
opacity: 1;
bottom: -30vw;

}

.bg-violet-carreaux .container-cta {

    position: relative;
    background-color: #4B1DF2;
    font-size: clamp(15px, 2vw, 70px);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: clamp(280px,19.444444444444443vw,373.33333333333326px);
    height: clamp(72px,5vw,96px);
    border-radius: 6vw;
    cursor: pointer;

}



.bg-violet-carreaux .container-cta::after {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='280' height='92' viewBox='0 0 280 92'%3e%3cg id='Groupe_703' data-name='Groupe 703' transform='translate(0 -12)'%3e%3crect id='Rectangle_316' data-name='Rectangle 316' width='280' height='72' rx='36' transform='translate(0 12)' fill='%23cec0fc'/%3e%3ccircle id='Ellipse_58' data-name='Ellipse 58' cx='20' cy='20' r='20' transform='translate(120 64)' fill='%23cec0fc'/%3e%3c/g%3e%3c/svg%3e");
  width: 100%;
  z-index: -1;
  bottom: calc(clamp(25.92px,1.8vw,34.56px) * -1);
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  right: 0;
  background-size: cover;
  background-position: bottom;

transition: 0.5s ease-out;

}


.bg-violet-carreaux .container-cta:hover:after {
    bottom: calc(clamp(33.12px,2.3vw,54.16px) * -1);
}


.bg-violet-carreaux a.cta span {
    color: #FCE0DB;
    font-family: 'Work Sans', sans-serif;;
    position: relative;
    z-index: 3;
    width: max-content;
    font-size: clamp(20px,1.3888888888888888vw,26.666666666666664px);
}


.bg-violet-carreaux .eye {
        margin: auto;
    display: block;
    position: relative;
    top: -1.2vw;
    width: 3.2vw;
    height: auto;
    

}


.bg-violet-carreaux .container-cta + svg g#Groupe_13 {


transition: 0.5s ease-out;

}



.bg-violet-carreaux .container-cta:hover + svg g#Groupe_13{

transform: translate(50px, 50px)


}








.bg-violet-carreaux {

/* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='2119' viewBox='0 0 1440 2119'%3e%3cdefs%3e%3clinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%234b1df2'/%3e%3cstop offset='0.776' stop-color='%234b1df2'/%3e%3cstop offset='1' stop-color='%234b1df2' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg id='Groupe_727' data-name='Groupe 727' transform='translate(0 -604)'%3e%3cpath id='Rectangle_289' data-name='Rectangle 289' d='M720%2c0h0a720%2c720%2c0%2c0%2c1%2c720%2c720V2119a0%2c0%2c0%2c0%2c1%2c0%2c0H0a0%2c0%2c0%2c0%2c1%2c0%2c0V720A720%2c720%2c0%2c0%2c1%2c720%2c0Z' transform='translate(0 604)' fill='white'/%3e%3cpath id='Rectangle_314' data-name='Rectangle 314' d='M720%2c0h0a720%2c720%2c0%2c0%2c1%2c720%2c720V2035a0%2c0%2c0%2c0%2c1%2c0%2c0H0a0%2c0%2c0%2c0%2c1%2c0%2c0V720A720%2c720%2c0%2c0%2c1%2c720%2c0Z' transform='translate(0 604)' opacity='0.1' fill='url(%23linear-gradient)'/%3e%3cg id='Groupe_99' data-name='Groupe 99' transform='translate(36.5 1718.545)'%3e%3cpath id='Trac%c3%a9_127' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(438.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-2' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(536.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-3' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(633.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-4' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(731.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-5' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(828.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-6' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(926.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-7' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1024.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-8' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1121.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-9' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1219.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-10' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1316.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-11' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1414.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-12' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1512.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-13' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1609.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-14' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1707.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-15' data-name='Trac%c3%a9 127' d='M-438.052%2c1975v875.455' transform='translate(1805.052 -1975)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3c/g%3e%3cg id='Groupe_100' data-name='Groupe 100' transform='translate(1402.948 2009.545) rotate(90)'%3e%3cpath id='Trac%c3%a9_127-16' data-name='Trac%c3%a9 127' d='M0%2c0V1365.9' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_295' data-name='Trac%c3%a9 295' d='M0%2c0V1365.9' transform='translate(-194)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-17' data-name='Trac%c3%a9 127' d='M0%2c0V1365.9' transform='translate(97)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_268' data-name='Trac%c3%a9 268' d='M0%2c0V1365.9' transform='translate(-97)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_296' data-name='Trac%c3%a9 296' d='M0%2c0V1365.9' transform='translate(-291)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-18' data-name='Trac%c3%a9 127' d='M0%2c0V1365.9' transform='translate(195)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-19' data-name='Trac%c3%a9 127' d='M0%2c0V1365.9' transform='translate(292)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-20' data-name='Trac%c3%a9 127' d='M0%2c0V1365.9' transform='translate(390)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-21' data-name='Trac%c3%a9 127' d='M0%2c0V1365.9' transform='translate(488)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3cpath id='Trac%c3%a9_127-22' data-name='Trac%c3%a9 127' d='M0%2c0V1365.9' transform='translate(585)' fill='none' stroke='%234b1df2' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); */
    background-size: contain;
    background-repeat: no-repeat;
    /* padding-top: 11%; */
    position: relative;
    margin-top: -35vw;
    /* z-index: -1; */
    width: 100%;
    background-image: url('images/bg-violet-carreaux.png');
 
    top:0;
    animation-name: move_hero;
    animation-duration: 3.2s;
    background-position: top;
    background-size: cover;
    padding-bottom: 21px;
  }


.section-pourcentage {

    display: flex;
    justify-content: center;
    gap: 1%;
    /* padding: 0 5%; */
    max-width: clamp(1304px, 90.5vw, 1737.6px);
    margin: 0 auto;
    margin-top: clamp(125px,8.68vw, 120px) ;

}

.section-pourcentage .left,
 .section-pourcentage .right{
    display: flex; 
    position: relative;
    width: 50%;
}

.section-pourcentage .left::after,
.section-pourcentage .right::after {

content: "";
     width: clamp(33px, 2vw, 257px);
    height: clamp(15px, 0.5vw, 147px);
background : #F8634C;
position: absolute;
    left: 3%;
    top: -5%;
transform: rotate(60deg);

}


.section-pourcentage .left::before,
.section-pourcentage .right::before {


content: "";
    width: clamp(33px, 2vw, 257px);
    height: clamp(15px, 0.5vw, 147px);
background : #F8634C;
position: absolute;
    right: 3%;
    top: -5%;
transform: rotate(-60deg);
z-index: 2;
    
}



.section-pourcentage .chiffre-pourcent {

display: flex;
justify-content: center;
align-items: center;
padding: 5%;
background-color: #4B1DF2;
position: relative;
overflow: hidden;
width: 31%;
 /* font-family: "bebas-neue-pro", sans-serif;
font-weight: 600; */
font-size: clamp(20px, 7vw, 100px);
text-align: left;
color: white;
font-weight: 600;
font-style: normal;


}



.section-pourcentage .chiffre-pourcent::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='651.089' height='321.652' viewBox='0 0 651.089 321.652'%3e%3cpath id='Trac%c3%a9_299' data-name='Trac%c3%a9 299' d='M598.455%2c64.877C581.146%2c39.043%2c554.991%2c0%2c501.889%2c0s-79.256%2c39.042-96.564%2c64.877c-15.672%2c23.391-21.079%2c28.77-28.914%2c28.77s-13.241-5.379-28.91-28.77C330.192%2c39.043%2c304.034%2c0%2c250.934%2c0s-79.254%2c39.042-96.562%2c64.877c-15.67%2c23.391-21.073%2c28.77-28.908%2c28.77s-13.237-5.379-28.9-28.768C79.254%2c39.045%2c53.1%2c0%2c0%2c0V81.432c7.834%2c0%2c13.235%2c5.377%2c28.9%2c28.768%2c17.306%2c25.834%2c43.462%2c64.879%2c96.56%2c64.879s79.256-39.045%2c96.564-64.879C237.7%2c86.808%2c243.1%2c81.432%2c250.934%2c81.432s13.241%2c5.377%2c28.91%2c28.77c17.308%2c25.834%2c43.466%2c64.877%2c96.566%2c64.877s79.256-39.042%2c96.564-64.877c15.674-23.393%2c21.079-28.77%2c28.914-28.77s13.243%2c5.377%2c28.916%2c28.77c17.308%2c25.834%2c43.462%2c64.877%2c96.564%2c64.877V93.647c-7.836%2c0-13.243-5.379-28.914-28.77' transform='translate(0 151.774) rotate(-14)' fill='%23321c85'/%3e%3c/svg%3e");
    content: "";
    width: 350%;
    height: 100%;
    position:absolute;
    left: -128%;
     background-position: center;
    background-size: cover;
    top: 64%;
    z-index: 0;



}


.section-pourcentage .right .chiffre-pourcent::after {

  top: 48%;

}


.section-pourcentage .chiffre-pourcent  span {

position: relative;
z-index: 1;
    font-family: "bebas-neue-pro", sans-serif;
    font-size: clamp(85px, 9vw, 150px);

}


.section-pourcentage  .chiffre-pourcent  span::after {

content: "%";
font-family: "bebas-neue-pro", sans-serif;
font-weight: bold;
font-size: clamp(15px, 4vw, 70px );
text-align: left;
color: #f8634c;


}


.section-pourcentage .text {

    font-family: 'Work Sans', sans-serif;;
font-weight: normal;
font-size: clamp(16px ,1.25vw, 24px);
line-height: calc( clamp(16px ,1.25vw, 24px) + 10px );
text-align: left;
color: #1d1d1b;  
background-color: white;
padding: 5%;
width: 69%;


}


.section-pourcentage .text span {
    font-family: 'Work Sans', sans-serif;;
font-weight: normal;
font-size: clamp(10px ,0.8vw, 80px);
text-align: left;
color: #1d1d1b;
opacity: 0.5;

}



.bg-violet-carreaux .cta-join {

    transform: translateY(-20%);

}



.imaginons  {
    max-width: clamp(1014.48px, 70.417vw, 1152px);
    width: 80%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 68px auto 0;
    padding: clamp(100px,9.72vw,186.624px)
            clamp(33px,6.18vw,118.656px)
            clamp(155px,13.8vw,264.96px)
            clamp(33px,8.05vw,154.56px);
    position: relative;
    isolation: isolate;
    z-index: 1;
    transition: 0.5s ease;
}


.imaginons::after {
    content:"";
    background-image: url(./images/paper_dotes.png), linear-gradient(to bottom, #fff 0px, #fff 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size : contain, 100% clamp(200px,13.8vw,264.96px);
    background-repeat: no-repeat;
    background-position: top left, bottom left;
    border-radius: 10px;
    transform: rotate(-3deg);
    transition: 1s ease-in-out;
}


.imaginons::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #FCE0DB 0px, transparent 1px), linear-gradient(transparent 0px, #fff 1px);
    background-size: 100% clamp(49px, 3.4vw, 100px);
    background-repeat: repeat-y;
    background-color: #FCE0DB;
    -webkit-box-shadow: -0.27vw 0.41vw 0 0 rgba(75, 29, 242, 0.1);
    -moz-box-shadow: -0.27vw 0.41vw 0 0 rgba(75, 29, 242, 0.1);
    box-shadow: -0.27vw 0.41vw 0 0 rgba(75, 29, 242, 0.1);
    z-index: -2;
    border-radius: 10px;
    transform: rotate(-3deg);
    transition: 1s ease-in-out;
}

.imaginons:is(.rotate)::after,
.imaginons:is(.rotate)::before {
    transform: rotate(0deg) !important;
}

.content_imaginons {


    transition: 0.5s ease;
   
}


/* .content_imaginons:hover .imaginons {

 transform: rotate(3deg);
}





.content_imaginons:hover h2, 
.content_imaginons:hover .text,
.content_imaginons:hover .xo-et-logo {

    transform: rotate(-3deg);
   
       
   } */



/* .imaginons .text,
.imaginons .xo-et-logo,
 .imaginons h2{

transform:rotate(-350deg);


} */

 .imaginons h2 {

    font-weight: 800;
    font-size: clamp(84px,5.83vw,92px);
    width: 17.01vw;
    min-width: 235px;
    line-height: calc(clamp(84px,5.83vw,92px) - 8px);
    text-align: left;
    color: #000;
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    /* max-width: clamp(808px, 56.1vw,1077.12px);
    margin: 0 auto; */
    margin-bottom: 2.36vw;

 }


/* .imaginons h2::after {

    content: "●●●";
    right: 0;
    bottom: 0;
    position: absolute;
    font-size: 1.5vw;
    color: #4B1DF2;


 }*/


 .imaginons h2 .purple-word {
    font-size: calc(1em - 40px);
    position: relative;
    bottom: -15px;
    left: -10px;
 }
 
 /* .imaginons .text {
    max-width: clamp(808px, 56.1vw,1077.12px);
    margin: 0 auto;
 } */

 .imaginons .text p  {

    font-family: 'Work Sans', sans-serif;;
    font-weight: 500;
    font-size: clamp(20px, 1.3vw, 24.96px);
    line-height: calc(clamp(20px, 1.3vw, 24.96px) + 10px);
    text-align: left;
    color: #000;
}

.imaginons .text p:not(:last-of-type) {
     margin-bottom: clamp(26px, 1.80vw,30px);
 }

 
 .imaginons .text strong {
    font-family: 'Work Sans', sans-serif;;
 }


  .imaginons .xo-et-logo {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: clamp(103px,7.08vw,135.936px);
    right: clamp(19px,7.5vw,144px);
    z-index: 2;
  }


   .imaginons .xo-et-logo .column {
    display: flex;
    flex-direction: column
   }


      .imaginons .xo-et-logo .column svg {
        width : clamp(84px, 8.5vw, 300px)
      }


   .imaginons .xo-et-logo .column span {

    font-family: "Indie Flower";
font-weight: normal;
font-size: 3.5vw;
text-align: center;
color: #4b1df2;


   }


   .disent-de-nous {
        display: flex;
        justify-content: space-between;
        /* width: 90%; */
        /* padding: 0 5%; */
        margin-bottom: 10vh;
        max-width: clamp(1296px, 90vw, 1728px);
        margin: 0 auto;
        margin-top: 68px;
   }


   .disent-de-nous .title-arrows {
        width: 40%;
        height: max-content;
        display: flex;
        gap: 10px;
        flex-direction: column;
        margin-top: 82px;
        max-width: clamp(402px,27.91vw,535.872px);
   }



   .disent-de-nous .slider-card {
display: flex;
justify-content: center;
width : 44%

   }


   .disent-de-nous .slider-card .item {
 /* width : 30vw;  */
height : 30vw;
margin-right:1vw ;
padding: 1%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

   }



   .disent-de-nous .slider-card .item.media {

     /* border-radius: var(--br-96xl) var(--br-mini) var(--br-mini) var(--br-mini); */
       background-color: #ff8471;
    text-align: left;
        border-radius: 9vw 1.5vw 1.5vw 1.5vw;
  
   }

   .disent-de-nous .slider-card .item.startup {
    /* border-radius: var(--br-96xl) var(--br-mini) var(--br-mini) var(--br-mini); */
    background-color: #d3c9f8;
    text-align: left;
        border-radius: 9vw 1.5vw 1.5vw 1.5vw;

   }

   .disent-de-nous .title-arrows h3 {
    font-weight: 800;
    line-height: calc(clamp(60px,4.1vw,78.72px));
    text-align: left;
    color: #1d1d1b;
    font-size: clamp(60px,4.1vw,78.72px);
    width: 110%;
   }

.disent-de-nous .title-arrows .arrows  {
    display: flex;
    gap: 1%;
    margin-top: 2vw;

}

.disent-de-nous .title-arrows .arrows button{

background-color: #4B1DF2;
border: none;
border-radius: 50%;
    width: 68px;
    height: 68px;
    cursor: pointer;
    position: relative;
    overflow: hidden;


}


.disent-de-nous .title-arrows .arrows button::after {


    content: "";
    width: 120%;
    height: 120%;
    background-color: #F8634C;
    top: 125%;
    position: absolute;
    border-radius: 58%;
    z-index: 0;
    opacity: 0;
    transition: 0.5s ease-out;
    left: -5%;


}


.disent-de-nous .title-arrows .arrows button:hover:after {

    opacity: 1;
    top: -5%;

}

.disent-de-nous .title-arrows .arrows button:hover svg path{
stroke : white;

}

.disent-de-nous .title-arrows .arrows button svg path {
    transition: 0.5s ease-out;
}




.disent-de-nous .title-arrows .arrows button svg {
position: relative;
z-index: 9;
}



   .disent-de-nous .item .logo {

        width : 10vw;
        height: 10vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin : 1% 0 8% 0;

   }


    .disent-de-nous .item .logo img {

        width : 5vw;


   }



   .disent-de-nous .item.startup .logo {

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='190.161' height='190.161' viewBox='0 0 190.161 190.161'%3e%3cpath id='Trac%c3%a9_256' data-name='Trac%c3%a9 256' d='M195.661%2c100.581c0%2c8.182-8.324%2c15.162-10.341%2c22.709-2.087%2c7.809%2c1.571%2c18-2.385%2c24.84-4.012%2c6.935-14.708%2c8.841-20.336%2c14.469s-7.534%2c16.323-14.469%2c20.336c-6.836%2c3.955-17.031.3-24.84%2c2.385-7.547%2c2.017-14.527%2c10.34-22.709%2c10.34s-15.162-8.324-22.709-10.34c-7.809-2.087-18%2c1.57-24.84-2.386C46.1%2c178.923%2c44.19%2c168.227%2c38.562%2c162.6s-16.324-7.534-20.336-14.469c-3.955-6.836-.3-17.031-2.385-24.84C13.823%2c115.743%2c5.5%2c108.764%2c5.5%2c100.581s8.323-15.162%2c10.34-22.709c2.087-7.809-1.57-18%2c2.385-24.84C22.239%2c46.1%2c32.934%2c44.19%2c38.562%2c38.562S46.1%2c22.239%2c53.031%2c18.226c6.837-3.955%2c17.032-.3%2c24.84-2.385C85.418%2c13.824%2c92.4%2c5.5%2c100.581%2c5.5s15.162%2c8.324%2c22.709%2c10.34c7.809%2c2.087%2c18-1.57%2c24.84%2c2.386%2c6.935%2c4.012%2c8.841%2c14.708%2c14.469%2c20.336s16.324%2c7.534%2c20.337%2c14.469c3.955%2c6.836.3%2c17.031%2c2.385%2c24.84C187.337%2c85.418%2c195.661%2c92.4%2c195.661%2c100.581Z' transform='translate(-5.5 -5.5)' fill='white'/%3e%3c/svg%3e");
    background-size: contain;
background-repeat: no-repeat;


   }


   
   .disent-de-nous .item.media .logo {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3e%3ccircle id='Ellipse_47' data-name='Ellipse 47' cx='96' cy='96' r='96' fill='white'/%3e%3c/svg%3e");
background-size: contain;  
background-repeat: no-repeat;
}


  .disent-de-nous .item .text {

    font-family: 'Work Sans', sans-serif;;
font-weight: normal;
font-size: clamp(14px, 1vw, 120px);
line-height: clamp(16px, 1.3vw, 122px);
text-align: left;
color: #1d1d1b;


  }


   .slick-slide {
  display: inline-block;
 width: 27vw;  /*set the width to your desired value */
 
}


.startups-medias {
    display : flex;
    /* width : 90%; */
    justify-content: center;
    margin: auto;
    gap: 1%;
    margin-top: 78px;

}

.startups-medias .startup,
.startups-medias .media {

       width: clamp(644px,44.72vw,858.624px);
    height: clamp(500px,34.72vw,666.624px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;

}


.startups-medias .startup .logo,
.startups-medias .media .logo {

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width:  clamp(175px,12.15vw,233.28px);
    height:  clamp(175px,12.15vw,233.28px);
    position: relative;
    z-index: 1;
    margin-top: 44px;
}

.startups-medias  .title,
.startups-medias  .text,
.startups-medias .cta-inscrire {

position: relative;
    z-index: 1;
     margin-bottom: 1.5vw;


}


.startups-medias  .title {
    font-family:"forma-djr-banner";
    font-weight: 800;
    font-size: clamp(44px,4.37vw,83.904px);
    line-height: calc(clamp(44px,4.37vw,83.904px) + 10px);
    text-align: center;
    color: #000;
    margin-top: -15px;
    margin-bottom: 13px;
}



.startups-medias .startup .logo {
    background-image: url("/wp-content/uploads/2023/04/Header_Rocket-min.png");
    /* margin-bottom: 0.5vw; */
}


.startups-medias .media .logo {
    background-image: url("/wp-content/uploads/2023/04/Header_Micro-min.png");
     /* margin-bottom: 0.5vw */
}






.startups-medias .startup {
    background-color: #ECE8FE;
    border-radius: 1vw;
}


.startups-medias .media {
    background-color: #F5C0B8;
    border-radius: 1vw;
}




.startups-medias .media,
.startups-medias .startup {

position: relative;

}



.startups-medias .media svg,
.startups-medias .startup svg {

    position: absolute;
    top: 0;
    left: 5%;
    height: 100%;
    width: 90%;
    z-index: 0;
}



.startups-medias .text {

    font-family: 'Work Sans', sans-serif;;
    font-weight: 500;
    font-size: clamp(22px,1.52vw,29.184px);
    line-height: calc(clamp(22px,1.52vw,29.184px) + 10px);
    text-align: center;
    color: #000;
    margin-bottom: 2vw;

}


.startups-medias a {

 cursor: pointer;

}



.startups-medias a span {


font-weight: 500;
   font-size: clamp(15px,1vw,60px);
    line-height: 2vw;
    font-family: 'Work Sans', sans-serif;
    position: relative;
    z-index:5;
   
    transition: 0.5s ease-out;
    
}



.startups-medias .media a.cta.cta-inscrire {
    background-color: #F8634C;
    font-weight: 500;
    font-size: clamp(15px,1vw,60px);
    line-height: 2vw;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    border: 1px solid #F8634C; 
    transition: 0.5s ease-out;
}


.startups-medias .media a.cta.cta-inscrire::after {
    content: "";
    width: 110%;
    aspect-ratio: 1 / 1;
    background-color: #FEE0DB;
    top: 100%;
    position: absolute;
    border-radius: 58%;
    z-index: 0;
    opacity: 0;
    transition: 0.5s ease-out;
    left: -5%;
}




.startups-medias .media a.cta.cta-inscrire:hover:after {
    opacity: 1;
    top: -160%;
}



.startups-medias .media a.cta.cta-inscrire:hover {
    color : #F8634C; 
}



.startups-medias .startup a.cta.cta-inscrire {
    background-color: #4B1DF2;
    font-weight: 500;
    font-size: clamp(15px,1vw,60px);
    line-height: 2vw;
    text-align: center;
    color: #fff;
    border: 1px solid #4B1DF2;
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-out;
    padding: 0;
    width: clamp(248px,17.22vw,330.624px);
    height: clamp(58px,4.02vw,77.184px);
    display: flex;
    align-items: center;
    justify-content: center;
}




.startups-medias .startup a.cta.cta-inscrire::after {

    content: "";
    width: 110%;
    aspect-ratio: 1 / 1;
    background-color: #ECE8FE;
    top: 100%;
    position: absolute;
    border-radius: 58%;
    z-index: 0;
    opacity: 0;
    transition: 0.5s ease-out;
    left: -5%;


}




.startups-medias .startup a.cta.cta-inscrire:hover:after {

    opacity: 1;
    top: -160%;


}



.startups-medias .startup a.cta.cta-inscrire:hover {


color : #4B1DF2;

}









.section-fondatrice {
    display : flex;
    justify-content: center;
    width: 100%;
    max-width: 380px;
    max-width: clamp(1069px,74.23vw,1425.216px);
    /* gap: 96px; */
    justify-content: space-between;
    margin: auto;
    margin-top: 113px;
    margin-bottom: 132px;
}


.section-fondatrice .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    position: relative;
    max-width: clamp(380px,26.38vw,506.496px);
    margin-top: clamp(22px,1.52vw,29.184px);
}


.section-fondatrice .left .citation {
    font-family:"forma-djr-banner";
    font-weight: bold;
    font-size: clamp(20px, 2.08vw, 32px);
    line-height: calc( clamp(20px, 2.08vw, 32px) + 10px);
    text-align: center;
    color: #4b1df2;
    margin-bottom: 4%;
    padding-top: 22px;
    max-width: clamp(315px,22.91vw,320px);
}


.section-fondatrice .left .nom-et-status .nom {
font-family: 'Work Sans', sans-serif;;
font-weight: 500;
font-size: clamp(20px, 1vw, 60px);
line-height: clamp(20px, 1vw, 60px);
text-align: center;
color: #4b1df2;

}


.section-fondatrice .left .nom-et-status .status {
font-family: 'Work Sans', sans-serif;;
font-weight: 500;
font-size: clamp(16px, 0.5vw, 48px);
line-height: clamp(16px, 1vw, 48px);
text-align: center;
color: #4b1df2;

}



.section-fondatrice .clip-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.section-fondatrice .image {

display: block;
width: clamp(207.04px,19.23vw,356px);
height: clamp(207.04px,19.23vw,356px);
object-fit: contain;
z-index: 0;
}


/* .section-fondatrice {
padding-top : 3vw;

} */

.section-fondatrice .right {
    max-width: clamp(644px,44.72vw,858.624px);
    width: 100%;
}

.section-fondatrice .right h3 {

font-family:"forma-djr-banner";
font-weight: bold;
font-size: clamp(30px,4.1vw,65px);
line-height: calc(clamp(30px,4.1vw,65px) + 10px);
text-align: left;
color: #000;
margin-bottom: 14px;
}



.section-fondatrice .right h3 .purple-word {
    color : #4B1DF2;
}



.section-fondatrice .right .text p{

     font-family: 'Work Sans', sans-serif;;
    font-weight: normal;
    font-size:clamp(20px,1.38vw,23.496px);
    line-height: calc(clamp(20px,1.38vw,23.496px) + 10px);
    text-align: left;
    color: #000;
}

.section-fondatrice .right .text p:not(:last-of-type) {
    margin-bottom: 18px;
}

.section-fondatrice .right .text strong {
       font-family: 'Work Sans', sans-serif;;
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
    color: #000;

}


.section-fondatrice .nom-et-status {
display: flex;
flex-direction: column;
gap: 1%;

}

.histoire-confiance  {

 background-color: #F3F3F3;
 padding : 5% 15%;
/* display: flex;
justify-content: center;
align-items: center;
flex-direction: column; */

}


.histoire-confiance  h2 {

font-family:"forma-djr-banner";
font-weight: bold;
font-size: clamp(40px,3.81vw,73.152px);
line-height: calc(clamp(40px,3.81vw,73.152px) + 10px);
text-align: center;
color: #1d1d1b;

}


/* .histoire-confiance .caroussel-logos .logo {
    border: 1px solid red;
    width: 50px;
    height: 100px;
} */

.histoire-confiance .caroussel-logos .logo {
    display: flex;
    justify-content: center;
}

.histoire-confiance .caroussel-logos .logo img {

width: max-content; 
filter: opacity(0.25);
transition: 0.5s ease-out;


}


.histoire-confiance .caroussel-logos .logo img:hover {
 
filter: opacity(1);


}


.histoire-confiance .caroussel-logos .slick-track {
display: flex;
align-items: center;
margin-left: 10%;
}


.histoire-confiance  .container-du-slider {
    max-width: 100%;
    margin: 0 auto;
        margin-top: 7px;
}


.histoire-confiance  .container-du-slider img {

filter: opacity(0.25);
transition: 0.5s ease-out;

}


.histoire-confiance  .splide__list {

display: flex;
align-items:center;

}


.histoire-confiance .cta-join {

    margin: 0 auto;
    text-align: center;
    display: block;
    margin-top: 11px;
    background-color: #4B1DF2;
    font-size: clamp(15px, 1.38vw, 26.496px);
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    width: clamp(280px,19.44vw,360px);
    height: clamp(72px,5vw,82px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;

}


.histoire-confiance a.cta::before {

    content: "";
    width: 120%;
    aspect-ratio: 1 / 1;
    background-color: #F8634C;
    top: 110%;
    position: absolute;
    border-radius: 58%;
    z-index: 0;
    opacity: 0;
    transition: 0.5s ease-out;
    left: -5%;


}




.histoire-confiance a.cta:hover:before  {
    opacity: 1;
    top: -105%;
}


.histoire-confiance a.cta span:hover {
    color:white;
}






.histoire-confiance a.cta span {
font-family: 'Work Sans', sans-serif;
    color: #FCE0DB;
    z-index: 5;
    position: relative;

}





.gossipTalks {
    display: flex;
    flex-direction: column;
    max-width: clamp(1040px,72.22vw,1386.624px);
    margin: auto;
    padding-bottom: 3vw ;
}


.gossipTalks .top  {
display: flex;
justify-content: space-between;
    margin-top: 5vw;
}


.gossipTalks .top .title  {
    font-family:"forma-djr-banner";
    font-weight: 800;
    font-size: clamp(44px, 6.66vw, 127.872px);
    line-height: calc(clamp(44px, 6.66vw, 127.872px) + 10px);
    text-align: left;
    color: #000;
    width : 50%;
    transform: translateX(clamp(40px, 2.77vw, 53.184px));
}


.gossipTalks .top .acceder-blog {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='255.972' height='124.689' viewBox='0 0 255.972 124.689'%3e%3cpath id='Trac%c3%a9_306' data-name='Trac%c3%a9 306' d='M1899.763%2c147.885l-.547-12.114c-37.892-6.552-64.2-22.157-65.975-42.456-2.7-30.872%2c52.368-60.908%2c123-67.087s130.081%2c13.837%2c132.782%2c44.708-52.368%2c60.907-123%2c67.087a277.249%2c277.249%2c0%2c0%2c1-49.28.046l-13.713%2c11.27a1.968%2c1.968%2c0%2c0%2c1-1.26.458A2%2c2%2c0%2c0%2c1%2c1899.763%2c147.885Z' transform='translate(-1833.146 -25.109)' fill='%234b1df2'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: contain;
display: flex;
justify-content: space-around;
align-items: center;
width: clamp(202.37px,17.7vw,339.84px);
height: clamp(100.95px,8.61vw,165.312px);
padding-bottom: 15px;

}


.gossipTalks .top .acceder-blog span {
    font-family: 'Work Sans', sans-serif;;
    font-weight: 600;
    font-size:clamp(20px,1.38vw,26.496px);
    line-height: calc(clamp(20px,1.38vw,26.496px) + 10px);
    letter-spacing: -0.02em;
    text-align: center;
    color: #fce0db;
}


.gossipTalks .top .title .purple-word {

color: #4B1DF2;

}


.gossipTalks .top .cta-acces-blog-arrows {


display: flex;
justify-content: flex-end;
align-items: center;
gap : 3vw;
width: 50%;
}



.gossipTalks .top .arrows  {
    display: flex;
    gap: 3%;
    margin-top: 2vw;

}

.gossipTalks .top .arrows button{

background-color: #4B1DF2;
border: none;
border-radius: 50%;
    width: clamp(60px,4.16vw,79.872px);
    height: clamp(60px,4.16vw,79.872px);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}




.gossipTalks .arrows button::after {


    content: "";
    width: 120%;
    height: 120%;
    background-color: #F8634C;
    top: 105%;
    position: absolute;
    border-radius: 58%;
    z-index: 0;
    opacity: 0;
    transition: 0.5s ease-out;
    left: -5%;


}


.gossipTalks  .arrows button:hover:after {

    opacity: 1;
    top: -5%;

}

.gossipTalks  .arrows button:hover svg path{
stroke : white;

}

.gossipTalks  .arrows button svg path {
    transition: 0.5s ease-out;
}




.gossipTalks  .arrows button svg {
width: clamp(13px,0.9vw,17.28px);
height: clamp(21.325px,1.45vw,27.84px);
position: relative;
z-index: 9;
}






.gossipTalks .top .arrows button:first-child{

background-color: #ECE8FE;


}

.gossipTalks .top .arrows button svg {
width: 1.5vw;
height: 1.5vw;
}



.gossipTalks .top .ligne-sous-texte {

    display: flex;
    justify-content:space-around;
    align-items : center;
    gap: 1vw;
    position: relative;
    text-decoration: none;
}


.gossipTalks .top .ligne-sous-texte img.pink_arrow {

width: 1vw;


}


.gossipTalks .top .ligne-sous-texte::after {
content: "";
position : absolute;
height: 2px;
width: 100%;
background-color: #FCE0DB;
bottom: 0;

}



.gossipTalks .bottom {

display: flex;
width: 100%;
margin : auto;
justify-content: center;
gap : 1%;
margin-top: 1vw;


}

.slick-slider {
    margin:0 -15px;
}



.gossipTalks .bottom .item {

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* width:49%; */
max-width: clamp(512px, 35.55vw , 682.56px);
height: clamp(476px, 33.05vw , 634.56px);
margin-left: 1vw;
text-decoration: none;
}

.gossipTalks .bottom .item .grey-card {

padding: 6% 8%;
background-color:#F3F3F3 ;
border-radius: 0.5vw;
width: 100%;

}




.gossipTalks .bottom .item .grey-card .date {


font-family: 'Work Sans', sans-serif;;
font-weight: normal;
font-size: clamp(16px,1.11vw,21.312px);
line-height: calc(clamp(16px,1.11vw,21.312px) + 10px);
text-align: left;
color: #4b1df2;


}


.gossipTalks .bottom .item .grey-card  h4 {

    font-family: 'Work Sans', sans-serif;;
    font-weight: 600;
    font-size: clamp(26px, 1.8vw, 34.56px);
line-height: calc(clamp(26px, 1.8vw, 34.56px) + 10px);
    text-align: left;
    color: #1d1d1b;
    margin: 18px 0 53px 0;

}

.gossipTalks .bottom .item .grey-card a {
    text-decoration: none;
}

.gossipTalks .bottom .item .grey-card .lire-article {

font-family: 'Work Sans', sans-serif;;
font-weight: normal;
text-decoration: underline;
font-size: clamp(16px,1.11vw,21.312px);
line-height: calc(clamp(16px,1.11vw,21.312px) + 10px);
text-align: left;
color: #4b1df2;



}


.gossipTalks .bottom .item .img:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #4b1df2;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.5vw;
    mix-blend-mode: screen;
}


.gossipTalks .bottom .item .img {
    width: 100%;
    height: 15vw;
    border-radius: 0.5vw;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}



.gossipTalks .bottom .item .img svg:first-child {
    position: absolute;
    top: -1vw;
    left: 1vw;
    width: 1.5vw;
    z-index: 1;
}



.gossipTalks .bottom .item .img svg:last-child {
    position: absolute;
    top: -1vw;
    right: 1vw;
    width: 1.5vw;
    z-index: 1;
}











.footer {
width: 100%;
background-color: #000;
color: white;
padding-top: 3vw;
}



.footer .top {
    max-width: clamp(1040px,72.22222222222223vw,1386.666666666667px);
width: 70%;
margin: auto;
display: flex;
justify-content: space-between;
margin-bottom: 2vw ;

}


.footer .top .right .div-logo-text {


display: flex;
align-items: center;
gap: 11px;

}


.footer .top .right .div-logo-text a {

text-decoration: none;

}


.footer .top .right .div-logo-text a span {
    display: block;
    margin-top: 7px ;
    font-family: 'Work Sans', sans-serif;
    color: white;



}



.footer .top .right svg {
   width: 1vw;
    height: 1vw;
}




.footer .top .left h2 {
font-family:"forma-djr-banner";
font-weight: 800;
font-size: clamp(44px,4.86vw,83.312px);
line-height: calc(clamp(44px,4.86vw,83.312px) + 10px);
text-align: left;
color: #fff;

}


.footer .top .right {
font-family: 'Work Sans', sans-serif;;
font-weight: 500;
font-size: clamp(16px,1.11vw,21.312px);
line-height: calc(clamp(16px,1.11vw,21.312px) + 10px);
text-align: left;
color: #fff;
display: flex;
justify-content: flex-end;
gap: 5vw;
align-items: center;
}


.footer .middle {
    max-width: clamp(1040px,72.22222222222223vw,1386.666666666667px);
    width: 70%;
    margin: auto;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    position: relative;
}


.footer .middle .sabonner {
    font-family: 'Work Sans', sans-serif;;
    font-weight: 500;
    font-size: 1vw;
    line-height: 2vw;
    text-align: left;
    color: #fff;
    background: none;
    border: none;
    width: 100%;
}


.politique-zone {
    /* width: 70%;
    margin: auto; */
    position: absolute;
    top: 40px;
    /* transform: translateX(-7%); */
}


 .politique-zone {

display: flex;
justify-content: flex-start;
gap: 1vw;


}


 .politique-zone p ,
 .politique-zone span 
{

font-family: 'Work Sans', sans-serif;;
font-weight: normal;
font-size: 14.4px;
line-height: 24.4px;
text-align: left;
color: #fff;
    
}


.politique-zone .click-radio {

border-radius: 50%;
border: 1px solid #4B1DF2;
width: 23px;
    height: 23px;
position: relative;
cursor: pointer;
transition: 0.5s ease-out;



}




.row-form .politique-zone .click-radio {

width: 3.2vw !important;


}

 .politique-zone .click-radio.active::after {
    opacity: 1;
 }

 .politique-zone .click-radio::after {
    position: absolute;
    content: "";
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    background-color: #4B1DF2;
    opacity: 0;
    border-radius: 50%;
    transition: opacity 0.4s ease-in-out;
}



.footer .bottom {
    max-width: clamp(1040px,72.22222222222223vw,1386.666666666667px);
    width: 70%;
    margin: auto;
    margin-top: 145px ;
    padding-bottom: 32px;
    padding-top: 32px;
    position: relative;

}


.footer .bottom:after {

content:"";
position: absolute;
top: 0;
left: 0;
background-color: #FFFFFF;
opacity: 0.2;
width: 100%;
height: 1px;

}




.footer .bottom .copyright,
.footer .bottom .mentions-lgales,
.footer .bottom .by-blanche, 
.footer .bottom .by-blanche span {
    font-family: 'Work Sans', sans-serif;;
    font-weight: normal;
    font-size: clamp(14px,0.97vw,18.624px);
    line-height: calc(clamp(14px,0.97vw,18.624px) + 10px);
    text-align: left;
    color: #fff;
    opacity: 0.4;
    text-decoration: none;
}

.footer .bottom .by-blanche span {

color: white;
opacity : 1;

}



.footer .bottom .by-blanche b {
font-family: 'Work Sans', sans-serif;;
font-size: 1vw;
line-height: 2vw;
text-align: left;
color: #fff;
font-weight: bold;

}



.footer .bottom .inside-bottom {

display: flex;
justify-content: space-between;

}


.footer .bottom .inside-bottom .left-of-bottom {

width: 70%;
display: flex;
justify-content: space-between;

}


.the_404 {

display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
background-image: url('/wp-content/uploads/2023/04/Group-727.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;




}


.the_404 .not_found_img::after {
    background-image: url('./images/notfound_right.png');
    width: 76px;
    height: 495px;
    right: -154px;
    top: -105px;
}

.the_404 .not_found_img::before {
    background-image: url('./images/notfound_left.png');
    width: 66px;
    height: 483px;
    left: -160px;
    top: -190px;
}

.the_404 .not_found_img::before,
.the_404 .not_found_img::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}

.the_404 .not_found_img {
    width: clamp(310.18px,36.022222222222226vw,691.6266666666667px);
    position: absolute;
    top: -37px;
    transform: translateY(-214px);
    animation: notfound_animation 1s forwards;
}

@keyframes notfound_animation {
    50%{
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}

.the_404 .not_found_img img{
    width: 100%;
}




.the_404 .text-et-cta {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    transform: translateY(275px);
     animation: move_404_textBTN 1s forwards;
    max-width: 806px;
    bottom: 129px;
}

@keyframes move_404_textBTN {
    50%{
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}


.the_404 .text-et-cta span {

font-family: "Forma DJR Banner";
font-weight: 500;
font-size: clamp(24px,2.2222222222222223vw,42.66666666666667px);
line-height: calc(clamp(24px,2.2222222222222223vw,42.66666666666667px) + 6px);
letter-spacing: 0.05em;
text-align: center;
color: #1d1d1b;
margin-bottom: 22px;


}


.the_404 .text-et-cta a {

    position: relative;
    background-color: #4B1DF2;
    font-size: clamp(15px, 2vw, 70px);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: clamp(280px,19.444444444444443vw,373.33333333333326px);
    height: clamp(72px,5vw,96px);
    border-radius: 50px;
    cursor: pointer;
    color: white;
    text-decoration: none;

    font-family: "Work Sans";
    font-weight: 500;
    font-size: clamp(20px,1.3888888888888888vw,26.666666666666664px);
    line-height: calc(clamp(20px,1.3888888888888888vw,26.666666666666664px) + 10px);
    text-align: center;
    color: #fce0db;



}

.ml {


position: relative;
border: 1px solid transparent;
background-image: url('images/bg-ml.png');
background-size: cover;

}


.ml .container-ml {

    background-color: white;
    border-radius: 2vw;
    border: 1px solid #ECE8FE;
    max-width: clamp(359px,72.22222222222223vw,1386.666666666667px);
    /* width: 80%; */
    padding: clamp(79.5px,5.520833333333333vw,80px)
        clamp(100px,6.944444444444445vw,110px)
        clamp(85px,5.902777777777778vw,90px)
        clamp(132px,9.166666666666666vw,140px);
    margin: auto;
    margin-top: 11vw;
    margin-bottom: 6vw;

}



.ml .content-ml h1 {

    font-family: "forma-djr-banner";
    font-weight: bold;
    font-size: clamp(44px,4.861111111111111vw,70px);
    line-height: clamp(44px,4.861111111111111vw,70px);
    text-align: left;
    color: #000;
    margin-bottom: clamp(19px,1.3194444444444444vw,25.333333333333336px);

}


.ml .content-ml .content-text :is(h3,h2) {

    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    text-align: left;
    color: #000;
    margin-bottom: clamp(15px,1.0416666666666667vw,20.000000000000004px);
    font-size: clamp(20px,1.3888888888888888vw,26.666666666666664px);
    line-height: calc(clamp(20px,1.3888888888888888vw,26.666666666666664px) + 10px);
}




.ml .content-ml .content-text p {


    font-family: 'Work Sans', sans-serif;
    font-weight: normal;
    font-size: clamp(18px,1.25vw,22px);
    line-height: calc(clamp(18px,1.25vw,22px) + 10px);
    text-align: left;
    color: #000;
  

}

.ml .content-ml .content-text p:not(:last-of-type) {
    margin-bottom: clamp(19px,1.3194444444444444vw,25.333333333333336px);
}

.ml .content-ml .content-text  ul {


    list-style: none;
    margin: clamp(30px,2.0833333333333335vw,40.00000000000001px) 0;
}


.ml .content-ml .content-text  ul li {

    font-family: 'Work Sans', sans-serif;
    font-weight: normal;
    font-size: clamp(18px,1.25vw,24px);
    line-height: calc(clamp(18px,1.25vw,24px) + 10px);
    text-align: left;
    color: #000;
    margin-bottom: clamp(20px,1.3888888888888888vw,26.666666666666664px);
    position: relative;
    margin-left: clamp(58px,4.027777777777778vw,77.33333333333333px);


}

.ml .content-text table {
    border-collapse: collapse;
    margin-top: clamp(30px, 2.0833333333vw, 30px);
    margin-bottom: clamp(30px, 2.0833333333vw, 50px);
    min-width: 690px;
    overflow: auto;
  }
  .ml .content-text td, .ml_page .content-text th {
    border: 1px solid #000;
    padding: clamp(18px, 1.25vw, 20px);
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: clamp(18px, 1.25vw, 20px);
    line-height: calc(clamp(18px, 1.25vw, 20px) + 0px);
    letter-spacing: 0.01em;
    color: #000000;
  }


.ml .content-ml .content-text  ul li::after {

    content: '';
    position: absolute;
    background-color: #4B1DF2;
    border-radius: 50%;
    width: clamp(8px,0.5555555555555556vw,10px);
    height: clamp(8px,0.5555555555555556vw,10px);
    left: -20px;
    top: 10px;

}


.ml svg.left-light {

position: absolute;
left: 0;
bottom: 0;
z-index: -1;

}


.ml svg.right-light {

    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    
}



/*.ml::after {

content: "";
position: absolute;
border-radius: 50%;
width: 50vw;
height: 50vh;
top: 0;
right: 0;
background-image: url("data:image/svg+xml,%3csvg class='left-light' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='1482' viewBox='0 0 1440 1482'%3e%3cdefs%3e%3cradialGradient id='radial-gradient' cx='-0.008' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ece8fe'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect id='Rectangle_354' data-name='Rectangle 354' width='1440' height='1482' fill='url(%23radial-gradient)'/%3e%3c/svg%3e");
border:1px solid red

}


.ml::before {
  
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 50vw;
    height: 50vh;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3csvg class='left-light' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='1482' viewBox='0 0 1440 1482'%3e%3cdefs%3e%3cradialGradient id='radial-gradient' cx='-0.008' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ece8fe'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect id='Rectangle_354' data-name='Rectangle 354' width='1440' height='1482' fill='url(%23radial-gradient)'/%3e%3c/svg%3e");
    border:1px solid red
    } */







@keyframes move_404 {
  0%   {top: -100vh;}

  100% {top: -30vh;}
}








@keyframes move_nav {
  0%   {top: -100vh;}

  100% {top:0}
}

@keyframes move_hero {
  0%   {top: 200vh;}

  100% {top:0}
}





@keyframes move_title_3_4 {
  0%   {top: 200vh;}

  100% {top:-2vw}
}



@media only screen and (max-width: 1300px) {
    .section-pourcentage {
        max-width: calc(100% - 54px);
    }
}



@media only screen and (max-width: 1000px) {
.hero {
    height: 100%;
    padding-top: 183px;
    padding-bottom: 47px;
}

.hero h1 {
    height: 100%;
    width: calc(100% - 34px);
}


.bg-violet-carreaux {
    margin-top: 0;
}

  
.disent-de-nous .item .text {
 font-size: 15px;
    line-height: 19px;

}

.startups-medias .startup a.cta.cta-inscrire {
     font-size : 15px;
    line-height: 20px;
}


.startups-medias .media a.cta.cta-inscrire {
    font-size : 15px;
    line-height: 20px;
}




.imaginons .text p {

    font-size: 15px;
    line-height:20px;
    margin-bottom :0;

}



    .imaginons h2 {
        font-size: 44px;
        line-height: 50px;
        margin-bottom: 19px;
    }


}



@media only screen and (max-width: 940px) {
.disent-de-nous {
    flex-direction: column;
    gap: 50px;
}


.disent-de-nous .slider-card .item {

    width : 408px;
    height: 531px;

}


.disent-de-nous .slider-card .item .logo {


width : 190px;
height : 190px;

}


.disent-de-nous .slider-card .item .logo img {


width : 100px;

}


}



@media only screen and (max-width: 750px) {
    .ml .content-ml .content-text ul li {
        margin-left: 30px;
        margin-bottom: 15px;
    }

    .ml .container-ml {
        padding: 39px 10px 72px 10px;
        margin-top: 139px;
        margin-bottom: 29px;
    }
    .nav {
        animation: none;
    }
    .the_404 {
        padding: 0 20px 65px;
        gap: 34px; 
        height: 100%;
    }
    .the_404 .text-et-cta {
        max-width: calc(100% - 40px);
        width: 100%;
        margin: 0 auto;
        bottom: 0;
        animation: none;
        position: relative;
        transform: none;

    }
    .the_404 .text-et-cta span br {
        display: none;
    }
    .the_404 .not_found_img {
        top: unset;
        margin-top: -9.445vh ;
        animation: none;
        position: relative;
        transform: none;
    }
    .the_404 .not_found_img::before,
.the_404 .not_found_img::after {
    display: none;
}

    .histoire-confiance {
        max-width: calc(100% - 32px);
        width: 100%;
        margin:0 auto;
        padding: 46px 22px 24px 22px;
    }
    .histoire-confiance .caroussel-logos .logo img {
        width: 154px;
    }
    .hero h1 {
        max-width: 343px;
    }
    .hero h1 .title-1 {
        text-align: right;
    }
    .hero h1 .title-2 {
        text-align: left;
        left: 0;
    }
    .hero h1 .title-3-et-4 {
        flex-direction: column;
        margin-top: unset;
    }
    .hero h1 .title-3-et-4 .left .title-3 {
        position: relative;
        top: 8px;
    }

    .hero h1 .title-3-et-4 .left {
        margin-top: 18px;
        gap: 8px;
    }
    .hero h1 .title-3-et-4 .right {
        align-self: self-start;
        gap: 10px;
    }
    .hero::after {
        background-position: calc(100% + 935px) -590px, calc(100% + 935px) 224px, -690px 482px, -888px -240px, -606px -847px;
    }

    .footer .middle .container-radio {
        margin-top: 20px;
    }

    .footer .middle .send_form_popup {
        position: absolute;
        top: unset;
        bottom: 20px;
        right: 0;
        width: 135px;
        height: 135px;
    }

    .footer .middle form input {
        background-color: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 20px;
        padding: 36px 30px 35px 30px;
    }

    .footer .middle form .wpcf7-response-output {
        position: relative;
        display: block;
        width: 100% !important;
        bottom: 0;
        margin: 0 !important;
        padding: 20px;
    }

    .startups-medias .startup .logo,
    .startups-medias .media .logo {
        margin-top: 40px;
    }

    .startups-medias .media svg,
    .startups-medias .startup svg {
        width: 100%;
        height: 100%;
        left: 0;   
    }

    .imaginons h2 .purple-word {
        font-size: calc(1em - 25px);
        bottom: -10px;
        left: 0;
    }

    .imaginons::before {
        transform: rotate(0deg);
    }

    .imaginons::after {
        transform: rotate(0deg);
        background-size: 190%, 100% clamp(200px,13.8vw,264.96px);
    }


    .row-form {

flex-direction: column;

    }


    .footer .middle form input {
        font-size: 16px;
    }


    *::placeholder {
        font-size: 15px;
    }

body.active-popup .form-wrapper .the_form .row-form input {

font-size: 15px !important;

}



.nav .items-menu {
    display: none;
}


.nav .menu-icon-mobile {

display: flex;
justify-content:center;
align-items:center;
background: white;
border-radius: 50%;
border: 1px solid #F3F3F3;
width: 56px;
height: 56px;
flex-direction: column;
margin-top: 36px;
position: relative;
cursor: pointer;

}


.nav .menu-icon-mobile div {

background-color: #4B1DF2;
height: 2px;
width: 19px;
margin-bottom: 6px ;

}


.nav .menu-icon-mobile div:last-child {

margin-bottom : 0 !important;

}


.nav .items-menu.active {

    display: flex;
    flex-direction: column;
    gap: 0;
    background-color: white;
    border-radius: 10%;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    right: 15px;
    top: 32px;
    z-index: 3;
    padding: 70px 85px 20px 0;
    border: 2px solid #F3F3F3;
    box-shadow: -3px 7px 0px 1px rgba(206,192,252,0.53);
-webkit-box-shadow: -3px 7px 0px 1px rgba(206,192,252,0.53);
-moz-box-shadow: -3px 7px 0px 1px rgba(206,192,252,0.53);
    

}



.nav .items-menu.active a  {

background: none;
border : none;

}


.nav .menu-icon-mobile .lign-icon1 ,
.nav .menu-icon-mobile .lign-icon2 {

    transition: 0.5s ease-out;
    
}


.nav .menu-icon-mobile.active {

background-color: transparent;
border: none;
position: relative;
z-index:10;
}


.nav .menu-icon-mobile.active::after {

content: "Fermer";
position: absolute;
left: -115px;
font-family: 'Work Sans', sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 20px;
text-align: right;
color: #4b1df2;




}



.nav .menu-icon-mobile.active .lign-icon1  {

transform: rotate(45deg);
position: relative;
bottom: -8px;


}


.nav .menu-icon-mobile.active .lign-icon2  {

    transform: rotate(-45deg);
    
    }


    .nav .menu-icon-mobile.active .lign-icon3  {

      display: none;
        
    }


.bg-violet-carreaux .container-cta {



    width: 266px;
    height: 72px;
    border-radius: 42px;
    font-size: 20px !important;

}


.bg-violet-carreaux a.cta {

    height: 100%;
    border-radius: 80px;
   


}


.bg-violet-carreaux a.cta::before {
    content: none;
  
}


.bg-violet-carreaux .container-cta::after {


bottom: -30px !important;

}



.bg-violet-carreaux a.cta span {


    font-size: 20px !important;

}

.bg-violet-carreaux svg.eye {
    width: 12%;
    top: -15px;
}









.section-pourcentage {
    flex-direction: column;
    margin-top : 30px;
}

.section-pourcentage .left, .section-pourcentage .right {
    width : 100%;
    flex-direction: column;
}


.section-pourcentage .left {
margin-bottom: 35px;
}


.section-pourcentage .chiffre-pourcent, .section-pourcentage .text {

width : 100%

}


.imaginons {
width : 90% 
}

.bg-violet-carreaux {

    overflow-x: clip;
}



.section-pourcentage .chiffre-pourcent::after {
content: none;

}


.section-pourcentage .chiffre-pourcent {

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.section-pourcentage .left .chiffre-pourcent {

    background-image: url('images/bg-pourc-1.png');
    background-color: transparent;

}


.section-pourcentage .right .chiffre-pourcent {

    background-image: url('images/bg-pourc-2.png');
    background-color: transparent;

}


.bg-violet-carreaux {


    background-image: url('images/bg-violet-mobile.png');
    width: 100%;
    background-size: cover;
    padding-bottom: 52px;
    margin-bottom: 0;

}





.section-pourcentage .text {

    line-height: 28px;
    font-size: 16px;

}


.section-pourcentage .text span {

font-size: 14px;

}


.section-pourcentage .chiffre-pourcent span {

    font-size: 99px;
    line-height:118px;
    
}

.section-pourcentage .chiffre-pourcent span::after {

    font-size: 43px;
    line-height: 52px;

}

.imaginons .xo-et-logo {
    bottom: calc(clamp(120px,13.8vw,264.96px) - 100px);
    right: ;
}


.imaginons .xo-et-logo .column span {

font-size: 32px;

}


.disent-de-nous .title-arrows {
    margin-top: 0;
    width: calc(100% - 54px);
    margin-left: 27px;
    gap: unset;
}


.disent-de-nous .slider-card {
    width:100%;
}



.disent-de-nous .title-arrows h3 {

    font-size: 44px;
    line-height: 50px;
    width: 100%;
    margin-bottom: 21px;
}


.disent-de-nous .title-arrows .arrows button {
    width : 68px;
    height: 68px;
    inset: unset !important;
    margin-top: unset;
}

.disent-de-nous .title-arrows .arrows {
    margin-top: unset;
    gap: 12px;
}

.disent-de-nous {
    gap: 16px;
}

.startups-medias {
    flex-direction: column;
    padding: 0 16px;
    margin-top: 12px;
}


.startups-medias .media, .startups-medias .startup {

width : 100%;
height: 376px;
border-radius: 10px;

}

.startups-medias .media .logo {
    margin-top: 0;
}

.startups-medias .media {

margin-top: 16px

}


.startups-medias .startup .logo {
        width: 86px;
    height: 106px;
}


.startups-medias .title {

    font-size: 44px;
    line-height: 54px;
    margin-top: 0;
    margin-bottom: 0;
}

.startups-medias a span {
    font-size: 20px;
    line-height: 32px;
}


.startups-medias .text {

font-size: 18px;
line-height: 34px;
margin-bottom: 0;

}


.startups-medias .startup a.cta.cta-inscrire {

width : 90%;
padding: 13px;
margin-top: 23px;

}


.startups-medias .media a.cta.cta-inscrire {

width : 90%;
padding: 13px;
margin-top: 16px;

}


.section-fondatrice {

    flex-direction: column;
    width: 90%;
    margin-bottom: 50px;
    margin-top: 60px;
}


.section-fondatrice .left {
    margin-bottom: 58px;;
    margin-top: 0;
    align-self: center;
}



.section-fondatrice .image {

    width: 207px;
    height: 207px;


}

.section-fondatrice .left .citation {
    padding-top: 0;
    margin-bottom: 12px;
}

.section-fondatrice .nom-et-status {
    gap: 7px;
}

.section-fondatrice .left .bottom {

    transform: translateY(0vw);
    margin-top: 20px;

}



.section-fondatrice .right h3 {

font-size: 44px;

}


.section-fondatrice .right .text p, .section-fondatrice .right .text strong {

font-size: 18px;
line-height: 28px;
margin-top: 16px;

}


.histoire-confiance h2 {

font-size: 40px;
line-height: 44px;

}

.histoire-confiance .cta-join {

padding: 10px 27px;

}


.gossipTalks {


width : 90%;

}

.gossipTalks .top .cta-acces-blog-arrows {

width : 100%;
justify-content: space-between;
margin-top: 6px;

}


.gossipTalks .top {

    flex-direction: column;
    width: 100%;
}

.gossipTalks .top .title {
width : 100%;
font-size: 50px;
line-height: 56px;
transform: none;
}


.gossipTalks .top .acceder-blog span {

font-size: 16px;
line-height: 60px;

}


.gossipTalks .top .acceder-blog {


background-position: center;
padding: 25px;
width : 200px;

}


.gossipTalks .top .arrows button {

width :60px;
height: 60px;

}

.gossipTalks .top .arrows button svg {
width : 8px;
height: 16px;

}


.gossipTalks .top .ligne-sous-texte img.pink_arrow {

width :10px;
height: 10px;

}

.gossipTalks .top .ligne-sous-texte {

transform: translateY(-14px);

}


.gossipTalks .bottom .item {

    height: 476px;

}


.gossipTalks .bottom .item .grey-card {

height : 50%

}


.gossipTalks .bottom .item .img {

height : 50%

}



.gossipTalks .bottom .item .grey-card .date , .gossipTalks .bottom .item .grey-card .lire-article{


    font-size: 16px;
    line-height:34px;
}


.gossipTalks .bottom .item .grey-card h4 {

font-size: 22px;
line-height: 28px;

}


.gossipTalks .bottom .item .img svg{

    width:auto !important;
    height: auto !important;
    transform: translateY(-10px);

}


.footer {
padding-top: 43px;

}


.footer .top .left h2 {


font-size: 44px;
line-height:50px;
width: 100%;
}


.footer .top {

flex-direction: column;
width : 90%;

}

.footer .top .right {
    justify-content: flex-start;
    font-size:16px;
    line-height: 80px;
}

.footer .top .right svg {

width : 16px;
height : 16px;

}



.footer .middle  {

    font-size: 16px;
    width : 90%;
    padding: 0 0 180px;
    background-color: transparent;
    border: unset;

}


.footer .middle .sabonner {

    font-size: 16px;
    padding: 0% 4% 0 4%;

}


.footer .middle form {


height: 100%;

}


.footer .politique-zone p {
font-size :14px;
line-height: 24px;
display: inline;
}


.footer .politique-zone .politique-de-confidentialit {

font-size :14px;
line-height: 24px;
}

.footer .politique-zone .click-radio {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 5px;
}

.footer .politique-zone {
    width : 91.46%;
    padding-left: 43px;
    gap: 15px;
    position: relative;
    top: 0;
}


.footer .middle svg {
    width : 135px !important;
}

.footer .politique-zone br {

display: none;

}


.footer .bottom {

width : 90%;
margin-top: 0;

}

.footer .bottom .inside-bottom {
    flex-direction: column;
        margin-top: 0;
}

.footer .bottom .inside-bottom .left-of-bottom {

flex-direction: column;

}

.footer .bottom .copyright, .footer .bottom .mentions-lgales, .footer .bottom .by-blanche {
font-size :14px;
line-height: 55px;

}


.footer .bottom .by-blanche b {
font-size :14px;
line-height: 55px;
    
}


.footer .bottom .inside-bottom .left-of-bottom {

width : 70%;

}


body.active-popup .form-popup .form-wrapper {


width : 100%;

}

body.active-popup .form-popup {
    overflow-y: scroll;
}


body.active-popup .form-popup .the_form {
    padding: 87px 20px 24px;
}


body.active-popup .form-popup .the_form h2 {

font-size: 38px;
line-height: 40px;
width: 85%;
margin: 2vw auto;


}

body.active-popup .form-popup .wpcf7-response-output{
    display: none;
}


body.active-popup .form-wrapper .the_form .row-form {
    grid-template-columns: repeat(1,1fr);
}


body.active-popup .form-wrapper .the_form .row-form .politique-zone p, body.active-popup .form-wrapper .the_form .row-form .politique-zone span {


font-size: 12px;
line-height: 22px;


}


body.active-popup .form-wrapper .the_form .row-form .politique-zone {

width : 100%;
display: flex;
justify-content: space-between;

}

body.active-popup .form-wrapper .the_form .row-form .politique-zone .click-radio {


    width: 5%;
    height: 25px ;

}


body.active-popup .form-wrapper .the_form .row-form .politique-zone .en-compltant-et-container {


    width: 92%;

}


body.active-popup .form-wrapper .the_form .row-form:last-child {
    position: relative;
    gap: 20px;
}


body.active-popup .form-wrapper .the_form .row-form .send_form_popup {
    position: relative;
    right: 0;
    bottom: 0;
    width : 154px;
    height : 154px;
    justify-self: flex-end;
}

body.active-popup .form-wrapper .the_form .row-form textarea,
body.active-popup .form-wrapper .the_form .row-form select option,
body.active-popup .form-wrapper .the_form .row-form select {

    font-family: 'Work Sans', sans-serif;
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    color: #1d1d1b;
    padding: 0 28px;
    padding-top: 19px !important;

}

body.active-popup .form-wrapper .the_form .row-form .send_form_popup svg {
    width: 48px;
}


body.active-popup .form-wrapper .the_form .row-form select {


margin-bottom: 10px;

}



body.active-popup .form-wrapper .the_form .row-form textarea {


height : 102px;

}

body.active-popup .form-wrapper > .icon {
    width: 60px;
    height: 60px;
}

body.active-popup .form-wrapper .select-input-icon {
    width : 31px;
}


}


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

body.active-popup  .row-form .politique-zone .click-radio {

width: 25px ;
height: 19px ;
transform: translateY(2px);

}

}


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

body.active-popup  .row-form .politique-zone .click-radio {

width: 19px !important;
height: 19px !important;


}

}





.media_start_up_mobile {
    display: none;
    max-width: calc(100% - 60px);
    width: 370px;
    margin: 0 auto;
    
}


.media_start_up_mobile .splideItem.startup{
    background-color: #D3C9F8;
}

.media_start_up_mobile .splideItem.startup .logo::after {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.596' height='126.596' viewBox='0 0 126.596 126.596'%3E%3Cpath id='Path_256' data-name='Path 256' d='M132.1,68.8c0,5.447-5.541,10.094-6.884,15.118-1.389,5.2,1.046,11.986-1.588,16.537-2.671,4.617-9.791,5.886-13.538,9.633s-5.016,10.867-9.633,13.538c-4.551,2.633-11.338.2-16.537,1.588-5.024,1.343-9.671,6.884-15.118,6.884S58.7,126.554,53.68,125.212c-5.2-1.39-11.986,1.045-16.537-1.588-4.617-2.671-5.886-9.791-9.633-13.538s-10.867-5.016-13.538-9.633c-2.633-4.551-.2-11.338-1.588-16.537C11.041,78.892,5.5,74.245,5.5,68.8S11.041,58.7,12.384,53.68c1.39-5.2-1.045-11.986,1.588-16.537,2.671-4.617,9.792-5.886,13.539-9.633s5.016-10.867,9.632-13.538c4.551-2.633,11.338-.2,16.537-1.588C58.7,11.041,63.35,5.5,68.8,5.5s10.094,5.541,15.118,6.884c5.2,1.39,11.986-1.045,16.537,1.588,4.617,2.671,5.885,9.791,9.632,13.538s10.867,5.016,13.539,9.633c2.633,4.551.2,11.338,1.587,16.537C126.554,58.7,132.1,63.35,132.1,68.8Z' transform='translate(-5.5 -5.5)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.media_start_up_mobile .splideItem .logo::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: -1;
}

.media_start_up_mobile .splideItem .logo img{
    max-width: 50%;
}
.media_start_up_mobile .splideItem .logo {
    width: 126px;
    height: 126px;
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .media_start_up_mobile .splideItem .text {
    /* max-width: calc(100% - 50px); */
    /* position: absolute;
    left: 25px;
    bottom: 40px; 
} */
.media_start_up_mobile .splideItem .text p{
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
    color: #1d1d1b;
}

.media_start_up_mobile .splideItem{
    width: 100%;
    border-radius: 115px 15px 15px 15px;
    position: relative;
    min-height: 409px;
    background-color: #FF8471;
    padding: 27px 25px 40px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

@media only screen and (max-width: 865px) {
    .media_start_up_mobile {
        display: flex;
    }
    .swiper.mySwiper {
        display: none;
    }
}