@media(min-width: 768px)  and (max-width: 992px){
 .col-md-4.formItem.card{
	width: none !important;
    left: 0 !important;
 }
 
 .col-md-4.formItem.card{
	width: 80% !important;
    left: 66px; 
 }
 .carousel-item { 
    /* width: 39%;  */
}
.col-md-4.formItem.card {
  
    margin-left: 1% ;
}
.formItem h3 {
    font-size: 16px !important;; 
}
.formItem p {
    font-size: 13px !important;;
}
 }

 @media(min-width: 200px)  and (max-width: 992px){

    .formItem h3 {
        font-size: 16px !important;; 
    }
    .formItem p {
        font-size: 13px !important;;
    }
 }

 @media(min-width: 992px)  and (max-width: 1380px){

    .formItem h3 {
        font-size: 19px !important;; 
    }
    .formItem p {
        font-size: 15px !important;; 
    }
 }
 @media (min-width: 768px) and (max-width: 992px)
 {
    .w-100 {
        width: fit-content !important;
    }
    .mb-5.mt-5.slideInDown{
        width: 300% !important;
    }
 }

 @media (min-width: 992px)  
 {
  
    .mb-5.mt-5.slideInDown{
        width: 170% !important;
    }
 }
 #prv-carousel{
  left: 2.5% !important;  
 }

 @media (min-width: 992px) and (max-width: 1354px)
 {
    .carousel-control-next.bg-transparent.w-aut{
        
    }
    .formnext {
        margin-right: -121px!important
    }
    
 }
 #date-carousel {
     font-size: 15px;
     font-family: 'GEDinarOne';
     color: #808080;
     margin-left: 150px;
     text-align: left;
 }


 #div-date-carousel  {
	position: absolute;
	bottom:73px;
	text-align: left;
 }
 #date-carousel  {
	    margin-left: 0   !important;
 }
.formItem p{
		    padding: 0 !important

}
 .card:hover #date-carousel {
	color: white
 }
 #formulaires
 
{
	overflow: hidden;
} 
@media (max-width: 992px)
{
 .carousel-item {
     transition: transform 1.4s !important;
 }
}




#dynamicForm {
    transition: transform 1.4s !important;
		  transform: translateX(-10%);

}
 .carousel-item {
     transition: transform 1s !important;
	  /* transform: translateX(1%); */
 }
 @media (min-width: 768px) {
    
    .carousel-inner-form .carousel-item-end.active,
    .carousel-inner-form .carousel-item-next {
      transform: translateX(0%);
    }
    
    .carousel-inner-form .carousel-item-start.active, 
    .carousel-inner-form .carousel-item-prev {
      transform: translateX(0%);
    }
}

.carousel-inner-form .carousel-item-end,
.carousel-inner-form .carousel-item-start { 
  transform: translateX(-1%);
       transition: transform 0.1s !important;

}

.carousel-control-next {
    right: 0;
}
@media (max-width : 767px ) {
    #prv-from{
        justify-content: center !important;
        left: 0 !important;
    }  
}