/* ==========================================
   LEFT SIDE — STATIC
========================================== */
.savi-loop__visual-slide img {
    opacity:.3;
}
.savi-loop__visual-slide.slick-current img {
    opacity:1;
}
.savi-loop__inner {
    display:flex;
    
    margin-left:-20px;
    margin-right:-20px;
    align-items:center;
}

.savi-loop__content {
	position: relative;
	height: auto;
	overflow: visible;
	width:55%;
	padding-left:20px;
	padding-right:20px;
}

.savi-loop__content-slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: visible;
}

.savi-loop__content-slide {
	position: relative !important;
	top: auto !important;
	left: auto !important;
    padding-left:25px;
	width: 100%;


	display: flex !important;
	align-items: center;

	transform: none !important;

	cursor: pointer;

	opacity: 0.5;

	transition:
		opacity 0.4s ease,
		padding-left 0.4s ease;
}

.savi-loop__content-slide.is-active {
	opacity: 1;
}


/* ==========================================
   RIGHT SIDE — VERTICAL CAROUSEL
========================================== */

.savi-loop__visual {
	position: relative;
	height: 830px;
	width:45%;
	padding-left:20px;
	padding-right:20px;
}

.savi-loop__visual-slider {
	width: 100%;
	height: 830px;
	overflow: hidden;
}

.savi-loop__visual-slider .slick-list {
	height: 100% !important;
	overflow: hidden;
}

.savi-loop__visual-slider .slick-track {
	height: 100%;
}

.savi-loop__visual-slider .slick-slide {
	height: 540px;
	width:100% !important;
}

.savi-loop__visual-slide {
	position: relative !important;

	width: 100%;
	height: 540px;

	display: flex !important;

	align-items: center;
	justify-content: center;

	top: auto !important;
	left: auto !important;

	transform: none !important;
}


/* ==========================================
   IMAGE
========================================== */

.savi-loop__image {
	width: 100%;
	height: 540px;

	overflow: hidden;
    padding-top:5px;
    padding-bottom:5px;
	
}

.savi-loop__image-img {
	display: block;
border-radius: 30px !important;
	width: 100%;
	height: 100% !important;
    object-position:center !important;
	object-fit: cover;
}


/* ==========================================
   ACTIVE LEFT INDICATOR
========================================== */

.savi-loop__content-slide.is-active::before {
	content: "";

	position: absolute;

	left: 0;
	top: 15px;
bottom:15px;
	width: 8px;
	

	background: #00d0ce;

}
.savi-on-image-content {
    display:none;
}
.savi-loop__title {
    color: #00d0ce !important;
    font-family: "SharpSansBoldItalic", Sans-serif !important;
    font-size: 65px !important;
    margin-bottom: 10px !important;
    line-height: 1 !important;
    margin-top: 0px;

}

.savi-loop__description p {
    color: #0c4c51 !important
    font-family: "SharpSansBoldItalic", Sans-serif !important;
    font-size:20px;
}
.savi-loop__description-main {
    font-family: "SharpSansBoldItalic", Sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #00D0CE;
    margin-bottom:30px;
}
@media (max-width:1200px) {
    .savi-loop__content-slide.is-active::before {top:10px;}
    .savi-loop__title {
        font-size:30px !important; 
    }
    .savi-loop__description-main {
        font-size:22px;
    }
    .savi-loop__description p {font-size:16px !important;}
}
@media (max-width:1024px) {
    
    .savi-loop__title {
        font-size:30px !important; 
    }
    .savi-loop__description-main {
        font-size:18px;
    }
    .savi-loop__description p {font-size:16px !important;}
}
@media (max-width:767px) {
    .savi-loop__inner {
        flex-wrap:wrap;
    }
    .savi-loop__content {width:100%;}
    .savi-loop__content-slider {
        display:none;
    }
    .savi-loop__visual {
        width:100%;
    }
    .savi-on-image-content {
        display: block;
        position: absolute;
        left: 0;
        bottom: 5px;
        padding: 20px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        width: 100%;
        background: #00000096;
    }
    .savi-loop__visual-slide img {
    opacity:1 !important;
}
.savi-loop__title {
    color:#fff !important;
}
.savi-loop__description p {color:#fff !important;}


.savi-loop__visual-slider {
		width: 100%;
		height: auto;
		overflow: visible;
	}

	.savi-loop__visual-slider .slick-list,
	.savi-loop__visual-slider .slick-track {
		height: auto !important;
		overflow: visible;
		transform: none !important;
	}

	.savi-loop__visual-slider .slick-slide {
		display: block !important;
		width: 100% !important;
		height: auto !important;
	}

	.savi-loop__visual-slide {
		display: block !important;
		width: 100%;
		height: auto !important;
		margin-bottom: 24px;
	}
	.savi-loop__visual-slider .slick-list, .savi-loop__visual-slider .slick-track {
	    padding:0px !important;
	}
.savi-loop__visual-slide.slick-slide.slick-cloned {
    display:none !important;
}
.savi-loop__visual {height:unset !important;}

}