/*--- Start: Category Carousel ---*/
	
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-start,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
	
@media (max-width: 320px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }
    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

@media (min-width: 321px) and (max-width: 575px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next,
    .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(50%) !important;
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-50%) !important;
    }

    .carousel-item-next.carousel-item-start,
    .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .carousel-inner .carousel-item-prev,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-50%) !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next,
    .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(33.3%) !important;
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-33.3%) !important;
    }

    .carousel-item-next.carousel-item-start,
    .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .carousel-inner .carousel-item-prev,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-33.3%) !important;
    }
}
	
@media (min-width: 768px) and (max-width: 991px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next,
    .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    .carousel-item-next.carousel-item-start,
    .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .carousel-inner .carousel-item-prev,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
}	

@media (min-width: 992px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next,
    .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(16.6%) !important;
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-16.6%) !important;
    }

    .carousel-item-next.carousel-item-start,
    .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .carousel-inner .carousel-item-prev,
    .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-16.6%) !important;
    }
}	
	
/*.caption_wrap {
	font-size: 13px;
    font-weight: 600;
    margin: 10px auto;
    position: relative; 
	height: 50px;
    width: 170px;
	background: #fff;
	text-align: center;
}	
.caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}*/

.caption_table {
	font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin: -5px auto -7px auto;
    height: 44px;
    /* width: 186px;*/
    text-align: center;
}

.carous_wrap {
	margin: 0 auto!important;
}	

.carous_btnbg {
 	width: 40px;
  	height: 40px;
    line-height: 40px;
    /*background: var(--primary-color);
  	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);*/
  	text-align: center;
  	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  	border-radius: 5px;
  	z-index: 99;
  	color: var(--fourth-color);
}

@media (max-width: 575px) {
	.carous_prvbtn, .carous_nxtbtn {
		width: 8%!important;
		opacity: 1!important;
	}
	.card_wrap {
		width: 32px;
		margin: 0 auto!important;
	}
	.card_wrap_infi{
		width: 80px;
		margin: 0 auto!important;
		text-align: center;
	}
	.card_wrap_infi img {
		border-radius: 20px;
	}
	.carous_btnbg {
		font-size: 20px;
	}
}
@media (min-width: 576px) {
	.carous_prvbtn, .carous_nxtbtn {
		width: 5%!important;
		opacity: 1!important;
		margin: 0 -0px 0 -0px;
	}
	.card_wrap {
		width: 48px;
		margin: 0 auto!important;
	}	
	.card_wrap_infi {
		width: 100px;
		margin: 0 auto!important;
		text-align: center;
	}
	.card_wrap_infi img {
		border-radius: 20px;
	}
	.carous_btnbg {
		font-size: 30px;
	}
}

/*--- End: Category Carousel ---*/
	


/*--- Start: Testimonial Carousel ---*/
	


/*--- End: Testimonial Carousel ---*/




ul.progress-tracker li {
  display: inline-block;
  position: relative;
}




@media (min-width: 992px) {
	.frame_tracker {
		position: relative;
		padding: 24px 30px 24px 30px;
		background: var(--fifth-color);
		border-radius: 24px;
		margin: -20px 30px 30px -30px;
	}
	ul.progress-tracker li:after {
		/*content: ""; 
		background: #ffffff;
		border: 3px dashed #efefef;
		position: absolute;
		width: 100%;
		height: 5px;
		left: 0px;
		top: 0px*/
	}
	ul.progress-tracker li .step {
		width: 80px;
		height: 80px;
		color: var(--first-color_a);
		background-color: var(--third-color);
		border-radius: 50px;
		line-height: 72px;
		position: relative;
		left: -40px;
		top: -42px;
		font-weight: 600;
		font-size: 45px;
		text-align: center;
		z-index: 1;
	}
	.litrack_first {
		border-top: 5px dashed #efefef;
	}
	.litrack_bor {
		border-top: 5px dashed #efefef;
		border-bottom: 5px dashed #efefef;
	}
	.litrack_twoside {
		border-top: 5px dashed #efefef;
		border-right: 5px dashed #efefef;
		border-bottom: 5px dashed #efefef;
		border-top-right-radius: 40px;
		border-bottom-right-radius: 40px;
	}
	.desk_hide_elem {
		display: none!important;
	}
	
}
@media (max-width: 991px) {
	.frame_tracker {
		position: relative;
		padding: 24px 30px 24px 30px;
		background: var(--fifth-color);
		border-radius: 24px;
		margin: -57px 25px 10px 40px;
	}
	ul.progress-tracker li:before {
		/*content: "";
		background: #ffffff;
		border: 3px dashed #efefef;
		position: absolute;
		width: 5px;
		height: 100%;
		left: -5px;*/
	}
	ul.progress-tracker li .step {
		width: 60px;
		height: 60px;
		color: var(--first-color_a);
		background-color: var(--third-color);
		border-radius: 30px;
		line-height: 55px;
		position: relative;
		left: -44px;
		top: 0px;
		font-weight: 600;
		font-size: 30px;
		text-align: center;
		z-index: 1;
	}
	.litrack_first {
		border-left: 5px dashed #efefef;
	}
	.litrack_bor {
		border-left: 5px dashed #efefef;
	}
	.litrack_oneside {
		border-left: 5px dashed #efefef;
	}
	.litrack_twoside {
		border-left: 5px dashed #efefef;
	}
	.mob_hide_elem {
		display: none!important;
	}
}