.uc-drop {
    top: 66px !important;
}
.hover\:shadow-xs:hover, .shadow-xs, .shadow-xs-hover:hover {
    box-shadow: 0 0 0.38rem -.1rem var(--shadow-color) !important;
}
.focus\:w-150px:focus, .hover\:w-150px:hover, .w-150px, .w-150px-focus:focus, .w-150px-hover:hover {
    width: 105px !important;
}
.uc-navbar-nav>li:hover>a {
    color: #0555a2 !important;
    opacity: 1 !important;
}
.uc-navbar-dropdown {
    top: 70px !important;
    width: 300px !important;
}
.uc-navbar-nav>li>a[aria-expanded=true] {
    color: #0555a2 !important;
    opacity: 1 !important;
}
.container {
    min-width: 327px !important;
}
.justify-content-center {
    justify-content: center !important;
}
span .icon {
    width: 60px;
    height: 60px;
}

.service {
    background-size: cover !important;
}
 
.service:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    opacity: 1;
    z-index: 1;
    border-radius: 10px;
    transition: all 0.3s ease;
    background: #f6f6f7; 

}

.service:hover::after {
    opacity: 0;
}

.service:hover, .service:hover a {
    color: #fff !important;
}
.icon-invert {
    filter: invert(1);
}
.items-start {
    align-items: flex-start !important;
}
.mb--80 {
    margin-top: 80px !important;
    margin-bottom: -80px !important;
}

@media (max-width: 1199px) {
    .mb--80 {
        margin-bottom: -50px !important;
    }
}