.menu {
    background: rgba(0, 0, 0, 0.95);
}
nav.navbar {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.navbar-brand img {
    width: 150px;
}
.intro-section {
    background: linear-gradient(to right, rgba(88, 219, 1, 0.95), rgba(0, 0, 0, 0.95));
}
.btn-rounded {
    border: 0;
}
.btn-rounded span {
    background-color: #58db01;
}
.btn-rounded:hover {
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #58db01;
    border-color: #58db01;
}
.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
#home img {
    width: 70%;
}
@media (max-width: 768px) {
    #home img {
        width: 50%;
        margin-top: 50px;
    }
}

.heading-line::before, .heading-line::after {
    background-color: rgba(88, 219, 1, 0.95);
}
.srviceimage {
    width: 75%;
}
.display-3--title {
    background-image: linear-gradient(to right, rgba(88, 219, 1, 0.95), rgba(0, 0, 0, 0.95));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services__content .icon {
    color: rgba(88, 219, 1, 0.95);
}
.portfolio-box .portfolio-info {
    background-color:  rgba(88, 219, 1, 0.95);
}
.portfolio-box {
    border-top: 0.5rem solid rgba(88, 219, 1, 0.95);
}
a {
    color: #ffffff;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}
.gradient {
    background: linear-gradient(to right, rgba(88, 219, 1, 0.95), rgba(0, 0, 0, 0.95));
}
.contact-box__icon {
    stroke: rgba(88, 219, 1, 0.95);
}