.rs-hero-slider .slider-inner {
position: relative;
}
.rs-hero-slider .slider-inner.clip-path-css {
clip-path: polygon(72% 0, 100% 22%, 100% 100%, 0 100%, 0 0);
}
.rs-hero-slider .slider-inner.clip-path-css::after {
position: absolute;
content: "";
right: -20px;
top: 37px;
height: 1px;
width: 150px;
background: rgba(237, 237, 237, 0.1490196078);
transform: rotate(43deg);
}
.rs-hero-slider .slider-inner.clip-path-css::before {
position: absolute;
content: "";
right: 10px;
top: 10px;
width: 0;
height: 0;
border-bottom: 90px solid var(--primaryColor);
border-right: 90px solid transparent;
}
.rs-hero-slider .slider-inner .anim-init {
animation-duration: 500ms !important;
animation-fill-mode: both !important;
}
.rs-hero-slider .slider-inner .sub-title {
display: inline-block;
}
.rs-hero-slider .slider-inner .title {
margin-top: 0;
}
.rs-hero-slider .slider-inner .title span {
color: var(--primaryColor);
display: inline-block;
}
.rs-hero-slider .slider-inner .btn-wrapper {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-top: 35px;
}
.rs-hero-slider .slider-inner .btn-wrapper a {
display: inline-flex;
gap: 8px;
align-items: center;
padding: 12px 34px;
background: var(--primaryColor);
color: #fff;
border: 1px solid var(--primaryColor);
}
.rs-hero-slider .slider-inner .btn-wrapper a svg {
width: 20px;
height: 20px;
position: relative;
}
.rs-hero-slider .slider-inner .btn-wrapper a svg path {
transition: var(--transition);
fill: #fff;
}
.rs-hero-slider .slider-inner .btn-wrapper a i {
font-size: 20px;
color: #fff;
transition: var(--transition);
position: relative;
}
.rs-hero-slider .slider-inner .btn-wrapper a:hover {
background: transparent;
color: var(--titleColor);
}
.rs-hero-slider .slider-inner .btn-wrapper a:hover svg path {
fill: var(--primaryColor);
}
.rs-hero-slider .slider-inner .btn-wrapper a:hover i {
color: var(--primaryColor);
}
.rs-hero-slider.ken-burn-effect {
--kenBurn: 3000ms;
}
.rs-hero-slider.ken-burn-effect .swiper-slide {
background: unset !important;
}
.rs-hero-slider.ken-burn-effect .swiper-slide > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(103%);
transition: var(--kenBurn) cubic-bezier(0.216, 0.416, 0.25, 1);
transform-origin: left;
}
.rs-hero-slider.ken-burn-effect .swiper-slide.swiper-slide-active > img {
transform: scale(100%);
}