/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.slick-arrow:before {
    padding: 15px;
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple);
    border-radius: 50%;
}
.slick-track .vss-slide.slick-slide {
    padding: 0px 10px;
}
.rbt-team-area.rbt-section-gap .team-slide-activation {
    padding-bottom: 0px;
}
.rbt-team-area.rbt-section-gap .team-slide-activation .slick-dots {
    position: absolute;
    bottom: -40px;
}
.rbt-team-area.rbt-section-gap .slick-dots li.slick-active button:before {
    color: var(--color-secondary);
    font-size: 20px;
}
.rbt-team-area.rbt-section-gap .slick-dots li button:before{
	font-size:20px;
} 
.team-slide-activation .slick-prev {
    left: -50px;
}
.team-slide-activation .slick-next {
    right: -25px;
}
.vss-thumbnail-sec iframe {
    width: 100%;
    border-radius: 6px;
}
.vss-thumbnail-sec video {
    width: 100%;
    height: 450px;
    max-width: 100% !important;
    object-fit: cover;
    border-radius: 6px;
}
.success-stories-section .team:hover .content {
    background-color: rgb(0,0,0,0.8);
    transform: translateY(10px);
    box-shadow: rgba(253, 71, 102, 0.004) 0px 25px 55px;
}
.success-stories-section .content {
    top: 0;
    bottom: inherit !important;
    overflow: hidden;
    border-radius: 6px;
    transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), box-shadow 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
    padding: 10px !important;
}
.success-stories-section .team{
	padding:0px;
}
.vss-slide .team h4.title {
    margin-bottom: 0px !important;
}

@media screen and (max-width:991px){
	.team-slide-activation .slick-next,
	.team-slide-activation .slick-prev{
		display:none !important;
	}
	.rbt-team-area.rbt-section-gap .slick-dots li.slick-active button:before,
	.rbt-team-area.rbt-section-gap .slick-dots li button:before	{
        font-size: 15px;
    }
}