almasvareh/resources/sass/home/home.scss

// Style for home page

// Fonts
@import '../fonts/awesome/awesome-font.css';
@import '../fonts/iransans/iransans-font.css';

// Common Scss
@import '../app';

@import './core/pages/auth';


// Menu Hover Style
.nav-item{
    border-bottom: 3px solid transparent;
    &:hover{
        border-bottom: 3px solid $yellow;
    }
}
.navbar-light .navbar-nav .nav-item {
    transition: all .3s ease;
    .nav-link {
        &:hover{
            transform: translateY(-2.5px);
        }
    }
}

// Header Home Style
.home-header {
    background: url('../../images/home/h1.png') no-repeat;
    width: 100%;
    height: 100vh;
    background-size: cover;
    position: relative;
    padding-top: 178px;
}

// Icon Style In Advantages Section
.style-icon{
    font-size: 4rem;
    color: $yellow;
}


// Card Style Hover
.card-hover-home{
    transition: transform 0.5s ease;
    &:hover{
        transform: translateY(-4px);
        box-shadow: 0px 0.25rem 0.7rem 0px rgba(0, 0, 0, 0.2);
    }
}