html{
    scroll-behavior: smooth;
}
body{
    /* font-family: sans-serif; */
    font-family: iransans;
}

.icon-lg{
    font-size: 1.5em;
}

.icon-3x{
    font-size: 3em;
}

.nav-item {
    border-bottom: 1px solid rgba(0,0,0,0);
}
.nav-item:hover {
    color:black;
    transition:border-bottom .8s;
    border-bottom: 1px solid black;
}

.img-fl {
    border-radius: 50% !important;
}
.img-fluid{
    border-radius:50%!important;
    width:10%;
    height:10%;
}

.starter{
    width:auto;
    height:100vh;
}

.left-align{
    text-align:left;
}

.service-box {
    background-color: #fff;
    padding: 2.5rem 1.3rem;
    border-radius: 1rem;
    margin-bottom: 3rem;
    transition:box-shadow .5s;
}


    .service-box:hover {
        box-shadow: 20px 20px 50px grey;
    }


.contact-top{
    margin-top:15%;}