@media (max-width: 575px) {
    #splash-img, #icon-row {
        position: static;
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        justify-content: center;
    }

    #services-list {
        padding-left: 1.5rem;
    }

    #consulting-services-img {
        max-width: 100%;
    }

    .product-card {
        height: 14rem;
    }
}

/* lg */
@media (min-width: 768px) and (max-width: 992px) {
    
}

/* xl down */
@media (max-width: 1200px) {
    .testimonial {

    }


}

/* xl */
@media (min-width: 992px) and (max-width: 1200px) {
}

@media (min-width: 992px) {
    #splash-img {
        max-width: 650px;
        width: calc(100% - 6vw);
        position: relative;
        transform: translateY(-1.8vw);
        left: 6vw;
    }
    #landing-icon-1 {
        position: relative;
        margin: auto;
        bottom: 15vw;
    }
    
    #landing-icon-2 {
        position: relative;
        margin: auto;
        bottom: 7vw;
    }
    
    #landing-icon-3 {
        position: relative;
        margin: auto;
        bottom: 4vw;
    }
    
    #landing-icon-4 {
        position: relative;
        margin: auto;
        bottom: 5vw;
    }
    
    #landing-icon-5 {
        position: relative;
        margin: auto;
        bottom: 9vw;
    }

    #landing-icon-row {
        height: 0;
    }
}

@media (max-width: 991.98px) {
    #splash-img {
        position: static;
        padding: 5vw;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    #landing-icon-row {
        height: auto
    }
}

@media (min-width: 1400px) {
    .nav-link.scroll-nav-item {
        position: relative;
        transition: color 0.3s, border-bottom 0.3s;
    }
    
    .nav-link.scroll-nav-item:hover {
        color: #058052;
        text-decoration: none;
        cursor: pointer;
    }
    
    .nav-link.scroll-nav-item::after {
        content: "";
        position: absolute;
        left: 10%;
        right: 10%;
        bottom: 5px;
        height: 2px;
        background-color: #058052;
        opacity: 0;
        transition: opacity 0.3s;
    }
    
    .nav-link.scroll-nav-item:hover::after {
        opacity: 1;
    }
}