.oc-slider-wrapper {
    position: relative;
    padding: 0 10px;
}
.slick-prev.oc-custom-arrow {
    left: -22px; 
}
.slick-prev.oc-custom-arrow::before {
    transform: rotate(135deg);
    margin-left: 4px;
}

.slick-next.oc-custom-arrow {
    right: -22px;
}
.slick-next.oc-custom-arrow::before {
    transform: rotate(-45deg);
    margin-right: 4px;
}
.oc-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.oc-content-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 20px 0px;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);
    color: #fff;
}
.oc-title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #fff !important;
	font-family: Rubik, sans-serif;
	font-style: italic;
}
.oc-subtitle {
    margin: 5px 0 0;
    font-size: 20px;
	font-weight:300;
    color: #f0f0f0;
	font-family: Rubik, sans-serif;
    font-style: italic;
}
p.oc-subtitle {
    height: 50px;
    line-height: 1;
}
.oc-slide-item{
	padding-left:10px;
	padding-right:10px;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    background: #E6F0F6 !important;
    width: 38px;
    height: 38px;
    border-radius: 180px;
	z-index:10;
}
.slick-next:before, .slick-prev:before {
    color: #68c4e0 !important;
    /*font-family: slick;*/
    font-size: 20px !important;
    line-height: 1.1 !important;
    opacity: .75;
	display: flex !important;
    justify-content: center !important;
	font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important; 
}
.oc-slick-slider.slick-initialized.slick-slider.slick-dotted .slick-prev:before{
    content: "\f104" !important;
}
.oc-slick-slider.slick-initialized.slick-slider.slick-dotted .slick-next:before{
    content: "\f105" !important;
}
.oc-image-container {
    overflow: hidden; 
    position: relative;
}
.oc-image-container img {
    transition: transform 0.5s ease, filter 0.5s ease; 
    display: block;
    width: 100%;
}
.oc-card:hover .oc-image-container img {
    transform: scale(1.1); 
    filter: brightness(0.7); 
}
.oc-card:hover .oc-content-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%); 
    transition: background 0.5s ease;
}
.inside > .oc-metabox-wrapper > button.button {
    background: red !important;
}
ul.slick-dots > li.slick-active button::before{
	color:#e6f0f6 !important;
}