/* home css */
.navbar-nav a {
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.navbar-nav a::before,
.navbar-nav a::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
}

.navbar-nav a::before {
    background-color: #54b3d6;
    height: 2px;
    bottom: 0;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}

.navbar-nav a::after {
    content: attr(data-replace);
    height: 100%;
    top: 10;
    transform-origin: 100% 50%;
    transform: translate3d(200%, 0, 0);
    transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
    color: #54b3d6;
}

.navbar-nav a:hover::before {
    transform-origin: 0% 50%;
    transform: scaleX(1);
}

.navbar-nav a:hover::after {
    transform: translate3d(0, 0, 0);
}

.navbar-nav a span {
    display: inline-block;
    transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}

.navbar-nav a:hover span {
    transform: translate3d(-200%, 0, 0);
}

.navbar-nav a {
    text-decoration: none;
    color: #18272F;
    font-weight: 700;
    vertical-align: top;
}
a:hover{
    text-decoration: none;
}
h3,h6 {
    color:white;
    
}
.bottom-up {
background-color:#43434d;
}

/* about css */

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 100px;
}

.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.1);
}


/*  App developmenyt app service */
.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 100px;
}

.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.1);
}