@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

@font-face {
  font-family: 'alarm_clock';
  font-style: normal;
  src: local('alarm_clock'), local('alarm_clock'),
      url(../assets/fonts/alarm_clock.ttf) format('truetype');
}

/*font-size*/
.fs12{font-size: 12px !important;}.fs13{font-size: 13px !important;}.fs14{font-size: 14px !important;}.fs15{font-size: 15px !important;}.fs16{font-size: 16px !important;}.fs17{font-size: 17px !important;}.fs18{font-size: 18px !important;}.fs20{font-size: 20px !important;}.fs22{font-size: 22px !important;}.fs24{font-size: 24px !important;}.fs25{font-size: 25px !important;}.fs26{font-size: 26px !important;}.fs28{font-size: 28px !important;}.fs30{font-size: 30px !important;}.fs32{font-size: 32px !important;}.fs35{font-size: 35px !important;}.fs40{font-size: 40px !important;}.fs45{font-size: 45px !important;}.fs50{font-size: 50px !important;}

html, body{overflow-x: hidden;}

body p{
    font-family: 'Mulish';font-size : 18px;font-weight: 400;color : #000
}
body h1{
  font-family: 'Mulish';font-size : 75px;
}
body h2{
    font-family: 'Mulish';font-size : 54px;line-height: 65px;font-weight: 900;color: #fff;margin-bottom: 30px;font-style: italic;
}

body p.fs36{
  font-size : 36px;
}
body p.fs26{
  font-size : 26px;
}

body img{max-width: 100%;}

body .row{max-width: 100%;margin: 0 auto;}

