/*--------------------------------------------------------------
# Product Features Slider
--------------------------------------------------------------*/

.ca-features-slider {
	position: relative;
/* overflow: hidden; */
}

.ca-features-wrapper {
	width: 100%;
	background-color: #333231;
	border-radius: 0px;
	overflow:hidden;
}

.ca-feature-wrapper {
	width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch; 
    overflow: hidden;
}

/* .ca-features-wrapper .slick-list {
	overflow:visible;
} */

.ca-feature {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row nowrap;
	overflow:hidden
}

.ca-feature-leftside {
	/* width: 60%; */
	flex: 1;
	/* height: 100%; */
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: baseline;
	padding: 60px 40px 40px 70px;
}

.ca-feature-rightside {
	width: 40%;
	/* height: 100%; */
	/* overflow:visible; */
	position: relative;
}

.ca-feature-rightside img {
	top: 0px;
	right: 0px;
	position: absolute;
	object-fit: cover;
	object-position: center center;
	width: 100%;
    height: 100%;
}

.ca-feature-title {
	font-family: "ff-utility-web-pro", sans-serif !important;
    font-weight: 900;
    font-style: normal;
    font-size: 45px;
    line-height: 1.1em;
	letter-spacing:1px;
	text-transform:uppercase;
	color: #ffffff;
}


.ca-feature-description {
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 40px;
	font-size: 20px;
	line-height: 1.35em;
}

.ca-feature-description ul {
	margin: 20px 0px 20px 0px;
}

.ca-feature-description ul  {
  list-style: none;
}

.ca-feature-description ul  li:before {
	content: "\2713";
	position: absolute;
	margin-right: 20px;
	color: #E62F21;
	font-size: 32px;
	left: 0;
}

.ca-feature-description li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
}

.ca-feature-description li {
	font-size: 17px;
	line-height:1.5em;
	color:#cccccc;
	text-transform: none!important;
	font-weight: 400;
}

.ca-feature-description li strong{
	    font-family: "ff-utility-web-pro", sans-serif !important;
	font-size: 20px;
	letter-spacing:1px;
	font-weight:700;
	color:#fff;
}

.ca-features-slider .slick-dots {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	bottom: 30px;
	left: 40px;
	width: 300px;
}

.ca-features-slider .slick-dots li {
	width: 15px;
}

.ca-features-slider .slick-dots li button::before {
	font-size: 15px;
	opacity: 1;
	color: #E62F21cc;
}

.ca-features-slider .slick-dots li.slick-active button::before {
	font-size: 15px;
	color: #E62F21;
}

.ca-arrows {
	position: absolute;
	bottom: 5px;
	right: 45%;
}

.ca-arrows * {
	cursor: pointer;
	margin: 10px;
}

.ca-features-slider .slick-track{
    display: flex !important;
	align-items: flex-start !important;
	overflow:hidden;
}

.ca-features-slider .slick-slide {
    height: auto !important;
    overflow: hidden;
}

/*--------------------------------------------------------------
# Product Key Features List
--------------------------------------------------------------*/

.ca-product-cont .uabb-blog-posts-description ul {
    padding: 0;
    margin-left: 1em;
}

.ca-product-cont .uabb-blog-posts-description ul li {
	list-style-image: url(/wp-content/uploads/2024/10/arrow-left.png);
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/* XL DISPLAY BREAKPOINT - 1681px - 2560px 
- 1920px
- 2560px 
*/
@media only screen and (min-width : 1681px) {

}

/* LRG DESKTOP BREAKPOINT - 1367px - 1680px
- 1440px
- 1536px
- 1680px 
*/
@media only screen and (max-width : 1680px) {

}

/* DESKTOP BREAKPOINT - 1201px - 1366px
- 1280px
- 1366px
*/
@media only screen and (max-width : 1366px) {

}

/* BOOTSTRAP LRG BREAKPOINT - 1025px - 1200px
*/
@media only screen and (max-width : 1200px) {
	.ca-feature-title {
		font-size: 40px;
	}
		
	.ca-feature-description li {
		margin-bottom: 25px;
		font-size: 18px;
	}
	
	.ca-feature-description  {
		margin-top: 20px;
		margin-right: 40px;
		margin-bottom: 50px;
		font-size: 18px;
		line-height: 1.35em;
	}

	.ca-feature-rightside img {
		bottom: 60px;
		right: 0px;
		min-height: 100%;
		width: 400px;
	}
}

/* TABLET BREAKPOINT - 993px - 1024px
- 1024px
*/
@media only screen and (min-width : 1024px) {

}

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

	.ca-feature-title {
		font-size: 35px;
	}
		
	.ca-feature-description li {
		margin-bottom: 25px;
		font-size: 17px;
		color:#cccccc !important;
	}
	
	.ca-feature-description  {
		margin-top: 15px;
		margin-right:20px;
		margin-bottom: 60px;
		font-size: 18px;
		line-height: 1.3em;
	}

	.ca-feature-leftside {
		width: 60%;
		height: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: baseline;
		padding: 60px 20px 20px 50px;
	}

	.ca-feature-rightside img {
		bottom: 50px;
		right: 0px;
		width: 450px;
	}
}

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

	.ca-feature-title {
		font-size: 28px;
		line-height:1.5em;
	}
		
	.ca-feature-description li {
		margin-bottom: 20px;
		font-size: 15px;
	}
	
	.ca-feature-description  {
		margin-top: 15px;
		margin-right:50px;
		margin-bottom: 60px;
		font-size: 18px;
		line-height: 1.3em;
	}

	.ca-feature-leftside {
		width: 60%;
		height: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: baseline;
		padding: 60px 20px 20px 40px;
	}

	.ca-feature-rightside img {
		bottom: 40px;
		width: 300px;
	}
}

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


	/* Features Slider */
	.ca-features-wrapper {
		height: 100%
	}

	.ca-feature {
		flex-flow: column-reverse;
		/* align-items: start; */
		justify-content: flex-end;
	}
	
	.ca-feature-leftside {
		width: 100%;
		height: auto;
		justify-content: flex-start;
		padding-top:20px;
		padding-bottom:20px;
		padding-left: 20px;
	}

	.ca-features-slider .slick-dots {
		display: none !important;
	}

	.ca-features-slider .ca-arrows {
		position: relative;
		bottom: 0px;
		right: 0px;
		left: 0px;
		text-align: center;
	}
	
	.ca-features-slider .ca-arrows * {
		cursor: pointer;
		margin: 5px;
	}

	.ca-feature-title {
		font-size: 35px;
	}
	
	.ca-feature-description li{
		font-size:18px;
		line-height:1.6em;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom:10px;
	}

	.ca-feature-description {
		margin-bottom: 0px;
	}

	.ca-feature-rightside {
	    display: flex;
		justify-content: center;
		height: auto !important;
		width:100% !important;
		position: relative;
		padding-top: 60%;
	}

	.ca-feature-rightside img {
		left: 0px;
		top: 0px;
		bottom: auto;
		right: auto;
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

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

	.ca-feature-title {
		font-size: 25px;
		margin-top:20px;
	}
	
	.ca-feature-description li{
		font-size:13px;
	}

	.ca-feature-description {
		margin-top: 0px;
		margin-right:20px;
	}

	.ca-feature-description ul  li:before {
	    font-size: 25px;
	}
}