.logo{

    height:55px;

}

.custom-navbar{

    padding:18px 0;

    transition:.4s;

    background:transparent;

}

.custom-navbar.scrolled{

    background:#fff;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    padding:10px 0;

}

.custom-navbar .nav-link{

    color:#fff;

    margin:0 12px;

    font-weight:500;

    transition:.3s;

    position:relative;

}

.custom-navbar.scrolled .nav-link{

    color:#222;

}

.custom-navbar .nav-link:hover{

    color:#198754;

}

.custom-navbar .nav-link.active{

    color:#198754;

}

.custom-navbar .nav-link::after{

    content:"";

    position:absolute;

    width:0;

    left:0;

    bottom:-5px;

    height:2px;

    background:#198754;

    transition:.3s;

}

.custom-navbar .nav-link:hover::after{

    width:100%;

}

.call-btn{

    background:#198754;

    color:#fff;

    padding:12px 28px;

    border-radius:40px;

    text-decoration:none;

    transition:.3s;

}

.call-btn:hover{

    background:#146c43;

    color:#fff;

}

.navbar-toggler{

    font-size:2rem;

    color:#fff;

}

.custom-navbar.scrolled .navbar-toggler{

    color:#222;

}

.offcanvas{

    width:320px;

}

.offcanvas .nav-link{

    color:#222;

    font-size:18px;

    padding:10px 0;

}