.clr1{color : #CD327B}

.h2-gradiant{
  font-weight: 900;
  font-family: 'Mulish';
  background: -webkit-linear-gradient(39deg, rgba(205,50,123,1) 0%, rgba(235,115,54,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: italic;
}

.navbar-expand-lg{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);z-index: 99;}
.navbar-expand-lg .navbar-collapse{justify-content: center;}
li.li-heart{display: flex;align-items: center;gap: 15px;}
.navbar-nav .nav-item{padding: 0px 15px;}
.navbar-nav .nav-item.li-btn{display: flex;align-items: center;}
.navbar-nav .nav-item .div-don > span {width: 135px;max-width: 100%;}


.navbar-nav .form-check {min-height: 2.5rem;padding-left: 2.5em;}
.navbar-nav .form-check .form-check-input{margin-left: -2.5em;}
.navbar-nav .form-check-input {width: 24px;height: 24px;border-color: #CD327B !important;}
.navbar-nav .form-check .form-check-input{margin-top: 15px;}
.navbar-nav .form-check-input:checked{
  background-color: #CD327B;border-color: #CD327B;
}
.d-mobile{display: none;}


.fixed{position: fixed !important;bottom: 0;left: 0;right: 0;z-index: 99;}
/************************************************************/
.section-slide{background-image: url('../images/bg1.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;padding: 4% 15px;position: relative;min-height: 770px;display: flex;align-items: flex-end;justify-content: center;}
.section-slide .caption{width : 960px;max-width: 100%;}
.div-logo{width: 1290px;max-width: 100%;margin: 0 auto;position: absolute;top: 0;padding: 0px 15px;}
.div-logo img{background: #fff;
  padding: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;}
.caption h1 span{display: block;}
.caption h1 span.text-uppercase{font-weight: 900;font-style: italic;}

.section-prestation{padding: 3% 15px 0px 15px;background-color: #F5F1F1;position: relative;}
.section-prestation .row.items{width : 85%;float: right;}
.section-prestation::before{content : '';position: absolute;top: 50%;transform: translateY(-50%);left: -225px;width: 600px;height: 600px;background-image: url('../images/clock-countdown-fill.png');}
.section-prestation  .div-title {width : 770px;max-width: 100%;margin: 0 auto 30px auto;position: relative;}
.section-prestation .div-title img{margin-bottom: 40px;width : 1290px;max-width: 100%;}
.row.items{gap : 3%;}
.col.item-card{width : 33.33%;box-shadow: 0px 0px 30px rgb(205 50 123 / 20%);border-radius: 12px;padding: unset;overflow: hidden;margin: 0px 15px;}
.div-img{text-align: center;position: relative;}.div-img img{width : 100%}
.div-img .span-date{font-family: 'alarm_clock';color: #EA1717;font-size: 54px;line-height: 54px;background-color: black;padding: 6px 10px;position: absolute;left: 0;bottom: 0;border-top-right-radius: 12px;}


.div-txt{padding : 25px 30px}
.div-txt h4{color: #CD327B;font-size: 26px;font-family: 'Mulish';font-weight: 900 !important;font-style: italic;}


.section-prestation .slick-track{display: flex;}
.section-prestation .slick-slide{height: inherit;}

/***********************************************************************************************/

.section-aventure{padding: 3%  15px;background: rgb(205,50,123);background: linear-gradient(39deg, rgba(205,50,123,1) 0%, rgba(235,115,54,1) 100%);}

.section-aventure .row-aventure{width : 850px;max-width: 100%;margin: 0 auto;position: relative;}
.row-aventure:after, .section-prestation:after {clear: both;content: " ";display: table;}

.card-formation{width: 582px ;max-width: 100%;display: flex;align-items: center;margin: 0 auto;padding: unset;float: left;margin-bottom: 10px;position: relative;}
.card-formation.p-left{float: right;position: relative;}

.card-formation.p-left .img-client{padding-left: 20px;}
.div-txt.p-right{padding-right: 0px;}

.card-formation p{color : #fff}



/**************************************************/

.section-futurs{background-image: url('../images/bg4.jpg');background-size: cover;background-repeat: no-repeat; padding: 3% 15px;}
.section-futurs .div-title{width : 1240px;margin: 0 auto;}
.section-futurs .div-gestion{margin-bottom: 35px;}
.card-gestion{background-color: rgb(255 255 255 / 70%);display: flex;align-items: center;justify-content: space-between;border-radius: 50px;border-bottom-right-radius: unset;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  overflow: hidden;cursor: pointer;margin: 30px 0px;
}
.link-gestion{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.card-gestion:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 50px;
}
.card-gestion:hover{box-shadow: 0px 0px 30px rgb(205 50 123 / 80%)}
.card-gestion:hover:before, .card-gestion:focus:before, .card-gestion:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.div-offer{background: #fff;display: flex;flex: none;align-items: center;gap: 10px;justify-content: space-between;width: 370px;padding: 0px 30px 0px 20px;border-radius: 50px;box-shadow: 0px 0px 30px rgb(205 50 123 / 20%);overflow: hidden;}
.div-offer span{font-family: 'Mulish' !important;}
.card-gestion:hover .div-offer{box-shadow: unset;}
.card-gestion .div-desc{width: 45%;padding-left: 8px;}
.card-gestion .div-desc span.clr1{font-weight: bold;}
.div-don > span {display: block;font-style: italic;}
.div-don .prix{font-size: 32px;font-weight: 900;font-family: 'Mulish';font-style: italic;}

.card-gestion .div-btn{height: 100px;max-height: 100%;display: flex;}
.btn-don{
  background: linear-gradient(-90deg,#eb7336 0%, #cd327b 100%);
  font-size: 20px;font-family: 'Mulish';font-weight: 900;line-height: 20px;
  color: #fff !important;border-top-right-radius: 49px;
  border-bottom-left-radius: 49px;display: flex;
  align-items: center;
  text-decoration: unset;
  padding: 12px 25px;width: 300px;
  max-width: 100%;justify-content: center;
  text-transform: uppercase;
  transition: all .3s;text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;position: relative;overflow: hidden;
}

.btn-don:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cd327b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* .btn-don:hover{background: #CD327B;} */
.btn-don:hover:before, .btn-don:focus:before, .btn-don:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.card-gestion:hover .btn-don{box-shadow: 0px 0px 30px rgb(205 50 123 / 20%);background : linear-gradient(-90deg,#cd327b 0%,  #eb7336 100%);}

.col-txt-img{display: flex;align-items: center;width : 1070px;max-width: 100%;margin: 0 auto;justify-content: center;}
.div-txt > span{display: block;}
.section-futurs .div-txt > span{display: inline;font-family: 'Mulish'}



.section-donateurs{background-image: url('../images/bg5.jpg');background-size: cover;background-repeat: no-repeat; background-position: center right;padding: 3% 15px;}
.section-donateurs .div-title{padding: unset;}
.section-donateurs .container{width : 1280px;max-width: 100% !important;padding: unset;}
.section-donateurs .col-slide{width : 1200;max-width: 100% !important;margin: 0 auto;}
.section-donateurs .item-slide{display: flex;align-items: center;justify-content: space-between;width: 860px;max-width: 100%;margin: 0 auto;}
.section-donateurs .item-slide img{width: 300px;max-width: 100%;}
.section-donateurs .item-slide .div-txt{width: 65%;}.section-donateurs .item-slide .div-img{width: 35%;text-align: center;}
.section-donateurs .item-slide .div-txt p{font-style: italic;}

.section-donateurs .col-txt-img .div-txt{width: 1070px;max-width: 100%;margin: 0 auto;}
.section-donateurs .col-txt-img .div-txt p{font-weight: bold;}

.section-donateurs .btn-don{margin: 0 auto;width: 630px;padding: 35px 25px;max-width: 100%;}


.section-donateurs .slick-prev,
.section-donateurs .slick-next, .section-prestation .slick-prev, .section-prestation .slick-next
{
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(#eb7336 0%, #cd327b 100%) !important;
    border-radius: 50px;
    box-shadow: 0px 0px 20px 8px rgb(205 50 123 / 20%) !important;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;z-index: 9
}
 .slick-prev:hover, .slick-next:hover{background: #CD327B !important;}
.slick-prev:before,.slick-next:before{opacity: unset !important;line-height: unset !important;font-family: "Font Awesome 6 Free" !important}
.slick-next:before{content: "\f054" !important;}
.slick-prev:before{content: "\f053"  !important;}


.section-donateurs .slick-next{right: 15px;}.section-donateurs .slick-prev{left: 15px;}

body .section-prestation .slick-disabled{display: none !important;}
.section-prestation .slick-next{right: 12%;}


.slick-dots li button{background: linear-gradient(39deg, rgba(205,50,123,1) 0%, rgba(235,115,54,1) 100%);border-radius: 50px;border-color: transparent !important;}
.slick-dots li button:before{border-radius: 50px;color: transparent !important;background: linear-gradient(39deg, rgba(205,50,123,1) 0%, rgba(235,115,54,1) 100%) !important;opacity: unset !important;}
.slick-dots li.slick-active button:before{border-radius: 50px;border: 2px solid #cd327b !important;background: transparent !important ;}
.slick-track{padding: 25px 0px 5% 0px;}
.section-donateurs .slick-track{padding: 25px 0px 0px 0px;}

/*********************************footer*******************************/
.section-footer{background: linear-gradient(-90deg,#eb7336 0%, #cd327b 100%);padding: 0% 15px 120px 15px;display: flex;align-items: center;flex-direction: column;gap: 20px;}

.section-footer > * {font-family: 'Mulish' !important;}
.menu-footer ul {
  list-style: none;
  padding-left: unset;
  display: flex;
  margin: unset;
  align-items: center;
  gap: 15px;
}
.menu-footer ul a{font-size: 18px;color: #000;text-decoration: unset;}.menu-footer ul a:hover{text-decoration: underline;}

.link-res{color: #fff !important; font-size: 25px;padding: 0px 6px;}.link-res:hover{opacity: .5;}
.logo-footer img{
  background: #fff;
    padding: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}



@media only screen and (max-width: 1440px) {
  body h1{font-size : 65px}body h2{font-size : 44px;line-height: normal;}body p.fs26, body p.fs20{font-size: 18px !important;}
  .section-slide{min-height: 625px;}
  .section-slide .caption{width : 860px;max-width: 100%;}

  .div-don > span.fs16{font-size : 14px !important}
  .div-don .prix{font-size: 25px;}
  li.li-heart .fs26{font-size: 22px !important;}


  .section-aventure .div-title {width: 945px;max-width: 100%;margin: 0 auto;}


  .card-gestion{width : 1155px;max-width: 100%;margin: 30px auto;}
  .card-gestion .div-btn{height: 85px;}.section-futurs .div-offer img{width : 85px}
  .card-gestion .btn-don{border-top-right-radius: 39px;border-bottom-left-radius: 39px;font-size: 18px;}

  .section-donateurs .fs32{font-size: 28px !important;}
  .section-donateurs .btn-don {width: 550px;padding: 28px 25px;}



  .section-prestation .row.items{width : 1100px}


}






@media only screen and (max-width: 1300px) {
  .navbar-expand-lg .navbar-nav{max-width: 100%;}
  .navbar-nav .nav-item {padding: 0px 8px;}
  li.li-heart{gap: 8px;flex-direction: column;justify-content: center;}
  li.li-heart .fs26 {font-size: 15px !important}
  .navbar-nav .form-check {padding-left: 1.5em;}
  .navbar-nav .form-check .form-check-input {margin-left: -1.5em;}
  .navbar-nav .form-check-input {width: 16px;height: 16px;}
  .navbar-nav .nav-item .div-don > span {width: 125px;}
  .div-don .prix {font-size: 22px;}
  .li-btn{display: flex;align-items: center;}
  .navbar-nav .btn-don {font-size: 15px;width: 250px;}


  .col.item-card .div-txt p{font-size: 16px;}
}
@media only screen and (max-width: 1281px) {
  .div-logo {width: 1116px;}
  body h1 {font-size: 44px;}body h2{font-size: 35px;}body p.fs36 {font-size: 25px !important;}body p{font-size: 16px;}.div-txt h4{font-size: 20px;}
  .section-slide {min-height: 475px;}

  .div-img .span-date{font-size: 40px;line-height: 40px;}
  .section-prestation .div-txt {padding: 15px 20px;}




  .section-donateurs .item-slide{padding: 0px 50px;}
  .section-donateurs .slick-prev, .section-donateurs .slick-next, .section-prestation .slick-prev, .section-prestation .slick-next {width: 50px !important;height: 50px !important;}
  .section-donateurs .slick-prev{left: 13%;}.section-donateurs .slick-next{right: 15%;}
}
@media only screen and (max-width: 1200px) {
    .container{max-width: 100% !important;}

  .section-donateurs .slick-prev{left: 8%;}.section-donateurs .slick-next{right: 10%;}

}






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

  li.li-heart .fs26 {font-size: 12px !important}
  .navbar-nav .form-check {padding-left: 1em;}
  .navbar-nav .form-check .form-check-input {margin-left: -1.5em;}
  .navbar-nav .nav-item .div-don > span {width: 125px;}
  .navbar-nav .nav-item .div-don > span.fs16 {font-size: 12px !important;}

  .section-futurs .btn-don{font-size: 16px;width: 270px;padding: 10px 15px;}
  .section-futurs .div-offer{width : 341px}

  .section-donateurs .slick-prev{left: 0%;}.section-donateurs .slick-next{right: 0%;}


    
}
@media only screen and (max-width: 1024px) {
  .section-prestation .slick-next {right: -20px;}
}

@media only screen and (max-width: 960px) {
    .section-futurs .div-offer {width: 290px;}
    .section-futurs .div-offer img{width : 70px}
   
    .div-offer .fs20 {font-size: 18px !important;}.div-don .prix {font-size: 28px;}.div-offer .fs16 {font-size: 14px !important;}
    .card-gestion .div-btn {height: 84px;}
    .section-futurs .btn-don {font-size: 15px;width: 212px;    border-top-right-radius: 43px;border-bottom-left-radius: 43px;}
    .div-desc p.fs20{font-size: 16px !important;}
}
@media only screen and (max-width: 992px) {
  body .navbar > .container-fluid{justify-content: center;gap: 30px;}
  body button.btn-don{font-size: 20px;font-family: 'Mulish';border-top-right-radius: 49px;border-bottom-left-radius: 49px;padding: 12px 25px;}

  .navbar-expand-lg .navbar-nav {width: 500px;margin: 0 auto;text-align: center;}
  .navbar-nav .nav-item{margin-bottom: 20px;}
  .navbar-nav .nav-item .div-don > span {width: 100%;}
  .navbar-nav .form-check{position: relative;}
  .navbar-nav .form-check .form-check-input{position: absolute;left: 35%;top: 0;width: 24px;height: 24px;}
  .navbar-nav .div-don .prix{font-size: 32px;}
  .navbar-nav .nav-item .div-don > span.fs16{font-size: 16px !important; }
  .navbar-nav .nav-item.li-btn{justify-content: center;margin-top: 20px;}

}



@media only screen and (max-width: 800px) {
  body h1{font-size : 40px}
  .section-slide {min-height: 650px;}
  .section-mobile{position: relative;}.d-mobile{display: flex;align-items: center;align-items: flex-start;padding: 0px 30px;justify-content: space-between;width: 100%;}
  .logo-mobile img {width: 115px;padding: 8px;background-color: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
  .section-mobile .navbar{position : unset;}
  .navbar-collapse{position: absolute;top: 0px;right: 0px;left: 0px;background: linear-gradient(#f5f1f1 0%, #f9dbdb 100%);height: 100vh;    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;transition: all .3s;gap : 40px}
  .d-mobile .navbar-toggler{ width: 36px;height: 36px;border-radius: 50px !important;padding: unset;margin-top: 20px;}
  .navbar-nav .btn-don {font-size: 15px;width: 354px;padding: 29px 25px;}
  .navbar-nav .nav-item {margin-bottom: 20px;flex-direction: row;}


  body  .section-slide p.fs36{font-size: 22px !important;}
  .div-logo{padding: 0px 30px;}.div-logo img{width : 115px;padding: 8px;}

  .container{padding: unset !important;}
  h2, .h2-gradiant{font-size: 35px !important;}
  .div-title p.fs26{font-size : 20px !important}


  .div-img .span-date{font-size: 40px;line-height: 40px;}



  .card-gestion{flex-direction: column;width: 498px;max-width: 100%;margin: 0 auto;padding-bottom: 20px;gap: 30px;border-radius: 34px;border-bottom-right-radius: unset;margin-bottom: 30px;}.card-gestion:before{border-radius: unset;}
  .section-futurs .div-offer {width: 100%;}

  .card-gestion .div-btn{width: 90%;}.section-futurs .btn-don{width: 100%;}
  .section-futurs .div-offer {padding: 0px 30px;}
  .card-gestion .div-desc{padding: 0px 30px;}

  .col-txt-img{flex-direction: column;}.col-txt-img .div-txt {padding: 25px 0px;font-size: 20px !important;max-width: 100%;}


  .section-donateurs p.fs32{font-size: 22px !important;}

  .section-donateurs .item-slide .div-txt{padding: 25px 15px;width: 100%;}
  .section-donateurs .item-slide .div-txt p{text-align: center;}
  .section-donateurs .item-slide{flex-direction: column;}

  .section-donateurs .item-slide .div-img{width: 100%;}.section-donateurs .item-slide img{margin: 0 auto;}


  .card-gestion .div-desc {width: 100%;}

 
}
@media only screen and (max-width: 640px) {
  .card-formation.p-left, .card-formation{float: unset;margin-bottom: 30px;}
  .card-formation img{width : 144px}
  .card-formation.p-left .img-client{padding-left: unset;}
  .card-formation .img-arrow{position: absolute;right: 30px ;bottom: 0;width: 24px;}
  .card-formation.card-formation.p-left .img-arrow{position: absolute;right: unset ;left: 50%;bottom: 0;width: 24px;}

  .section-donateurs .item-slide .div-txt{width : 100%}
}

@media only screen and (max-width: 498px) {
  body p {font-size: 14px !important}body .div-title p.fs26, .col-txt-img .div-txt {font-size: 16px !important}
  h2, .h2-gradiant {font-size: 30px !important;}.h2-gradiant br{display: none;}

  .section-slide{background-image: url('../images/slide-mobile.png');background-size: cover;background-position: top right;}
  body .caption{padding: unset ;}

  .section-prestation {padding: 8% 0px;}
  .section-prestation .container-fluid{padding: unset;}
  .section-prestation .div-title{padding: 0px 30px;}
  .section-prestation .col.item-card{margin: 0px 7px;}
  .section-prestation .div-txt {padding: 20px 15px;}
  .section-prestation .div-txt h4{font-size: 18px;}.section-prestation .div-txt {font-size: 12px;}
  .section-prestation .slick-next {right: 19%;}
  .section-prestation .slick-prev {right: 19%;left: unset;}
  .section-donateurs .slick-prev, .section-donateurs .slick-next, .section-prestation .slick-prev, .section-prestation .slick-next {width: 40px !important;height: 40px !important;}


  .section-aventure, .section-donateurs{padding: 8% 15px;}
  .section-donateurs .item-slide{padding: 0px;}
  .section-donateurs .item-slide img{width: 200px;}
  .section-donateurs .slick-prev, .section-donateurs .slick-next{top: 25%;}
  .section-donateurs .btn-don{padding: 26px 35px;}
  .section-donateurs .div-txt > span{text-align: center;}

  .section-futurs .div-gestion{padding: unset;}
  .section-futurs .div-offer {padding: 0px 10px;}
  .section-futurs .div-don{display: flex;align-items: center;justify-content: space-between;gap: 10px;}
  .div-offer .fs20 {font-size: 14px !important;}.div-don .prix {font-size: 26px}.div-offer .fs16 {font-size: 12px !important;}
  .card-gestion .div-btn {height: 80px;}
  .section-futurs .btn-don, .section-donateurs .btn-don {font-size: 18px;}
  .card-formation .div-txt {padding: 25px 0px 25px 25px;}




  .logo-footer img{width : 115px}
  .div-copy-center{display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;gap: 10px;}
}