/*------------------------------------------------------***Style for Dev 2***------------------------------------------------------*/

/* Style before heading */
.custome-heading > ::before {
    content: "";
    width: 7px !important;
    height: 14px !important;
    background: var(--e-global-color-color_1) !important;
    position: absolute !important;
    transform: skewX(-20deg);
}

/* Gradient for bloc of nos valeurs */

@media screen and (min-width: 1025px) {
.bg-gradian {
    background: linear-gradient(115deg, var(--e-global-color-color_3) 50%,#ffffff 50%,#ffffff 87%,var(--e-global-color-color_1) 87.1%,var(--e-global-color-color_1) 100%) 
	}}

/********************************************* Préstation bloc *******************************************************************/
.carousel-customized .item-body {
  position: relative;
  overflow: hidden;
  
}
.carousel-customized .item *{ transition:all 0.5s ease-in-out !important; }
.carousel-customized .item-body img {
  display: block;
  width: 100%;
  height: 500px !important;
}

.carousel-customized .presta-content-back {
  color: white;
  padding: 20px;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: left;
  text-align: left;
  transform: translateY(100%);
}

.carousel-customized .item-body:hover .presta-content-back {
  opacity: 1;
  }
.carousel-customized .item:hover .presta-content-back{opacity:1;transform: translateY(0);}
.carousel-customized  .presta-title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
  transform: translateY(0);
}

.carousel-customized .presta-txt {
  font-size: 16px;
  margin-bottom: 20px;
}

.carousel-customized .presta-btn a {
  display: inline-block;
   background-color: var(--e-global-color-color_1) ;
  color: #ffffff; 
  font-weight: 600;
  font-size: 14px;
  padding: 12px 24px;
  text-decoration: none;
  border-radius: 2px;
  position: absolute; bottom: -90px; right:-14px;
}


.carousel-customized .presta-btn a:hover {
  position :absolute ;
  background-color: #ffffff;
  color:var(--e-global-color-color_1) 
}

.carousel-customized .item-content .item-title h3 {
    color: white !important;
}

.carousel-customized .item-title { color: white !important ;  font-size: 25px !important ; 
  font-weight: bold;
  position: absolute;bottom: 8%;
  left: 12%;
  transform: translateY(0);}

.carousel-customized .item-body:hover .item-title { opacity :0 }
.carousel-customized .item-title  ::before {
    content: "";
    width: 7px !important;
    height: 15px !important;
    background: var(--e-global-color-color_1) !important;
    position: absolute !important;
  top:20px ;
    
}

.carousel-customized .item-content  .item-title::before ,.presta-title::before  {
content: "";
    width: 7px !important;
    height: 14px !important;
    background: var(--e-global-color-color_1) !important;
    position: absolute !important;
    transform: skewX(-20deg);
  top:-20px;
}

/* responsive of carousel */
@media only screen and (max-width: 800px){ 
	.carousel-customized  .item .presta-content-back{opacity:1;transform: translateY(0);}
	.carousel-customized  .item-title{opacity:0; transform: translateY(100%);}
}
@media (max-width: 1024px) {
   body.page .carousel-customized .basic-carousel.slick-slider .slick-arrow.slick-next , body.page .carousel-customized .basic-carousel.slick-slider .slick-arrow.slick-prev{
        bottom: -60px;
        top: unset !important;
    }
}