Slider 2
Slider 2
/* ===== Slider 2 ===== */
#slider-2 .carousel-item {
min-height: 350px;
background: no-repeat center center scroll;
background-size: cover;
}
#slider-2 .carousel-control-next {
right: 30px;
}
#slider-2 .carousel-control-next-icon {
background-image: none;
}
#slider-2 .carousel-control-next-icon:before {
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 25px;
padding: 0px 10px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
position: absolute;
top: 20px;
color: #000;
}
/* ===== Button 16 ===== */
.btn-word-effect {
overflow: hidden;
}
.btn-word-effect:hover:before {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.btn-word-effect:before {
content: attr(data-bs-hover);
position: absolute;
left: 0;
width: 100%;
opacity: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-word-effect:hover div {
opacity: 0;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0)
}
.btn-word-effect div {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}