@import 'theme.min.css';
@import 'mizzle.css';
@import 'page_load.css';



@import '../../node_modules/boxicons/css/boxicons.min.css';
@import '../../node_modules/swiper/swiper-bundle.min.css';
@import "../../node_modules/bootstrap-icons/font/bootstrap-icons.css";
/* @import '../../node_modules/swiper/swiper.scss'; */

@import "../../node_modules/owl.carousel/dist/assets/owl.carousel.min.css";

@import '../../node_modules/lightgallery/css/lightgallery-bundle.min.css';
@import '../../public/assets/vendor/glightbox/css/glightbox.css';


@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-right {
    animation: fadeInRight 1s ease-in-out forwards;
}


.hover-underline {
    position: relative;
    color: var(--si-light);
    text-decoration: none;
}

.hover-underline::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    margin-left: 10px;
    margin-right: 10px;
    background-color: var(--si-secondary);
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.hover-underline:hover::after {
    visibility: visible;
    width: 100%;
}

.bg-image {
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 70%;
}

.owl-nav {
    position: absolute;
    width: 100%;

    display: flex;
    justify-content: center;

}

.owl-nav span {
    font-size: 30px;
}